/* ===================================================================
   NATTINPURAM — LUXURY-DARK PALETTE OVERRIDE
   Loaded between styles.css and premium.css.
   Inverts light-ground → dark-ground. Warm brass accent.
   =================================================================== */

:root {
  /* Page ground → near-black */
  --cream:      #0E0E10;
  --cream-soft: #17171A;

  /* Text → warm off-white */
  --charcoal:      #F2EDE4;
  --charcoal-soft: #E0D8CC;

  /* Cards / tile fill */
  --bone: #1E1E22;

  /* Accent → warm brass / antique gold */
  --ember:      #B58947;
  --ember-deep: #9A6A2A;
  --saffron:    #D2A862;

  /* Muted neutral */
  --olive: #8C887F;

  /* Lines on dark ground */
  --line:      rgba(242,237,228,0.10);
  --line-dark: rgba(242,237,228,0.10);
}

/* ---- NAV — override hardcoded cream bg ---- */
.nav {
  background: rgba(14,14,16,0.88) !important;
  border-bottom-color: rgba(242,237,228,0.08) !important;
}
.nav.scrolled {
  background: rgba(14,14,16,0.98) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
  border-bottom-color: transparent !important;
}

/* Mobile nav panel */
@media (max-width: 880px) {
  .nav-links {
    background: rgba(10,10,12,0.98) !important;
    border-bottom-color: rgba(242,237,228,0.1) !important;
    box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6) !important;
  }
  .nav-links a {
    border-bottom-color: rgba(242,237,228,0.08) !important;
  }
  .mobile-order {
    background: var(--ember) !important;
    color: #0E0E10 !important;
  }
  /* hamburger icon */
  .menu-toggle {
    background: rgba(181,137,71,0.15) !important;
    color: var(--saffron) !important;
  }
}

/* ---- HARDCODED DARK TEXT → LIGHT EQUIVALENTS ---- */
.lede                              { color: rgba(242,237,228,0.72) !important; }
.cta-strip .lede                   { color: rgba(242,237,228,0.85) !important; }
.process-step p                    { color: rgba(242,237,228,0.68) !important; }
.pillar p                          { color: rgba(242,237,228,0.68) !important; }
.proof-stat-label                  { color: rgba(242,237,228,0.55) !important; }
.press-label                       { color: rgba(242,237,228,0.50) !important; }
.press-item                        { color: rgba(242,237,228,0.55) !important; }
.press-item:hover                  { color: var(--charcoal) !important; }
.press-item .press-meta            { color: rgba(242,237,228,0.40) !important; }
.arabic-translit                   { color: rgba(242,237,228,0.55) !important; }
.arabic-meaning                    { color: rgba(242,237,228,0.70) !important; }
.form-field label                  { color: rgba(242,237,228,0.70) !important; }
.contact-info-item p               { color: rgba(242,237,228,0.80) !important; }
.loc-stats .proof-stat-label       { color: rgba(242,237,228,0.55) !important; }

/* ---- SECTIONS USING --charcoal AS BG → EXPLICIT DARK ---- */
/* (--charcoal is now light; these must stay dark) */
.marquee   { background: #0A0A0C !important; }
.manifesto { background: #0A0A0C !important; }
footer     { background: #0A0A0C !important; }
.creed     { background: #0A0A0C !important; }
.creed-en  { color: var(--charcoal) !important; }

/* ---- GALLERY TILES / PRODUCT CARDS ---- */
.gallery-tile { background: #1E1E22 !important; }
.product-card {
  background: #17171A !important;
  border: 1px solid rgba(242,237,228,0.07);
  border-radius: 6px;
}
.product-card:hover .product-name { color: var(--saffron) !important; }

/* ---- FORM INPUTS ---- */
.form-field input,
.form-field textarea,
.form-field select {
  background: #17171A !important;
  color: var(--charcoal) !important;
  border-color: rgba(242,237,228,0.15) !important;
}
.form-field input::placeholder,
.form-field textarea::placeholder {
  color: rgba(242,237,228,0.30) !important;
}
.form-field select option { background: #17171A; color: var(--charcoal); }
.form-field input:focus,
.form-field textarea:focus {
  border-color: var(--ember) !important;
  box-shadow: 0 0 0 3px rgba(181,137,71,0.15) !important;
}

/* ---- MALAYALAM WORD GRADIENT ---- */
.arabic-word {
  background: linear-gradient(180deg, var(--charcoal) 0%, var(--ember) 80%, var(--saffron)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ---- CUSTOM CURSOR → AMBER ---- */
.cursor-dot   { background: var(--ember) !important; }
.cursor-ring  { border-color: rgba(181,137,71,0.50) !important; }
body.cursor-hover .cursor-ring {
  background: rgba(181,137,71,0.10) !important;
  border-color: rgba(181,137,71,0.80) !important;
}

/* ---- FILM GRAIN BLEND → SCREEN MODE ON DARK ---- */
body::after {
  opacity: 0.04 !important;
  mix-blend-mode: screen !important;
}

/* ---- CTA STRIP — darker amber to distinguish from accent ---- */
.cta-strip {
  background: linear-gradient(135deg, #7A4E12 0%, #9A6A2A 100%) !important;
}
.btn-primary {
  background: var(--ember) !important;
  color: #0E0E10 !important;
}
.btn-primary:hover {
  background: var(--saffron) !important;
  box-shadow: 0 18px 40px -10px rgba(181,137,71,0.5) !important;
}

/* ---- SCROLL PROGRESS BAR ---- */
.scroll-progress {
  background: linear-gradient(90deg, var(--ember), var(--saffron)) !important;
}

/* ============================================================
   BILINGUAL TOGGLE  (EN ↔ ML)
   body.is-malayalam → show .lang-ml, hide .lang-en
   ============================================================ */
body:not(.is-malayalam) .lang-ml { display: none !important; }
body.is-malayalam .lang-en        { display: none !important; }

/* Malayalam is LTR — no dir flip needed */
.lang-ml {
  font-family: 'Noto Serif Malayalam', serif;
  line-height: 1.6;
}

/* Language toggle button */
#lang-toggle {
  font-family: var(--sans);
  font-size: 0.70rem;
  letter-spacing: 0.12em;
  color: var(--saffron);
  border: 1px solid rgba(210,168,98,0.35);
  padding: 0.30rem 0.75rem;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.3s;
  background: transparent;
  white-space: nowrap;
  margin-left: 0.8rem;
}
#lang-toggle:hover {
  background: rgba(181,137,71,0.12);
  border-color: var(--saffron);
}

/* ---- CONTACT BORDERS ON DARK ---- */
.contact-info-item {
  border-top-color: rgba(242,237,228,0.10) !important;
}

/* ---- SECTION DIVIDER ---- */
.rule::before, .rule::after {
  background: rgba(242,237,228,0.15) !important;
}

/* ---- HERO lede override (in-hero has inline light color) ---- */
.hero .lede { color: rgba(242,237,228,0.80) !important; }

/* ---- ORNAMENT DIVIDER ---- */
.ornament-divider .ornament-line {
  background: linear-gradient(90deg, transparent, rgba(242,237,228,0.25) 50%, transparent) !important;
}
.ornament::before, .ornament::after {
  background: rgba(242,237,228,0.18) !important;
}

/* ---- PROCESS STEP top-border ---- */
.process-step { border-top-color: rgba(242,237,228,0.20) !important; }

/* ---- FOOTER watermark font (now Malayalam) ---- */
.footer-watermark {
  font-family: 'Noto Serif Malayalam', serif !important;
  direction: ltr !important;
  letter-spacing: -0.02em;
}

/* ---- btn-light on dark bg ---- */
.btn-light {
  color: var(--charcoal) !important;
  border-color: rgba(242,237,228,0.45) !important;
}
.btn-light:hover {
  border-color: var(--saffron) !important;
  color: var(--saffron) !important;
  background: transparent !important;
}

/* menu hero */
.menu-hero { background: var(--cream) !important; }