/* Ankush Pack India — final visual integrity implementation
   Loaded last to resolve legacy theme conflicts without changing page content. */
:root{
  --api-navy:#0f2d4f;
  --api-navy-deep:#071c33;
  --api-gold:#c99522;
  --api-gold-dark:#9f7112;
  --api-ivory:#f7f8fa;
  --api-white:#ffffff;
  --api-ink:#142a45;
  --api-copy:#46566a;
  --api-line:#e2e7ee;
  --api-shadow:0 14px 38px rgba(15,45,79,.10);
}

html{scroll-behavior:smooth}
body{color:var(--api-ink);background:var(--api-white)}

/* Header and navigation */
.site-header,header.site-header,body>nav{background:var(--api-navy)!important}
.site-header .brand,.site-header .main-nav a,.main-nav a,body>nav a,body>nav h1{color:#fff!important}
.main-nav a.active,.main-nav a:hover{color:#fff!important}
.main-nav a.active::after,.main-nav a:hover::after{background:var(--api-gold)!important}
.nav-cta,.quote-btn{background:var(--api-gold)!important;color:#fff!important;border-color:var(--api-gold)!important}
.nav-cta:hover,.quote-btn:hover{background:#b78519!important;color:#fff!important}

/* General light surfaces */
.section-heading h2,.section-head h2,.why-content h2,.enquiry-copy h2,.location-copy h2{color:var(--api-ink)!important}
.section-heading p,.section-head p,.why-content p,.enquiry-copy p{color:var(--api-copy)!important}
.card,.service-card,.feature,.benefit,.reason,.panel,.spec-card,.form-card,.contact-panel,.quote-card,.location-card,.faq-item,.quick-grid,.mini-product{
  background:#fff!important;color:var(--api-ink)!important;border-color:var(--api-line)!important
}
.card h2,.card h3,.service-card h3,.feature h3,.benefit h3,.reason h3,.panel h3,.spec-card h3,.form-card h2,.contact-panel h2,.quote-card h2,.location-card h3,.mini-product h3,.mini-product h4{color:var(--api-ink)!important}
.card p,.service-card p,.feature p,.benefit p,.reason p,.panel p,.spec-card p,.form-card p,.contact-panel p,.quote-card p,.location-card p,.mini-product p{color:var(--api-copy)!important}

/* Eyebrows / small accents */
.eyebrow,.section-heading>span,.section-head .eyebrow{color:var(--api-gold-dark)!important}

/* PRODUCT PROCESS — replaces the unreadable white-on-white cards */
.process-section{
  background:linear-gradient(180deg,#f8fafc 0%,#f2f5f9 100%)!important;
  color:var(--api-ink)!important;
  padding-top:92px!important;
  padding-bottom:92px!important;
}
.process-section .section-heading>span{color:var(--api-gold-dark)!important;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.process-section .section-heading h2{color:var(--api-ink)!important;text-shadow:none!important}
.process-flow{align-items:stretch!important}
.process-flow>div{
  position:relative;
  min-height:250px;
  padding:28px 24px 26px!important;
  background:#fff!important;
  border:1px solid var(--api-line)!important;
  border-radius:18px!important;
  box-shadow:var(--api-shadow)!important;
  color:var(--api-ink)!important;
}
.process-flow>div>span{
  display:grid!important;place-items:center!important;
  width:46px!important;height:46px!important;border-radius:50%!important;
  margin:0 0 28px!important;
  background:linear-gradient(135deg,#d7aa35,#b98110)!important;
  color:#fff!important;font-size:18px!important;font-weight:800!important;
  box-shadow:0 8px 20px rgba(201,149,34,.24)!important;
}
.process-flow>div h3{
  color:var(--api-ink)!important;
  font-size:20px!important;
  line-height:1.25!important;
  margin:0 0 14px!important;
  text-shadow:none!important;
}
.process-flow>div p{
  color:var(--api-copy)!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
  text-shadow:none!important;
}

/* SERVICES FAQ */
.faq{background:#fafbfc!important}
.faq .section-head h2{color:var(--api-ink)!important}
.faq-wrap{border:1px solid var(--api-line);border-radius:18px;overflow:hidden;box-shadow:var(--api-shadow);background:#fff}
.faq-item{border:0!important;border-bottom:1px solid var(--api-line)!important;border-radius:0!important;box-shadow:none!important}
.faq-item:last-child{border-bottom:0!important}
.faq-item button{color:var(--api-ink)!important;background:#fff!important}
.faq-item button span{color:var(--api-gold)!important}
.faq-answer{color:var(--api-copy)!important;background:#fff!important}

/* CONTACT LOCATION — must be a light section, not dark */
.location{
  background:linear-gradient(180deg,#fbfcfd 0%,#f5f7fa 100%)!important;
  color:var(--api-ink)!important;
  padding-top:88px!important;
  padding-bottom:96px!important;
}
.location>.container>.section-head h2{
  color:var(--api-ink)!important;
  text-shadow:none!important;
}
.location>.container>.section-head p{
  color:var(--api-copy)!important;
  text-shadow:none!important;
}
.location>.container>.section-head .eyebrow{color:var(--api-gold-dark)!important}
.location-grid{align-items:stretch!important}
.location-card,.map-wrap{
  background:#fff!important;
  border:1px solid var(--api-line)!important;
  box-shadow:var(--api-shadow)!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.location-card{padding:38px 32px!important}
.location-card h3{color:var(--api-ink)!important;font-size:26px!important}
.location-card p,.location-card span{color:var(--api-copy)!important}
.location-card b,.location-card a{color:var(--api-ink)!important}
.location-card a:hover{color:var(--api-gold-dark)!important}
.map-wrap{min-height:470px!important;position:relative!important}
.map-wrap iframe{display:block!important;width:100%!important;height:100%!important;min-height:470px!important;border:0!important;opacity:1!important;visibility:visible!important;background:#e9edf2!important}

/* Hero/image overlays remain readable */
.hero,.products-hero,.detail-hero{color:#fff!important}
.hero h1,.hero h2,.products-hero h1,.products-hero h2,.detail-hero h1,.detail-hero h2{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.48)!important}
.hero p,.products-hero p,.detail-hero p{color:#eef3f8!important;text-shadow:0 1px 10px rgba(0,0,0,.42)!important}

/* FOOTER — consistent, high-contrast navy/gold treatment */
footer,.site-footer{
  background:linear-gradient(135deg,var(--api-navy-deep),var(--api-navy))!important;
  color:#fff!important;
}
footer h1,footer h2,footer h3,footer .footer-title,.site-footer h1,.site-footer h2,.site-footer h3{
  color:var(--api-gold)!important;
  text-shadow:none!important;
}
footer p,footer li,footer address,footer .footer-text,footer .contact-line,.site-footer p{
  color:#e6edf5!important;
}
footer a,.site-footer a{color:#fff!important;text-decoration:none!important}
footer a:hover,.site-footer a:hover{color:#f0c65b!important}
footer strong{color:#fff!important}
footer .copyright,.copyright{color:#c7d2df!important;border-color:rgba(255,255,255,.16)!important}

/* Home page inline footer alignment */
body>section>footer>div:first-child{align-items:start!important}
body>section>footer>div:first-child>div:nth-child(2){text-align:left!important}
body>section>footer>div:first-child>div:nth-child(3){text-align:left!important}

/* Buttons */
.btn-primary,.primary-btn,.bottom-cta a,button[type="submit"]{background:var(--api-gold)!important;color:#fff!important;border-color:var(--api-gold)!important}
.btn-primary:hover,.primary-btn:hover,.bottom-cta a:hover,button[type="submit"]:hover{background:#b78519!important;color:#fff!important}
.btn-outline,.secondary-btn{color:var(--api-navy)!important;border-color:var(--api-navy)!important}
.hero .btn-outline,.hero .secondary-btn,.products-hero .btn-outline,.detail-hero .btn-outline,.cta .btn-outline,.bottom-cta .btn-outline{color:#fff!important;border-color:rgba(255,255,255,.9)!important}

/* Focus and form readability */
input,select,textarea{color:#1f2937!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#6b7280!important;opacity:1}
.field label,.form-card label{color:#334155!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,149,34,.45)!important;outline-offset:3px}

@media(max-width:980px){
  .process-flow>div{min-height:auto}
  .location-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .process-section{padding:68px 18px!important}
  .process-flow{grid-template-columns:1fr!important}
  .process-flow>div{padding:24px!important}
  .location{padding:68px 0!important}
  .location-card{padding:28px 22px!important}
  .map-wrap,.map-wrap iframe{min-height:360px!important}
  footer,.site-footer{text-align:left!important}
  footer .footer-grid{grid-template-columns:1fr!important}
  .contact-line,.location-meta a,.location-meta span{overflow-wrap:anywhere;word-break:break-word}
}

/* === Final screenshot-verified contrast corrections ===
   These rules intentionally come last and override generic hero/light-surface rules. */

/* Services: dark process section headings must remain light */
.process{
  background:linear-gradient(135deg,#0f2d4f 0%,#173f6b 100%)!important;
  color:#fff!important;
}
.process .section-head h2{
  color:#fff!important;
  text-shadow:none!important;
}
.process .section-head p{
  color:#dce7f3!important;
  opacity:1!important;
  text-shadow:none!important;
}
.process .section-head .eyebrow{
  color:#e2b23e!important;
}
.process-step{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.process-step:before{color:#e2b23e!important}
.process-step h3{color:#fff!important;text-shadow:none!important}
.process-step p{color:#e1e9f2!important;text-shadow:none!important}
.process-step:not(:last-child):after{color:#e2b23e!important}

/* Light cards placed inside image heroes must use dark text */
.hero .quote-card,
.hero .contact-panel{
  background:rgba(255,255,255,.98)!important;
  color:var(--api-ink)!important;
}
.hero .quote-card h2,
.hero .contact-panel h2{
  color:var(--api-ink)!important;
  text-shadow:none!important;
}
.hero .quote-card>p,
.hero .contact-panel>p{
  color:var(--api-copy)!important;
  text-shadow:none!important;
}
.hero .quote-card b,
.hero .quote-card strong,
.hero .contact-panel b,
.hero .contact-panel strong,
.hero .direct-item b{
  color:var(--api-ink)!important;
  text-shadow:none!important;
}
.hero .quote-card span,
.hero .contact-panel span,
.hero .direct-item span{
  color:var(--api-copy)!important;
  text-shadow:none!important;
}
.hero .quote-points li>div:first-child{
  color:var(--api-gold-dark)!important;
}
.hero .direct-icon{
  color:var(--api-gold-dark)!important;
  background:#f6ecd4!important;
}

/* Keep only the left hero copy white */
.hero-grid>div:first-child>h1{color:#fff!important}
.hero-grid>div:first-child>.hero-copy{color:#eef3f8!important}
.hero-grid>div:first-child>.eyebrow{color:#e2b23e!important}

/* Remove remaining teal accents from these two high-visibility areas */
.hero-trust span:before{color:#e2b23e!important}

@media(max-width:760px){
  .process .section-head h2{font-size:clamp(30px,9vw,42px)!important}
  .hero .quote-card,.hero .contact-panel{padding:24px!important}
}