/* ================================================================
   FINAL REFERENCE DESIGN — LIGHT BLUE TEXTILE
   Visual direction follows the user's supplied reference screenshot.
   Existing HTML structure/functionality is intentionally preserved.
   ================================================================ */
:root{
  --ref-blue:#CBE9F1;
  --ref-blue-soft:#E9F6FA;
  --ref-blue-deep:#008BB0;
  --ref-cyan:#00A5CE;
  --ref-ink:#10333F;
  --ref-muted:#4C6873;
  --ref-white:#FFFFFF;
  --ref-border:#D3EBF2;
  --ref-shadow:0 12px 30px rgba(0,139,176,.12);
}

html,body{background:#fff!important;color:var(--ref-ink)!important;}
body{font-family:'Inter',sans-serif!important;}

/* HEADER — same light-blue surface as reference */
html body header.site-header,
html body header.nav-blur,
html body .site-header,
html body .nav-blur{
  background:var(--ref-blue)!important;
  background-color:var(--ref-blue)!important;
  background-image:none!important;
  color:var(--ref-ink)!important;
  border-bottom:1px solid rgba(0,139,176,.16)!important;
  box-shadow:0 6px 20px rgba(0,139,176,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  min-height:108px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}

.site-header .header-container{
  min-height:88px!important;
  max-width:1380px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  display:flex!important;
  align-items:center!important;
}

.site-header .logo-link{display:flex!important;align-items:center!important;flex-shrink:0!important;}
.site-header .header-logo,
.site-header .logo{
  height:104px!important;
  width:auto!important;
  max-width:210px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}

.site-header nav.nav-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.site-header .nav-link{
  color:var(--ref-ink)!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  padding:10px 0!important;
  text-shadow:none!important;
}
.site-header .nav-link:hover{color:#006E8C!important;}
.site-header .nav-link::after{
  background:var(--ref-cyan)!important;
  height:2px!important;
  bottom:1px!important;
}
.site-header .nav-link.active{color:#006E8C!important;}

.site-header .language-switcher{
  background:rgba(255,255,255,.42)!important;
  border:1px solid rgba(16,51,63,.22)!important;
  border-radius:28px!important;
  padding:5px!important;
  gap:2px!important;
  box-shadow:none!important;
}
.site-header .lang-btn{
  color:var(--ref-ink)!important;
  font-size:14px!important;
  font-weight:700!important;
  padding:8px 13px!important;
  border-radius:22px!important;
}
.site-header .lang-btn.active{
  background:var(--ref-cyan)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,165,206,.22)!important;
}
.site-header #mobileMenu{background:var(--ref-blue)!important;color:var(--ref-ink)!important;}
.site-header #mobileMenu .nav-link{color:var(--ref-ink)!important;}

/* MAIN — clean white canvas like reference */
html body main{background:#fff!important;}
#hero,.hero-gradient{
  background:#fff!important;
  color:var(--ref-ink)!important;
  min-height:calc(100vh - 108px)!important;
  padding-top:140px!important;
  padding-bottom:90px!important;
}
#hero h1,#hero h2,#hero h3,#hero .text-white{color:var(--ref-ink)!important;}
#hero p,#hero span{color:var(--ref-muted)!important;}
#hero .hero-video-container{
  border:1px solid var(--ref-border)!important;
  box-shadow:var(--ref-shadow)!important;
  border-radius:22px!important;
}

/* Section rhythm: white canvas + very soft blue alternating surfaces */
#about,#products,#production,#quality,#cta,.partners-section,.facilities-section{
  color:var(--ref-ink)!important;
  border-color:var(--ref-border)!important;
}
#about,#production,#quality{background:var(--ref-blue-soft)!important;}
#products,.partners-section{background:#fff!important;}
.facilities-section{background:var(--ref-blue-soft)!important;}
#cta{background:linear-gradient(180deg,#fff 0%,var(--ref-blue-soft) 100%)!important;}

/* Headings and small labels */
.section-header h2,.section-header h3,
#about h2,#products h2,#production h2,#quality h2,#cta h2,
.partners-section h2,.facilities-section h2{
  color:var(--ref-ink)!important;
}
.section-header p,#about p,#products p,#production p,#quality p,#cta p{color:var(--ref-muted)!important;}

/* Cards */
.card,.product-card,.product-item,.certificate-box,
.facility-card,.client-logo-card{
  background:#fff!important;
  border:1px solid var(--ref-border)!important;
  box-shadow:var(--ref-shadow)!important;
}
.card:hover,.product-card:hover,.product-item:hover,.certificate-box:hover,.facility-card:hover{
  box-shadow:0 18px 38px rgba(0,139,176,.17)!important;
}

/* Buttons */
.btn-primary,button[type="submit"],.cta-button{
  background:var(--ref-blue-deep)!important;
  background-color:var(--ref-blue-deep)!important;
  color:#fff!important;
  border-color:var(--ref-blue-deep)!important;
  box-shadow:0 8px 18px rgba(0,139,176,.22)!important;
}
.btn-primary:hover,button[type="submit"]:hover,.cta-button:hover{
  background:var(--ref-cyan)!important;
  border-color:var(--ref-cyan)!important;
}

/* Product filters */
#products .filter-btn,#products button[data-filter]{
  background:#fff!important;
  color:var(--ref-ink)!important;
  border:1px solid var(--ref-border)!important;
}
#products .filter-btn.active,#products button[data-filter].active{
  background:var(--ref-ink)!important;
  color:#fff!important;
  border-color:var(--ref-ink)!important;
}

/* Partners — crisp, frameless logos */
.partners-section .client-logo-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:12px!important;
}
.partners-section .client-logo-card img{
  filter:drop-shadow(0 5px 8px rgba(16,51,63,.16))!important;
  transform:translateZ(0)!important;
}

/* Footer — EXACT SAME LIGHT BLUE as header */
html body footer,html body .site-footer{
  background:var(--ref-blue)!important;
  background-color:var(--ref-blue)!important;
  background-image:none!important;
  color:var(--ref-ink)!important;
  border-top:1px solid rgba(0,139,176,.18)!important;
  box-shadow:none!important;
  padding-top:52px!important;
  padding-bottom:28px!important;
}
footer .content-logo{
  height:112px!important;
  width:auto!important;
  max-width:230px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
footer h5{color:#006E8C!important;letter-spacing:.16em!important;font-size:.7rem!important;}
footer p,footer span,footer li,footer a,footer .text-white,footer .location-text,footer .footer-link{
  color:var(--ref-ink)!important;
}
footer .footer-link:hover{color:#006E8C!important;}
footer i,footer .text-indigo-400{color:var(--ref-cyan)!important;}
footer .social-icon,footer .social-link,footer .social-links a{
  background:rgba(255,255,255,.72)!important;
  color:var(--ref-cyan)!important;
  border:1px solid rgba(0,139,176,.22)!important;
  box-shadow:0 5px 12px rgba(0,139,176,.12)!important;
}
footer .social-icon:hover,footer .social-link:hover,footer .social-links a:hover{
  background:var(--ref-blue-deep)!important;color:#fff!important;border-color:var(--ref-blue-deep)!important;
}
footer .border-t,footer .border-white\/5{border-color:rgba(16,51,63,.15)!important;}

/* Footer map card */
footer .bg-\[\#FFFFFF\]{background:#fff!important;}
footer .bg-\[\#FDFBF7\]{background:var(--ref-blue-soft)!important;}

/* Back-to-top */
#backToTop{background:var(--ref-blue-deep)!important;color:#fff!important;}
#backToTop:hover{background:var(--ref-cyan)!important;}

/* Prevent any old palette from appearing during/after load */
html body header,html body footer{background-color:#CBE9F1!important;}

@media(max-width:1024px){
  .site-header .header-container{padding-left:18px!important;padding-right:18px!important;}
  .site-header .header-logo{height:92px!important;max-width:185px!important;}
  .site-header nav.nav-menu{gap:20px!important;}
  .site-header .nav-link{font-size:15px!important;}
}
@media(max-width:767px){
  html body header.site-header,html body .site-header{min-height:76px!important;padding:6px 14px!important;}
  .site-header .header-container{min-height:62px!important;padding:0!important;}
  .site-header .header-logo{height:68px!important;max-width:135px!important;}
  .site-header nav.nav-menu{display:none!important;}
  .site-header .language-switcher{padding:3px!important;}
  .site-header .lang-btn{font-size:10px!important;padding:6px 7px!important;}
  #hero{padding-top:110px!important;min-height:auto!important;}
  html body footer{padding-top:42px!important;}
  footer .content-logo{height:90px!important;}
}