/**

 * Public site header — centered cluster: logo + nav + actions

 */

#main-nav {

  border-bottom: 1px solid rgba(139, 115, 85, 0.22) !important;

  overflow: visible;

}



.site-header-shell {

  width: 100%;

  max-width: 96rem;

  margin-left: auto;

  margin-right: auto;

  padding-left: clamp(1rem, 2vw, 2rem);

  padding-right: clamp(1rem, 2vw, 2rem);

}



.site-header-inner {

  position: relative;

  display: flex !important;

  align-items: center;

  justify-content: center;

  min-height: 4.75rem;

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

}



@media (min-width: 1024px) {

  .site-header-inner {

    min-height: 5.25rem;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

  }

}



@media (max-width: 1023px) {

  .site-header-inner {

    justify-content: flex-start;

    min-height: 4.5rem;

  }

}



/* Desktop: one centered row — logo, menu, login/tools/lang */

.site-header-cluster {

  display: none;

  align-items: center;

  justify-content: center;

  flex-wrap: nowrap;

  gap: clamp(0.5rem, 1.1vw, 1.15rem);

  max-width: 100%;

  margin-left: auto;

  margin-right: auto;

}



@media (min-width: 1024px) {

  .site-header-cluster {

    display: flex;

  }

}



.site-header-logo {

  flex-shrink: 0;

  display: inline-flex;

  align-items: center;

  background: transparent !important;

  margin-right: clamp(0.25rem, 0.6vw, 0.75rem);

}



.site-brand-logo-frame {

  display: inline-flex;

  align-items: center;

  justify-content: flex-start;

  line-height: 0;

  padding: 0;

  margin: 0;

}



.site-brand-logo-frame--classic {

  background: transparent !important;

  padding: 0;

  border-radius: 0;

  box-shadow: none;

}



.site-brand-logo--header {

  height: 2.625rem;

  max-height: 2.625rem;

  max-width: 12.5rem;

  width: auto;

  object-fit: contain;

}



@media (min-width: 1280px) {

  .site-brand-logo--header {

    height: 2.875rem;

    max-height: 2.875rem;

    max-width: 13.5rem;

  }

}



.site-header-nav {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: nowrap;

  gap: clamp(0.3rem, 0.75vw, 0.85rem);

  flex-shrink: 1;

  min-width: 0;

  overflow: visible;

}



.site-header-dropdown-panel {

  background-color: #1a1f3a;

  border: 1px solid rgba(139, 115, 85, 0.3);

}



.site-header-tools-link {

  padding: 0.5rem 0.625rem !important;

}



.site-header-actions {

  display: flex;

  align-items: center;

  flex-wrap: nowrap;

  gap: 0.45rem 0.65rem;

  flex-shrink: 0;

  padding-left: clamp(0.35rem, 0.8vw, 0.65rem);

  margin-left: clamp(0.15rem, 0.5vw, 0.35rem);

  border-left: 1px solid rgba(139, 115, 85, 0.35);

}



.site-header-lang-wrap {

  flex-shrink: 0;

  padding-left: 0.65rem;

  margin-left: 0.1rem;

  border-left: 1px solid rgba(139, 115, 85, 0.4);

}



.site-header-nav-item {

  flex-shrink: 0;

}



.site-header-nav-link {

  font-size: 0.8125rem;

  font-weight: 600;

  letter-spacing: 0.02em;

  line-height: 1.25;

  white-space: nowrap;

  padding: 0.5rem 0.2rem;

  color: #ffffff !important;

}



@media (min-width: 1200px) {

  .site-header-nav-link {

    font-size: 0.875rem;

    padding: 0.5rem 0.25rem;

  }

}



@media (min-width: 1400px) {

  .site-header-nav-link {

    font-size: 0.9375rem;

  }

}



.site-header-nav-chevron {

  width: 0.75rem;

  height: 0.75rem;

  opacity: 0.55;

  flex-shrink: 0;

}



.site-header-nav .nav-link::after {

  bottom: 0.15rem;

}



.site-header-lang-btn {

  font-size: 0.875rem;

  font-weight: 500;

  padding: 0.45rem 0.5rem;

  border-radius: 0.375rem;

  white-space: nowrap;

}



.site-header-lang-icon {

  width: 1rem;

  height: 1rem;

  flex-shrink: 0;

}



.site-header-lang-label {

  max-width: 5.5rem;

  overflow: hidden;

  text-overflow: ellipsis;

}



.site-header-actions .header-text-link {

  font-size: 0.875rem;

  font-weight: 600;

  color: #fff;

  white-space: nowrap;

  padding: 0.5rem 0.625rem;

  border-radius: 0.375rem;

  transition: color 0.2s ease;

}



.site-header-actions .header-text-link:hover {

  color: #d4af37;

}



.site-header-actions .header-btn-outline {

  font-size: 0.8125rem;

  font-weight: 600;

  padding: 0.5rem 0.875rem;

  border-radius: 0.5rem;

  white-space: nowrap;

  background: transparent;

  color: #fff;

  border: 1px solid rgba(212, 175, 55, 0.55);

  cursor: pointer;

  transition: color 0.2s ease, border-color 0.2s ease;

  flex-shrink: 0;

}



.site-header-actions .header-btn-outline:hover {

  color: #d4af37;

  border-color: #d4af37;

}



/* Mobile: logo left, controls right */

@media (max-width: 1023px) {

  .site-header-cluster {

    display: flex;

    justify-content: flex-start;

    width: auto;

  }



  .site-header-nav,

  .site-header-actions {

    display: none !important;

  }



  .site-header-logo {

    margin-right: 0;

  }

}



.site-header-mobile {

  display: flex;

  align-items: center;

  gap: 0.25rem;

  margin-left: auto;

  flex-shrink: 0;

}



@media (min-width: 1024px) {

  .site-header-mobile {

    display: none;

  }

}



.header-account-menu {

  position: relative;

  flex-shrink: 0;

}



.header-account-menu > button {

  display: inline-flex;

  align-items: center;

  gap: 0.35rem;

  font-size: 0.875rem;

  font-weight: 500;

  color: #fff;

  padding: 0.45rem 0.65rem;

  border-radius: 0.5rem;

  border: 1px solid rgba(139, 115, 85, 0.45);

  background: rgba(10, 14, 39, 0.5);

  cursor: pointer;

  transition: border-color 0.2s ease, color 0.2s ease;

  white-space: nowrap;

}



.header-account-menu > button:hover,

.header-account-menu:focus-within > button {

  color: #d4af37;

  border-color: #d4af37;

}



.header-account-dropdown {

  position: absolute;

  right: 0;

  top: calc(100% + 0.5rem);

  min-width: 13rem;

  padding: 0.35rem 0;

  border-radius: 0.75rem;

  background: #1a1f3a;

  border: 1px solid rgba(139, 115, 85, 0.35);

  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);

  opacity: 0;

  visibility: hidden;

  transform: translateY(-4px);

  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;

  z-index: 60;

}



.header-account-menu:hover .header-account-dropdown,

.header-account-menu:focus-within .header-account-dropdown {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.header-account-dropdown a {

  display: block;

  padding: 0.5rem 1rem;

  font-size: 0.8125rem;

  color: rgba(255, 255, 255, 0.9);

  transition: background 0.15s ease, color 0.15s ease;

}



.header-account-dropdown a:hover {

  background: rgba(212, 175, 55, 0.12);

  color: #d4af37;

}



#risk-banner {

  border-bottom: 1px solid rgba(239, 68, 68, 0.2) !important;

  line-height: 1.4;

}