/* =============================================================
   CRYPTOPLAT — HEADER ONLY (Step 1 of header/footer redesign)
   Sitewide stylesheet. Scoped strictly to .header element so
   it cannot bleed into other parts of the page.
============================================================= */

/* -----------------------------------------------------------
   Hide theme toggle sitewide
----------------------------------------------------------- */
.theme-switch-wrapper {
  display: none !important;
}

/* -----------------------------------------------------------
   HEADER — DEFAULT (dark navy, applies everywhere)
----------------------------------------------------------- */
.header {
  background: #0A0E27 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.header .navbar {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.header .navbar-brand.logo img {
  max-height: 40px;
  width: auto;
}

/* Nav links */
.header .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  transition: color 0.15s ease;
}

.header .nav-link:hover {
  color: #E8B923 !important;
}

/* Login text link */
.header .sign-in {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500;
  transition: color 0.15s ease;
}

.header .sign-in:hover {
  color: #E8B923 !important;
}

/* Language dropdown text */
.header .custom--dropdown__selected .text {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Sign up button — yellow pill */
.header .btn--base.btn--sm {
  background: #E8B923 !important;
  color: #0A0E27 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 9px 22px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0;
  transition: all 0.18s ease;
}

.header .btn--base.btn--sm:hover {
  background: #D4A510 !important;
  color: #0A0E27 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(232, 185, 35, 0.32);
}

/* Mobile toggle button */
.header .navbar-toggler {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.2);
}

/* -----------------------------------------------------------
   RESOURCES & TRADE DROPDOWNS
   Bootstrap 5 dropdowns styled to match dark navy header
----------------------------------------------------------- */
.header .cp-resources-dropdown .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.header .cp-resources-dropdown .dropdown-toggle::after {
  border-top-color: rgba(255, 255, 255, 0.6);
  margin-left: 4px;
  transition: transform 0.18s ease;
}

.header .cp-resources-dropdown.show .dropdown-toggle::after {
  transform: rotate(180deg);
  border-top-color: #E8B923;
}

.header .cp-resources-menu {
  background: #11163A !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  margin-top: 8px !important;
  min-width: 280px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}

.header .cp-resources-menu .dropdown-item {
  display: block;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-decoration: none;
  transition: background 0.15s ease;
  white-space: normal;
}

.header .cp-resources-menu .dropdown-item:hover,
.header .cp-resources-menu .dropdown-item:focus {
  background: rgba(232, 185, 35, 0.1) !important;
  color: #FFFFFF !important;
}

.header .cp-resources-item__title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 2px;
}

.header .cp-resources-menu .dropdown-item:hover .cp-resources-item__title {
  color: #E8B923;
}

.header .cp-resources-item__desc {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 400;
  line-height: 1.4;
}