/* Kamla Electrodes visual and accessibility hygiene pass v4
   Dark-mode separation, menu clarity, facility-photo fallback and decorative cleanup. */

:root{
  --ke-silver-1:#f1f4f7;
  --ke-silver-2:#b8c0cb;
  --ke-silver-3:#7e8896;
  --ke-dark-card-1:#202734;
  --ke-dark-card-2:#141a24;
  --ke-dark-card-alt:#2a1a20;
}

/* Remove repetitive decorative KE gears. Keep only the real brand marks in the header/footer. */
body::after,
.section::after,
.hero::before,
.page-header::before{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Keep the background technical rather than muddy: fine metallic lines, no floating logo. */
body::before{
  opacity:1!important;
  background:
    linear-gradient(118deg,transparent 0 22.9%,rgba(114,126,145,.16) 23.05% 23.35%,transparent 23.5% 43%,rgba(179,0,0,.10) 43.15% 43.45%,transparent 43.6% 100%),
    linear-gradient(132deg,transparent 0 58%,rgba(126,139,159,.13) 58.15% 58.55%,transparent 58.7% 100%),
    radial-gradient(640px 320px at 82% 80%,rgba(179,0,0,.09),transparent 72%)!important;
}

/* Menu rods: metallic silver in both themes, black brand lettering, no concentric end circles. */
.electrode-fan::before,
.electrode-fan::after,
.electrode-fan span::before,
.electrode-fan span::after{
  content:none!important;
  display:none!important;
}
.site-menu-panel .electrode-fan span{
  color:#07090c!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  background:linear-gradient(90deg,var(--ke-silver-3) 0%,var(--ke-silver-1) 13%,var(--ke-silver-2) 56%,#eef1f4 82%,#929ca9 100%)!important;
  border:1px solid rgba(32,40,51,.36)!important;
  box-shadow:inset 0 2px 5px rgba(255,255,255,.55),inset 0 -3px 7px rgba(26,33,42,.20),0 9px 22px rgba(8,11,16,.16)!important;
}

/* Facility photographs: force a visual fallback even before JavaScript converts them to img elements. */
.facility-photo{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(135deg,#d6dde5,#aeb8c5)!important;
}
.facility-photo::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:0!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  filter:saturate(1.04) contrast(1.03)!important;
}
html body .facility-photo.plant-photo::before{
  background-image:var(--ke-plant-image),linear-gradient(135deg,#d7b48f,#147084)!important;
}
html body .facility-photo.office-photo::before{
  background-image:var(--ke-office-image),linear-gradient(135deg,#c9d6df,#6f1118)!important;
  background-position:center 22%!important;
}
img.ke-hydrated-photo{
  display:block!important;
  width:100%!important;
  object-fit:cover!important;
  background:#d6dde5!important;
}
img.ke-hydrated-photo.office-photo{object-position:center 22%!important;}
img.ke-hydrated-photo.plant-photo{object-position:center!important;}

/* Form/status notices must remain legible in either colour scheme. */
.notice,
#dealerStatus{
  color:#172033!important;
  background:linear-gradient(135deg,#fff8e8,#f3e4bd)!important;
  border:1px solid #d6a636!important;
  box-shadow:0 12px 28px rgba(90,61,0,.12)!important;
}

/* Keyboard visibility and tap clarity. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid #ff786f!important;
  outline-offset:3px!important;
}
.site-menu-links a{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;}

@media(prefers-color-scheme:dark){
  body{
    background:
      radial-gradient(980px 600px at 105% 8%,rgba(211,35,45,.24),transparent 68%),
      radial-gradient(780px 520px at -8% 92%,rgba(91,108,136,.25),transparent 67%),
      linear-gradient(148deg,#090d14 0%,#141a24 43%,#2b1015 75%,#0b0f16 100%)!important;
  }
  body::before{
    background:
      linear-gradient(118deg,transparent 0 22.9%,rgba(233,238,245,.16) 23.05% 23.35%,transparent 23.5% 43%,rgba(255,84,84,.16) 43.15% 43.45%,transparent 43.6% 100%),
      linear-gradient(132deg,transparent 0 58%,rgba(223,230,240,.12) 58.15% 58.55%,transparent 58.7% 100%),
      radial-gradient(660px 340px at 82% 80%,rgba(255,53,65,.12),transparent 72%)!important;
  }

  /* New-age dark menu with visible layers instead of a near-black slab. */
  .site-menu-overlay{
    background:rgba(3,6,11,.68)!important;
    backdrop-filter:blur(13px) saturate(1.08)!important;
  }
  .site-menu-panel{
    background:
      radial-gradient(720px 460px at 100% 8%,rgba(219,45,52,.31),transparent 66%),
      linear-gradient(138deg,#2b3341 0%,#202735 40%,#42151c 76%,#261016 100%)!important;
    border:1px solid rgba(235,240,247,.24)!important;
    box-shadow:0 42px 110px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .site-menu-kicker{color:#ff9a9a!important;}
  .site-menu-content h2{color:#fff!important;}
  .site-menu-subtext{color:#e0e5ee!important;}
  .site-menu-links a{
    color:#f7f9fc!important;
    background:linear-gradient(145deg,rgba(50,59,75,.94),rgba(30,36,48,.95))!important;
    border:1px solid rgba(225,232,242,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 27px rgba(0,0,0,.23)!important;
  }
  .site-menu-links a:nth-child(2n){
    background:linear-gradient(145deg,rgba(57,47,58,.96),rgba(37,30,40,.96))!important;
  }
  .site-menu-links a:hover{
    background:linear-gradient(145deg,#465167,#30394b)!important;
    border-color:rgba(255,130,130,.55)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.31)!important;
  }
  .site-menu-links a.active{
    color:#fff!important;
    background:linear-gradient(135deg,#ef3535,#8e0610 70%,#51060b)!important;
    border-color:rgba(255,184,184,.52)!important;
    box-shadow:0 16px 38px rgba(176,0,12,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  .site-menu-close{
    background:linear-gradient(145deg,#fff,#dbe1e9)!important;
    color:#7d0008!important;
    border:1px solid rgba(255,255,255,.64)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }
  .site-menu-panel .electrode-fan span{
    color:#05070a!important;
    background:linear-gradient(90deg,#737d89 0%,#f1f4f7 14%,#aeb7c3 55%,#edf1f4 82%,#818b98 100%)!important;
    border-color:rgba(255,255,255,.30)!important;
    box-shadow:inset 0 2px 5px rgba(255,255,255,.60),inset 0 -3px 7px rgba(9,13,18,.26),0 11px 25px rgba(0,0,0,.28)!important;
  }

  /* Dark cards are deliberately separated from the page and from one another. */
  .card,
  .callout,
  form.card,
  .faq-item,
  table,
  .contact-table,
  .process-detail,
  .legal-support-stack .mini-card{
    color:#f4f7fb!important;
    background:linear-gradient(145deg,var(--ke-dark-card-1),var(--ke-dark-card-2))!important;
    border:1px solid rgba(218,226,238,.24)!important;
    box-shadow:0 20px 52px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  .grid>.card:nth-child(2n),
  .dealer-results .card:nth-child(2n){
    background:linear-gradient(145deg,#2b2430,#171b25)!important;
  }
  .callout{
    background:
      radial-gradient(360px 210px at 100% 0,rgba(239,60,67,.19),transparent 70%),
      linear-gradient(145deg,#292f3c,#28151b)!important;
  }
  .card:hover,
  .callout:hover,
  .faq-item:hover{
    background:linear-gradient(145deg,#30394a,#1d2430)!important;
    border-color:rgba(255,115,115,.38)!important;
    box-shadow:0 28px 68px rgba(0,0,0,.43),0 0 0 1px rgba(255,80,80,.08)!important;
  }
  .section.alt{
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(7,10,15,.12))!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .lead,.muted,.list-clean,.contact-row span{color:#cbd3df!important;}
  .contact-row{border-color:rgba(227,234,244,.16)!important;}
  input,textarea,select{
    background:linear-gradient(145deg,#171e29,#111720)!important;
    color:#fff!important;
    border-color:rgba(222,230,241,.28)!important;
  }
  input::placeholder,textarea::placeholder{color:#98a3b4!important;opacity:1!important;}
  .notice,#dealerStatus{
    color:#101722!important;
    background:linear-gradient(135deg,#f8fafc,#dce5ef)!important;
    border:1px solid #ff8a73!important;
    box-shadow:0 14px 32px rgba(0,0,0,.28)!important;
  }
  .dealer-controls,.dealer-card,.empty-state{
    background:linear-gradient(145deg,#222a38,#151b25)!important;
    border-color:rgba(223,231,241,.24)!important;
  }
  .facility-visual{
    background:#18202b!important;
    border-color:rgba(227,234,244,.23)!important;
    box-shadow:0 27px 70px rgba(0,0,0,.40)!important;
  }
  .facility-visual figcaption{
    background:linear-gradient(135deg,#202936,#32151b)!important;
  }
  .facility-visual figcaption p{color:#cbd3df!important;}
}

@media(max-width:760px){
  .site-menu-panel{
    background:
      radial-gradient(520px 340px at 100% 8%,rgba(219,45,52,.27),transparent 68%),
      linear-gradient(145deg,#252d3a,#32151c)!important;
  }
  .site-menu-links a{min-height:52px!important;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
}