/* Theme (dark/light) + language (ta/en) preferences — public site only. v20261011a */
/* ---- language: hide the other language only where both exist (marked by prefs.js) ---- */
html[data-lang="ta"] .dd-en, html[data-lang="ta"] .dd-sep,
html[data-lang="en"] .dd-ta, html[data-lang="en"] .dd-sep { display: none !important; }

/* ---- header controls ---- */
.dd-theme-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px;
  border: 1px solid var(--border); background: #fff; color: var(--primary); cursor: pointer; padding: 0; flex: none; }
.dd-theme-btn:hover { color: var(--accent); }
.dd-lang { display: inline-flex; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: #fff; flex: none; }
.dd-lang button { border: 0; background: transparent; color: var(--primary); font: 600 .8rem/1 var(--font); padding: .55rem .6rem; cursor: pointer; min-height: 40px; }
.dd-lang button[lang="ta"] { font-family: var(--font-ta); }
.dd-lang button[aria-pressed="true"] { background: var(--accent); color: #fff; }
.dd-prefs-li { display: none !important; }
@media (max-width: 900px) {
  .dd-lang-head { display: none; }
  .dd-prefs-li { display: flex !important; gap: .6rem; align-items: center; padding: .6rem .25rem; border-top: 1px solid var(--border); margin-top: .4rem; }
  .dd-theme-menu { display: none; }
}
@media (min-width: 901px) and (max-width: 1199px) { .dd-lang button { padding: .5rem .45rem; font-size: .75rem; } }

/* ---- dark theme ---- */
html[data-theme="dark"] {
  color-scheme: dark;
  --d-bg: #0b1220; --d-card: #111c2b; --d-card-2: #17263a; --d-text: #e6edf5; --d-accent-soft: rgba(45, 212, 191, .14);
  --surface: #0b1220; --text: #e6edf5; --muted: #a3b3c6; --border: rgba(148, 163, 184, .22);
  --shadow: 0 4px 20px rgba(0, 0, 0, .35); --shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] body { background: var(--d-bg); color: var(--d-text); }
html[data-theme="dark"] a:not(.btn):not(.dd-ticker a) { color: #5eead4; }
html[data-theme="dark"] .dd-theme-btn, html[data-theme="dark"] .dd-lang { background: var(--d-card); color: var(--d-text); }
html[data-theme="dark"] .dd-lang button { color: var(--d-text); }
html[data-theme="dark"] .dd-lang button[aria-pressed="true"] { background: #0d9488; color: #fff; }
html[data-theme="dark"] .logo-img { background: #fff; border-radius: 8px; }
html[data-theme="dark"] .about-logo, html[data-theme="dark"] .about-brand-logo img { background: #fff; border-radius: 16px; padding: 10px; }
html[data-theme="dark"] .text-muted, html[data-theme="dark"] .muted { color: var(--muted) !important; }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4 { color: var(--d-text); }
html[data-theme="dark"] p.ta, html[data-theme="dark"] .ta-sub, html[data-theme="dark"] .hero-ta { color: #99f6e4; }
html[data-theme="dark"] .page-hero, html[data-theme="dark"] .hero { background: linear-gradient(180deg, #0f1b2d, #0b1220) !important; border-color: var(--border); }
html[data-theme="dark"] .page-hero--image { background-color: #0b1220 !important; }
html[data-theme="dark"] .breadcrumb, html[data-theme="dark"] .breadcrumb a { color: var(--muted); }
html[data-theme="dark"] .site-footer { background: #060d18; }
html[data-theme="dark"] .btn-primary { background: #0d9488; color: #fff; }
html[data-theme="dark"] .btn-secondary { background: var(--d-card-2); color: var(--d-text); border-color: var(--border); }
html[data-theme="dark"] .form-control, html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { background: var(--d-card-2); color: var(--d-text); border-color: rgba(148,163,184,.35); }
html[data-theme="dark"] ::placeholder { color: #8193a8; }
html[data-theme="dark"] table, html[data-theme="dark"] th, html[data-theme="dark"] td { border-color: var(--border); }
html[data-theme="dark"] th { background: var(--d-card-2); color: var(--d-text); }
html[data-theme="dark"] .map-embed iframe { filter: invert(.9) hue-rotate(180deg); }
html[data-theme="dark"] .site-header { background: rgba(11, 18, 32, .96); border-color: var(--border); }
@media (max-width: 900px) { html[data-theme="dark"] .primary-nav { background: var(--d-card); } }
/* rates / gold */
html[data-theme="dark"] .rates-box { background: var(--d-card) !important; }
html[data-theme="dark"] .mt-gold { background: linear-gradient(180deg, rgba(212,160,23,.16), var(--d-card) 70%) !important; }
html[data-theme="dark"] .mt-silver { background: linear-gradient(180deg, rgba(148,163,184,.14), var(--d-card) 70%) !important; }
/* IFSC */
html[data-theme="dark"] .ifsc-result { background: linear-gradient(180deg, rgba(45,212,191,.10), var(--d-card) 60%) !important; border-color: rgba(45,212,191,.4); }
html[data-theme="dark"] .ifsc-code { color: #5eead4; }
html[data-theme="dark"] .combo-list li[role=option]:hover, html[data-theme="dark"] .combo-list li.is-active { background: var(--d-card-2); }
html[data-theme="dark"] .combo-head { color: #5eead4; }
html[data-theme="dark"] .ifsc-note { color: var(--muted); }
/* carousel: banner images keep their own colours; overlay chips darker */
html[data-theme="dark"] .bc-rates li { background: rgba(17,28,43,.92) !important; border-color: rgba(45,212,191,.35) !important; color: var(--d-text); }
html[data-theme="dark"] .bc-metal li { background: rgba(17,28,43,.92) !important; border-color: rgba(212,160,23,.5) !important; }
/* ticker stays brand navy */
html[data-theme="dark"] .dd-ticker { background: #071a2e; }
/* chatbot */
html[data-theme="dark"] .ddc-panel { background: var(--d-card) !important; border-color: var(--border) !important; color: var(--d-text); }
html[data-theme="dark"] .ddc-log { background: var(--d-bg) !important; }
html[data-theme="dark"] .ddc-bot .ddc-bubble { background: var(--d-card-2) !important; color: var(--d-text); border-color: var(--border) !important; }
html[data-theme="dark"] .ddc-opt { background: var(--d-card) !important; color: #5eead4 !important; border-color: #2dd4bf !important; }
html[data-theme="dark"] .ddc-foot { background: var(--d-card) !important; color: var(--muted) !important; }
html[data-theme="dark"] .ddc-avatar, html[data-theme="dark"] .ddc-mini { background: #fff !important; }
html[data-theme="dark"] .ddc-alt:hover, html[data-theme="dark"] .ddc-ghost:hover { background: var(--d-card-2) !important; }
/* ---- generated overrides for hard-coded light backgrounds / dark text ---- */
/* from main.css */
html[data-theme="dark"] a:hover{color:var(--d-text)}
html[data-theme="dark"] .site-header{background:var(--d-card)}
html[data-theme="dark"] .logo{color:var(--d-text)}
html[data-theme="dark"] .primary-nav a{color:var(--d-text)}
html[data-theme="dark"] .primary-nav a:hover,html[data-theme="dark"] .primary-nav a[aria-current="page"]{background:var(--d-accent-soft);color:#5eead4}
html[data-theme="dark"] .search-toggle,html[data-theme="dark"] .nav-toggle{background:var(--d-card);color:var(--d-text)}
html[data-theme="dark"] .search-panel{background:var(--d-card)}
html[data-theme="dark"] .btn-secondary{background:var(--d-card);color:var(--d-text)}
html[data-theme="dark"] .btn-ghost{color:var(--d-text)}
html[data-theme="dark"] .btn-ghost:hover{background:var(--d-card)}
html[data-theme="dark"] .section-alt{background:var(--d-card)}
html[data-theme="dark"] .section-head h2{color:var(--d-text)}
html[data-theme="dark"] .card{background:var(--d-card)}
html[data-theme="dark"] .card-icon{background:var(--d-accent-soft)}
html[data-theme="dark"] .card h3{color:var(--d-text)}
html[data-theme="dark"] .card > p.ta{color:#5eead4}
html[data-theme="dark"] .chip{background:var(--d-card)}
html[data-theme="dark"] .chip-accent{background:var(--d-accent-soft);color:#5eead4}
html[data-theme="dark"] .quick-action{background:var(--d-card);color:var(--d-text)}
html[data-theme="dark"] .filter-chip{background:var(--d-card);color:var(--d-text)}
html[data-theme="dark"] .toolbar input,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .form-control{background:var(--d-card);color:var(--d-text)}
html[data-theme="dark"] .form-card{background:var(--d-card)}
html[data-theme="dark"] .demo-banner{background:rgba(254,243,199,.14);color:color-mix(in srgb, #92400e 45%, #fff)}
html[data-theme="dark"] .status-card{background:var(--d-card)}
html[data-theme="dark"] .status-completed{background:rgba(220,252,231,.14)}
html[data-theme="dark"] .status-pending{background:rgba(254,243,199,.14)}
html[data-theme="dark"] .status-rejected{background:rgba(254,226,226,.14)}
html[data-theme="dark"] .status-info{background:rgba(219,234,254,.14)}
html[data-theme="dark"] .status-inactive{background:var(--d-card-2)}
html[data-theme="dark"] .alert-error{background:rgba(254,226,226,.14);color:color-mix(in srgb, #991b1b 45%, #fff)}
html[data-theme="dark"] .alert-info{background:rgba(219,234,254,.14);color:color-mix(in srgb, #1e40af 45%, #fff)}
html[data-theme="dark"] .feature{background:var(--d-card)}
html[data-theme="dark"] .feature h3{color:var(--d-text)}
html[data-theme="dark"] .prose{background:var(--d-card)}
html[data-theme="dark"] .prose > p:first-child{color:var(--d-text)}
html[data-theme="dark"] .prose h1{color:var(--d-text)}
html[data-theme="dark"] .prose h2{color:var(--d-text)}
html[data-theme="dark"] .prose p{color:var(--d-text)}
html[data-theme="dark"] .side-card{background:var(--d-card)}
html[data-theme="dark"] .side-card dd{color:var(--d-text)}
html[data-theme="dark"] .list-item{background:var(--d-card)}
html[data-theme="dark"] .list-item h3 a{color:var(--d-text)}
html[data-theme="dark"] .disclaimer{background:var(--d-card);color:color-mix(in srgb, #9a3412 45%, #fff)}
html[data-theme="dark"] .page-hero{background:var(--d-card)}
html[data-theme="dark"] .page-hero h1{color:var(--d-text)}
html[data-theme="dark"] .coming-soon{background:var(--d-card)}
html[data-theme="dark"] .coming-soon h1{color:var(--d-text)}
@media (max-width: 900px){
html[data-theme="dark"] .primary-nav{background:var(--d-card)}
}
html[data-theme="dark"] .map-embed{background:var(--d-card-2)}
html[data-theme="dark"] .feature{background:var(--d-card)}
/* from carousel.css */
html[data-theme="dark"] .bc-rates{color:var(--d-text)}
html[data-theme="dark"] .bc-rates li{background:var(--d-card)}
html[data-theme="dark"] .bc-metal .bc-rates-h{color:color-mix(in srgb, #78350f 45%, #fff)}
html[data-theme="dark"] .bc-metal li{background:var(--d-card)}
html[data-theme="dark"] .bc-metal li b{color:color-mix(in srgb, #92400e 45%, #fff)}
html[data-theme="dark"] .bc-arr.down{color:color-mix(in srgb, #b91c1c 45%, #fff)}
/* from chatbot.css */
html[data-theme="dark"] .ddc-panel{background:var(--d-card)}
html[data-theme="dark"] .ddc-avatar{background:var(--d-card)}
html[data-theme="dark"] .ddc-mini{background:var(--d-card)}
html[data-theme="dark"] .ddc-bot .ddc-bubble{background:var(--d-card)}
html[data-theme="dark"] .ddc-opt{background:var(--d-card)}
html[data-theme="dark"] .ddc-alt:hover{background:var(--d-card-2)}
html[data-theme="dark"] .ddc-ghost{color:var(--d-text)}
html[data-theme="dark"] .ddc-ghost:hover{background:var(--d-card-2)}
html[data-theme="dark"] .ddc-foot{background:var(--d-card)}
/* from ifsc.css */
html[data-theme="dark"] .ifsc-card{background:var(--d-card)}
html[data-theme="dark"] .ifsc-result{background:var(--d-card)}
html[data-theme="dark"] .ifsc-flags li.on{background:rgba(220,252,231,.14);color:color-mix(in srgb, #166534 45%, #fff)}
html[data-theme="dark"] .ifsc-flags li.off{background:rgba(254,226,226,.14);color:color-mix(in srgb, #991b1b 45%, #fff)}
html[data-theme="dark"] .combo-input:disabled{background:var(--d-card-2)}
html[data-theme="dark"] .combo-clear:hover,html[data-theme="dark"] .combo-clear:focus-visible{background:var(--d-card-2)}
html[data-theme="dark"] .combo-list{background:var(--d-card)}
html[data-theme="dark"] .combo-list li.is-active,html[data-theme="dark"] .combo-list li[role=option]:hover{background:rgba(204,251,241,.14)}
html[data-theme="dark"] .combo-t{color:var(--d-text)}
html[data-theme="dark"] .ifsc-note{color:var(--d-text)}
/* from jobs.css */
html[data-theme="dark"] .job-hero-img{background:var(--d-card)}
/* from popular-slider.css */
/* from rates.css */
html[data-theme="dark"] .rates-box{background:var(--d-card)}
html[data-theme="dark"] .rate{background:var(--d-card)}
html[data-theme="dark"] .rates-note{background:rgba(255,251,235,.14)}
html[data-theme="dark"] .mt{background:var(--d-card)}
html[data-theme="dark"] .mt-gold{background:var(--d-card)}
html[data-theme="dark"] .mt-silver{background:var(--d-card)}
html[data-theme="dark"] .mt-v{color:var(--d-text)}
html[data-theme="dark"] .mt-chg.down{color:color-mix(in srgb, #b91c1c 45%, #fff)}
/* from service-auto.css */
/* from ticker.css */
html[data-theme="dark"] .dd-tag-new{color:var(--d-text)}
/* from about.css */
html[data-theme="dark"] .about-faq details{background:var(--d-card)}
/* keep header on one line with the extra controls */
.header-actions > * { flex: none; }
@media (min-width: 901px) and (max-width: 1439px) { .header-actions .btn-call { display: none; } }
@media (min-width: 901px) { .primary-nav a { white-space: nowrap; } }
@media (min-width: 901px) and (max-width: 1439px) { .logo-text small { display: none; } }
@media (min-width: 901px) and (max-width: 1100px) { .logo-text { display: none; } .primary-nav ul { gap: 0 !important; } .primary-nav a { padding-left: .45rem !important; padding-right: .45rem !important; } }
/* Tamil text in the footer must use the Tamil font (fixes garbled bold fallback) */
.site-footer [lang="ta"], .footer-tag [lang="ta"], .dd-ta { font-family: var(--font-ta) !important; }
.site-footer h3 [lang="ta"] { font-weight: 600; }