/* Shared header rules for every public and trading page. */
.site-navbar {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.site-navbar .container-fluid,
.site-navbar .navbar-brand,
.site-navbar .navbar-collapse {
  align-items: center;
}

.site-navbar .navbar-brand {
  min-height: 85px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

.site-navbar .navbar-brand .brand-badge {
  width: 58px;
  height: 70px;
}

.site-navbar .navbar-brand .brand-logo {
  top: 50%;
  transform: translate(-50%, -50%);
}

/* Official supplied wordmark: crop the brand-guideline caption from view. */
.site-navbar .navbar-brand .brand-badge {
  width: 220px !important;
  height: 80px !important;
  overflow: hidden;
  flex: 0 0 220px !important;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-navbar .navbar-brand .brand-logo {
  position: static !important;
  display: block;
  width: 220px !important;
  height: auto !important;
  max-width: none !important;
  transform: none !important;
}

.site-footer .brand-badge {
  width: 220px !important;
  height: 80px !important;
  overflow: hidden;
  flex: 0 0 220px !important;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-footer .brand-logo {
  position: static !important;
  display: block;
  width: 220px !important;
  height: auto !important;
  max-width: none !important;
  transform: none !important;
}

.site-navbar .navbar-brand .brand-text,
.site-footer .brand-text {
  display: none !important;
}

@media (max-width: 575.98px) {
  .site-navbar .navbar-brand .brand-badge {
    width: 165px !important;
    height: 42px !important;
    flex-basis: 165px !important;
  }

  .site-navbar .navbar-brand .brand-logo {
    width: 165px !important;
  }
}

.site-navbar .navbar-brand .brand-text {
  line-height: 1;
}

.site-navbar .navbar-nav i {
  display: none !important;
}

.site-navbar .navbar-nav,
.site-navbar .navbar-nav .nav-item,
.site-navbar .navbar-nav .nav-link,
.site-navbar .dropdown-item {
  white-space: nowrap !important;
}

.site-navbar .navbar-nav .nav-item {
  flex: 0 0 auto !important;
}

.brand-text .brand-name {
  margin: 0;
  font-family: 'Roboto Slab', serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .5px;
}

.site-navbar .navbar-brand,
.site-navbar .navbar-collapse,
.site-navbar .navbar-nav {
  flex-wrap: nowrap !important;
}

/* Legacy trading scripts inject Login/Pending here. It is not part of the
   unified website header and can force the navigation over the brand. */
.site-navbar #divLoginPending {
  display: none !important;
}

/* jQuery Mobile adds .ui-link and blue link colors on pages under /www.
   Keep the header tools identical to the outer website header. */
.site-navbar .mmtc-circle {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 2px dotted var(--gold) !important;
  border-radius: 50%;
  background: var(--navy-2) !important;
}

.site-navbar .mmtc-circle i,
.site-navbar .navbar-toggler i {
  color: var(--gold) !important;
  text-shadow: none !important;
}

.site-navbar .mmtc-label {
  color: var(--gold) !important;
  font-size: 8.5px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .3px;
  text-shadow: none !important;
}

.site-navbar a.nav-contact-btn,
.site-navbar a.nav-contact-btn.ui-link,
.site-navbar a.nav-contact-btn:link,
.site-navbar a.nav-contact-btn:visited,
.site-navbar a.nav-contact-btn:hover,
.site-navbar a.nav-contact-btn:active {
  width: 38px;
  height: 38px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 10px;
  background: var(--gold) !important;
  color: var(--on-gold) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.45);
}

.site-navbar .nav-contact-btn i,
.site-navbar .nav-contact-btn.ui-link i {
  color: var(--on-gold) !important;
  font-size: 15px;
  text-shadow: none !important;
}

.site-navbar .theme-toggle-btn,
.site-navbar .theme-toggle-btn span {
  text-shadow: none !important;
}

@media (min-width: 992px) {
  .site-navbar .container-fluid,
  .site-navbar .navbar-collapse {
    flex-wrap: nowrap !important;
  }

  .site-navbar .container-fluid {
    gap: .35rem;
  }

  .site-navbar .navbar-brand {
    flex: 0 0 auto !important;
    min-width: max-content;
    margin-right: .25rem !important;
  }

  .site-navbar .navbar-nav {
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0 !important;
    margin-left: .2rem !important;
    margin-right: .2rem !important;
  }

  .site-navbar .navbar-nav .nav-link {
    padding: .42rem .38rem !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .site-navbar .navbar-collapse > .d-flex {
    flex-wrap: nowrap !important;
    flex: 0 0 auto;
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1599.98px) {
  .site-navbar .mmtc-circle,
  .site-navbar .mmtc-label {
    display: none !important;
  }

  .site-navbar .theme-toggle-status {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
  .site-navbar .brand-text h1 {
    font-size: 15px !important;
  }

  .site-navbar .brand-text .tagline {
    font-size: 7.5px !important;
    letter-spacing: 1.45px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .site-navbar .brand-text {
    display: none !important;
  }

  .site-navbar .nav-contact-btn {
    width: 35px !important;
    height: 35px !important;
  }
}

@media (max-width: 991.98px) {
  .site-navbar .navbar-nav .nav-link,
  .site-navbar .dropdown-item {
    white-space: nowrap !important;
  }
}

/* Shared Day / Night control, compatible with the reference site setting. */
.theme-toggle-btn {
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:3px 5px;
  border:1px solid rgba(198,161,91,.45);
  border-radius:999px;
  background:#fff;
  color:#172033;
  cursor:pointer;
  font:700 11px/1 Inter,Arial,sans-serif;
}

.theme-toggle-track {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,38px);
  align-items:center;
  padding:2px;
  border-radius:999px;
  background:rgba(198,161,91,.13);
}

.theme-toggle-option { position:relative;z-index:1;padding:6px 0;text-align:center; }
.theme-toggle-thumb {
  position:absolute;
  top:2px;left:2px;
  width:38px;height:calc(100% - 4px);
  border-radius:999px;
  background:var(--gold);
  box-shadow:0 2px 7px rgba(0,0,0,.2);
  transition:transform .2s ease;
}
.theme-toggle-status { min-width:30px;text-align:center; }
.theme-toggle-fallback {
  position:fixed;
  top:12px;
  right:12px;
  z-index:10050;
}

html.live-rate-theme-night .theme-toggle-btn {
  background:#12251C;
  color:#DDBE85;
  border-color:rgba(198,161,91,.55);
}
html.live-rate-theme-night .theme-toggle-track { background:rgba(255,255,255,.08); }
html.live-rate-theme-night .theme-toggle-thumb { transform:translateX(38px); }

/* Night palette: the brand's Forest ground (matches base :root, restated here for clarity/robustness). */
html.live-rate-theme-night {
  --navy:#12251C;
  --navy-2:#1B3327;
  --text:#F4F2EB;
  --muted:#9BA79E;
}
html.live-rate-theme-night body { background:#0A140F !important;color:var(--text) !important; }

/* Day palette: derived from the brand's Bone paper + Ink text, Gold darkened for AA text/link contrast on light ground. */
html.live-rate-theme-day {
  --navy:#ECEAE2;
  --navy-2:#F4F2EB;
  --text:#14201A;
  --muted:#5B6660;
  --gold:#8A6B34;
  --gold-2:#6E5527;
}

html.live-rate-theme-day body {
  background:#ECEAE2 !important;
  color:#14201A !important;
}

html.live-rate-theme-day .site-navbar {
  background:rgba(244,242,235,.98) !important;
  border-color:rgba(138,107,52,.3) !important;
  box-shadow:0 4px 18px rgba(18,37,28,.1) !important;
}
html.live-rate-theme-day .site-navbar .nav-link { color:#000000 !important; }
html.live-rate-theme-day .site-navbar .nav-link:hover,
html.live-rate-theme-day .site-navbar .nav-link:focus,
html.live-rate-theme-day .site-navbar .nav-link.active { color:#000000 !important; }
html.live-rate-theme-day .dropdown-menu {
  background:#F4F2EB !important;
  border-color:rgba(138,107,52,.3) !important;
}
html.live-rate-theme-day .dropdown-item { color:#000000 !important; }
html.live-rate-theme-day .dropdown-item:hover,
html.live-rate-theme-day .dropdown-item:focus,
html.live-rate-theme-day .dropdown-item.active {
  background:rgba(138,107,52,.12) !important;
  color:#6E5527 !important;
}

html.live-rate-theme-day .hero,
html.live-rate-theme-day .page-hero {
  background:radial-gradient(ellipse at 50% -10%,rgba(138,107,52,.14),transparent 58%),#F4F2EB !important;
  border-color:rgba(138,107,52,.25) !important;
}
html.live-rate-theme-day .site-section,
html.live-rate-theme-day .site-section.alt,
html.live-rate-theme-day main,
html.live-rate-theme-day .ui-page-theme-a,
html.live-rate-theme-day .ui-panel-wrapper,
html.live-rate-theme-day .ui-content {
  background:#ECEAE2 !important;
  color:#14201A !important;
  text-shadow:none !important;
}

html.live-rate-theme-day :is(.content-card,.value-card,.feature-card,.table-card,.table-card-body,.order-card,.order-price-box,.form-card,.contact-card,.info-card,.download-card,.msg-row,.bank-card,.calc-card,.summary-card,.upload-box) {
  background:#F4F2EB !important;
  color:#14201A !important;
  border-color:rgba(138,107,52,.34) !important;
  box-shadow:0 5px 16px rgba(18,37,28,.08) !important;
}

html.live-rate-theme-day .rate-card.gold { background:#F3E7D2 !important; }
html.live-rate-theme-day .rate-card.silver { background:#ECEFF1 !important; }
html.live-rate-theme-day .rate-card.inr { background:#E3EAE4 !important; }
html.live-rate-theme-day .rate-card .r-title,
html.live-rate-theme-day .rate-card .r-value { color:#14201A !important; }

html.live-rate-theme-day :is(h1,h2,h3,h4,h5,h6,.msg-title,.footer-heading,.prod-name,.label) { color:#14201A; }
html.live-rate-theme-day :is(p,.lead,.section-sub,.desc,.footer-desc,.msg-text,.msg-date,.sub,small) { color:#5B6660 !important; }
html.live-rate-theme-day .gold-text { color:#8A6B34 !important;-webkit-text-fill-color:initial !important; }

html.live-rate-theme-day :is(input,textarea,select,.form-control,.form-select) {
  background:#fff !important;
  color:#14201A !important;
  border-color:rgba(138,107,52,.38) !important;
  text-shadow:none !important;
}
html.live-rate-theme-day :is(input,textarea)::placeholder { color:#6B7570 !important;opacity:1; }
html.live-rate-theme-day label { color:#24302A !important;text-shadow:none !important; }

html.live-rate-theme-day :is(table,.table,.rate-table) { color:#14201A !important; }
html.live-rate-theme-day :is(th,td) {
  color:#14201A;
  border-color:rgba(138,107,52,.2) !important;
  text-shadow:none !important;
}
html.live-rate-theme-day .rate-table thead th { background:rgba(138,107,52,.08) !important; }
html.live-rate-theme-day .rate-table .val { color:#14201A !important; }

html.live-rate-theme-day .site-footer {
  background:#DCD5C0 !important;
  border-color:rgba(138,107,52,.3) !important;
}
html.live-rate-theme-day .site-footer :is(p,a,span,li) { color:#465045 !important; }
html.live-rate-theme-day .site-footer a:hover { color:#6E5527 !important; }

html.live-rate-theme-day :is(.btn-outline-gold,.btn-gold,.New_button,.ui-btn) { text-shadow:none !important; }
html.live-rate-theme-day .ui-btn { color:#14201A !important; }

@media (max-width:575px) {
  .theme-toggle-status { display:none; }
  .theme-toggle-track { grid-template-columns:repeat(2,34px); }
  .theme-toggle-thumb { width:34px; }
  html.live-rate-theme-night .theme-toggle-thumb { transform:translateX(34px); }
}