/* Krystonia Custom Theme — layered on top of w3.css */

/* Google Font import */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Open+Sans:wght@400;600&display=swap');

/* Base */
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #1a1a2e;
  color: #e0d6c8;
  margin: 0;
}

/* Links */
a {
  color: #dfc06a;
  text-decoration: none;
  transition: color 0.2s;
}
a:hover {
  color: #e8c84c;
}

/* Top Navbar */
.w3-top .w3-bar {
  background-color: #16213e !important;
  border-bottom: 2px solid #dfc06a;
  padding: 8px 16px !important;
}
.w3-top .w3-bar a,
.w3-top .w3-bar .w3-button {
  color: #dfc06a !important;
  font-family: 'Cinzel', serif;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.w3-top .w3-bar a:hover,
.w3-top .w3-bar .w3-button:hover {
  color: #fff !important;
  background-color: rgba(255,255,255,0.1) !important;
}

/* Kill w3.css gray hover backgrounds — must match their exact selectors */
.w3-button:hover {
  color: #fff !important;
  background-color: rgba(255,255,255,0.1) !important;
}
.w3-dropdown-hover:first-child,
.w3-dropdown-click:hover {
  background-color: transparent !important;
  color: #dfc06a !important;
}
.w3-dropdown-hover:hover > .w3-button:first-child,
.w3-dropdown-click:hover > .w3-button:first-child {
  background-color: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}
.w3-dropdown-hover:hover {
  background-color: transparent !important;
}
.w3-top .w3-bar .w3-bar-item b {
  color: #dfc06a;
  font-size: 16px;
}

/* Dropdown menus */
.w3-dropdown-content {
  background-color: #16213e !important;
  border: 1px solid #dfc06a;
  min-width: 200px;
}
.w3-dropdown-content a {
  color: #e0d6c8 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}
.w3-dropdown-content a:hover {
  background-color: rgba(201,168,76,0.15) !important;
  color: #dfc06a !important;
}

/* Content area */
.w3-content, .w3-container {
  color: #e0d6c8;
}

/* Headers */
b u, h1, h2, h3 {
  font-family: 'Cinzel', serif;
  color: #dfc06a;
}

/* Figurine cards */
.w3-col .w3-display-container {
  background-color: #0f3460;
  border: 1px solid #1a4a7a;
  border-radius: 8px;
  padding: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.w3-col .w3-display-container:hover {
  border-color: #dfc06a;
  box-shadow: 0 4px 20px rgba(201,168,76,0.25);
  transform: translateY(-3px);
}

/* Card labels */
.w3-display-topleft.w3-black.w3-padding {
  background-color: rgba(22,33,62,0.9) !important;
  border-radius: 6px 0 6px 0;
  font-family: 'Cinzel', serif;
  font-size: 12px;
  color: #dfc06a !important;
}
.w3-display-topleft.w3-black.w3-padding a {
  color: #dfc06a !important;
}

/* Images in cards */
.w3-col img {
  border-radius: 4px;
}

/* Card text (item numbers, names) */
.w3-col .w3-display-container a {
  color: #e0d6c8;
}
.w3-col .w3-display-container a b {
  font-family: 'Cinzel', serif;
  font-size: 13px;
  color: #dfc06a;
}

/* Year dropdown select */
select {
  background-color: #0f3460;
  color: #dfc06a;
  border: 1px solid #dfc06a;
  border-radius: 4px;
  font-family: 'Cinzel', serif !important;
  cursor: pointer;
}
select:hover {
  background-color: #16213e;
}

/* Booklet page nav bar */
.w3-bar.w3-white {
  background-color: #0f3460 !important;
  color: #e0d6c8 !important;
  border: 1px solid #1a4a7a;
  border-radius: 4px;
}
.w3-bar.w3-white a {
  color: #dfc06a !important;
}

/* Homepage/content images */
.w3-image {
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}

/* Article/text content */
.w3-container#about, div#about {
  line-height: 1.7;
}

/* Footer */
footer, .w3-center.w3-black {
  background-color: #16213e !important;
  border-top: 2px solid #dfc06a;
  color: #888 !important;
}
footer a {
  color: #dfc06a !important;
}

/* Horizontal rules */
hr {
  border: none;
  border-top: 1px solid #dfc06a;
  opacity: 0.4;
}

/* Row padding adjustments */
.w3-row-padding {
  margin-bottom: 8px;
}

/* eBay link on values page */
font[color=red] {
  color: #e84c4c !important;
}

/* Paperwork launch page cards */
.w3-row-padding .w3-col img {
  border-radius: 4px;
}

/* Scrollbar styling for dark theme */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #1a1a2e;
}
::-webkit-scrollbar-thumb {
  background: #0f3460;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #dfc06a;
}