/* Edhaas temporary static website custom CSS. Keep this light so the page remains fast. */
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:#F07F2F; color:#fff; font-weight:800; padding:.9rem 1.25rem; border-radius:.75rem; transition:.2s; box-shadow:0 10px 24px rgba(240,127,47,.22); }
.btn-primary:hover { transform: translateY(-1px); filter: brightness(.96); }
.btn-outline { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:1px solid #167F77; color:#12324A; font-weight:800; padding:.85rem 1.2rem; border-radius:.75rem; transition:.2s; }
.btn-outline:hover { background:#167F77; color:#fff; }
.btn-secondary-dark { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:1px solid rgba(255,255,255,.5); color:#fff; font-weight:800; padding:.85rem 1.2rem; border-radius:.75rem; transition:.2s; }
.btn-secondary-dark:hover { background:#fff; color:#12324A; }
.navdrop { display:block; padding:.7rem .8rem; border-radius:.65rem; color:#12324A; }
.navdrop:hover { background:#F5F7FA; color:#F07F2F; }
.section-eyebrow { color:#F07F2F; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:.5rem; }
.section-title { font-family:Poppins,Inter,sans-serif; font-weight:800; color:#12324A; font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.1; }
.section-desc { color:#5b6773; margin-top:1rem; line-height:1.7; }
.card { background:#fff; border:1px solid rgba(18,50,74,.08); border-radius:1.25rem; padding:1.35rem; box-shadow:0 10px 26px rgba(18,50,74,.06); transition:.2s; }
.card:hover { transform: translateY(-2px); box-shadow:0 18px 40px rgba(18,50,74,.10); }
.icon-badge { width:2.5rem; height:2.5rem; border-radius:999px; background:#D9EEF5; color:#167F77; display:flex; align-items:center; justify-content:center; font-weight:800; margin-bottom:1rem; }
.card-link { display:inline-flex; margin-top:1rem; font-weight:800; color:#167F77; font-size:.9rem; }
.field { width:100%; border:1px solid #d9e2ea; border-radius:.8rem; padding:.95rem 1rem; outline:none; background:#fff; }
.field:focus { border-color:#167F77; box-shadow:0 0 0 3px rgba(22,127,119,.12); }
.faq { border:1px solid rgba(18,50,74,.10); border-radius:1rem; padding:1.15rem 1.25rem; margin-bottom:.9rem; background:#fff; }
.faq summary { cursor:pointer; font-weight:800; color:#12324A; }
.faq p { margin-top:.8rem; color:#5b6773; line-height:1.7; }
.footer-title { font-weight:800; color:#fff; margin-bottom:1rem; }
.footer-link { display:block; color:#cbd5e1; margin-bottom:.55rem; font-size:.92rem; }
.footer-link:hover { color:#F07F2F; }
.hero-grid { background-image: radial-gradient(circle at 20% 20%, rgba(240,127,47,.35), transparent 22%), radial-gradient(circle at 80% 0%, rgba(22,127,119,.45), transparent 24%); }
.factory-visual { background: linear-gradient(90deg, transparent, rgba(240,127,47,.15)), url('../images/hero-home.webp') center/cover no-repeat; }
@media (max-width: 640px){ .section-title{font-size:1.7rem}.btn-primary,.btn-outline,.btn-secondary-dark{width:100%;} }


.hero-image-card { position:relative; border-radius:1.5rem; overflow:hidden; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); box-shadow:0 24px 70px rgba(0,0,0,.26); transform:rotate(1deg); }
.hero-image-card img { display:block; width:100%; height:20rem; object-fit:cover; opacity:.96; }
.hero-image-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(18,50,74,0) 45%, rgba(18,50,74,.78)); pointer-events:none; }
.hero-image-caption { position:absolute; left:1rem; right:1rem; bottom:1rem; z-index:2; background:rgba(255,255,255,.94); color:#12324A; border-radius:1rem; padding:.9rem 1rem; box-shadow:0 10px 30px rgba(0,0,0,.18); }
.hero-kpi-chip { display:inline-flex; align-items:center; gap:.4rem; background:#D9EEF5; color:#12324A; border-radius:999px; padding:.35rem .65rem; font-size:.72rem; font-weight:800; margin:.2rem .25rem 0 0; }
@media (max-width: 1023px){ .hero-image-card{display:none;} }

.dashboard-shot { border-radius:1.25rem; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); box-shadow:0 18px 42px rgba(0,0,0,.28); }
.dashboard-shot img { width:100%; height:14rem; object-fit:cover; display:block; }
.dashboard-shot-caption { padding:1rem; }
.dashboard-shot-caption h3 { font-family:Poppins,Inter,sans-serif; font-weight:800; color:#fff; margin-bottom:.35rem; }
.dashboard-shot-caption p { color:#cbd5e1; font-size:.9rem; line-height:1.55; }
@media (min-width: 1024px){ .dashboard-shot.featured img { height:19rem; } }

/* Hero visibility fix: use each page's relevant manufacturing image as a dark background, while keeping text readable. */
.hero-bg-section {
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}
.hero-bg-section::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(18,50,74,.97) 0%, rgba(18,50,74,.94) 35%, rgba(18,50,74,.70) 62%, rgba(18,50,74,.82) 100%);
  z-index:0;
}
.hero-bg-section > * { position:relative; z-index:1; }
.hero-copy-panel {
  position:relative;
  z-index:2;
  padding:1rem 0;
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}
@media (max-width: 768px){
  .hero-bg-section { background-position:center; }
  .hero-bg-section::before { background:linear-gradient(180deg, rgba(18,50,74,.96) 0%, rgba(18,50,74,.92) 52%, rgba(18,50,74,.86) 100%); }
  .hero-copy-panel { background:rgba(18,50,74,.34); border-radius:1rem; padding:1rem; }
}

/* Compact redesigned solution pages */
.solution-compact section { scroll-margin-top: 96px; }
@media (max-width: 768px) {
  .section-title { line-height: 1.15; }
}

/* Contrast improvement patch: darken muted body text and improve footer readability. */
.section-desc,
.faq p,
.text-slate-500 { color:#475569 !important; }
.text-slate-600 { color:#334155 !important; }

/* Footer content needs stronger contrast on the navy background. */
.footer-link { color:#e2e8f0 !important; }
.footer-link:hover { color:#F07F2F !important; }
footer .text-slate-300,
footer .text-slate-200,
footer .text-slate-100 { color:#e5edf5 !important; }
footer a:not(.btn-primary):not(.btn-outline):not(.btn-secondary-dark) { color:#f8fafc; }
footer a:hover:not(.btn-primary):not(.btn-outline):not(.btn-secondary-dark) { color:#F07F2F; }

/* Improve readability in darker dashboard cards as well. */
.dashboard-shot-caption p { color:#e5edf5; }


/* Footer teal redesign: align footer with Edhaas logo teal while keeping strong contrast. */
.site-footer {
  background:linear-gradient(135deg, #0B5F5A 0%, #167F77 48%, #0E6F69 100%) !important;
  color:#FFFFFF !important;
  border-top:4px solid #F07F2F !important;
}
.footer-brand-card,
.footer-contact-card {
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:0 18px 40px rgba(6,26,43,.16);
}
.footer-brand-copy,
.footer-contact-card p,
.footer-bottom__inner,
.site-footer p {
  color:#FFFFFF !important;
  opacity:1 !important;
}
.footer-col-title {
  color:#FFFFFF !important;
  text-shadow:0 1px 2px rgba(0,0,0,.12);
}
.site-footer-link,
.footer-company-links a {
  color:#FFFFFF !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  opacity:1 !important;
}
.site-footer-link:hover,
.footer-company-links a:hover {
  color:#12324A !important;
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
}
.footer-contact-inline a {
  color:#12324A !important;
  background:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.85) !important;
  opacity:1 !important;
}
.footer-contact-inline a:hover {
  color:#FFFFFF !important;
  background:#F07F2F !important;
  border-color:#F07F2F !important;
}
.footer-cta {
  background:#F07F2F !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.22);
}
.footer-bottom {
  background:rgba(6,26,43,.28) !important;
  border-top:1px solid rgba(255,255,255,.28) !important;
}
.footer-bottom__inner span {
  color:#FFFFFF !important;
  opacity:1 !important;
}


/* Trendy teal footer redesign: logo-aligned teal background, high-contrast white text, modern glass cards. */
.site-footer {
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%, rgba(240,127,47,.34) 0%, rgba(240,127,47,.16) 18%, transparent 36%),
    radial-gradient(circle at 92% 12%, rgba(217,238,245,.24) 0%, rgba(217,238,245,.10) 20%, transparent 38%),
    linear-gradient(135deg, #064E49 0%, #167F77 48%, #0A6A64 100%) !important;
  color:#FFFFFF !important;
  border-top:5px solid #F07F2F !important;
}
.site-footer::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:56px 56px;
  opacity:.28;
}
.site-footer::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
}
.site-footer__inner,
.footer-bottom__inner {
  position:relative;
  z-index:1;
}
.site-footer__inner {
  padding-top:3.7rem !important;
  padding-bottom:3rem !important;
  gap:1.35rem !important;
}
.footer-brand-card,
.footer-contact-card,
.footer-col {
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  border-radius:1.35rem !important;
  box-shadow:0 22px 50px rgba(6,26,43,.20);
  backdrop-filter:blur(10px);
}
.footer-col {
  padding:1.2rem !important;
}
.footer-logo {
  background:#FFFFFF !important;
  border-radius:.9rem !important;
  box-shadow:0 16px 28px rgba(6,26,43,.18);
}
.footer-brand-copy,
.footer-contact-card p,
.site-footer p,
.footer-bottom__inner,
.footer-bottom__inner span {
  color:#FFFFFF !important;
  opacity:1 !important;
}
.footer-col-title {
  color:#FFFFFF !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  letter-spacing:.02em;
  margin-bottom:.95rem !important;
  padding-bottom:.65rem;
  border-bottom:1px solid rgba(255,255,255,.22);
}
.site-footer-link,
.footer-company-links a {
  color:#FFFFFF !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.23) !important;
  border-radius:.85rem !important;
  padding:.68rem .78rem !important;
  font-weight:800 !important;
  opacity:1 !important;
  transform:translateZ(0);
  transition:all .18s ease !important;
}
.site-footer-link:hover,
.footer-company-links a:hover {
  color:#12324A !important;
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
  transform:translateX(3px);
}
.footer-contact-inline a {
  color:#12324A !important;
  background:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:999px !important;
  box-shadow:0 12px 24px rgba(6,26,43,.14);
}
.footer-contact-inline a:hover {
  color:#FFFFFF !important;
  background:#F07F2F !important;
  border-color:#F07F2F !important;
}
.footer-cta {
  background:#F07F2F !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 16px 34px rgba(240,127,47,.30) !important;
  transition:all .18s ease !important;
}
.footer-cta:hover {
  transform:translateY(-1px);
  filter:brightness(.98);
}
.footer-bottom {
  position:relative;
  z-index:1;
  background:rgba(6,26,43,.34) !important;
  border-top:1px solid rgba(255,255,255,.25) !important;
}
.footer-bottom__inner {
  color:#FFFFFF !important;
  font-weight:650;
}
@media (max-width: 1024px) {
  .footer-col { padding:1.1rem !important; }
}
@media (max-width: 768px) {
  .site-footer__inner {
    padding-top:2.6rem !important;
    padding-bottom:2.4rem !important;
    gap:1rem !important;
  }
  .footer-brand-card,
  .footer-contact-card,
  .footer-col {
    border-radius:1.1rem !important;
  }
}


/* FORCE TEAL FOOTER FINAL PATCH - visible even if older footer CSS exists above */
footer.site-footer,
.site-footer {
  background:
    radial-gradient(circle at 8% 0%, rgba(240,127,47,.35) 0%, rgba(240,127,47,.16) 20%, transparent 38%),
    radial-gradient(circle at 92% 12%, rgba(217,238,245,.28) 0%, rgba(217,238,245,.12) 22%, transparent 40%),
    linear-gradient(135deg, #064E49 0%, #167F77 50%, #075F59 100%) !important;
  color:#FFFFFF !important;
  border-top:5px solid #F07F2F !important;
}
footer.site-footer * { color:inherit; }
footer.site-footer .footer-brand-card,
footer.site-footer .footer-contact-card,
footer.site-footer .footer-col {
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  border-radius:1.35rem !important;
  box-shadow:0 22px 50px rgba(6,26,43,.22) !important;
}
footer.site-footer .footer-brand-copy,
footer.site-footer p,
footer.site-footer .footer-bottom__inner,
footer.site-footer .footer-bottom__inner span {
  color:#FFFFFF !important;
  opacity:1 !important;
}
footer.site-footer .footer-col-title {
  color:#FFFFFF !important;
  font-weight:900 !important;
  border-bottom:1px solid rgba(255,255,255,.25);
  padding-bottom:.65rem;
}
footer.site-footer .site-footer-link,
footer.site-footer .footer-company-links a {
  display:block;
  color:#FFFFFF !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  border-radius:.85rem !important;
  padding:.68rem .78rem !important;
  font-weight:800 !important;
  opacity:1 !important;
}
footer.site-footer .site-footer-link:hover,
footer.site-footer .footer-company-links a:hover {
  color:#12324A !important;
  background:#FFFFFF !important;
  border-color:#FFFFFF !important;
}
footer.site-footer .footer-contact-inline a {
  color:#12324A !important;
  background:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.92) !important;
}
footer.site-footer .footer-contact-inline a:hover {
  color:#FFFFFF !important;
  background:#F07F2F !important;
  border-color:#F07F2F !important;
}
footer.site-footer .footer-cta {
  background:#F07F2F !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.30) !important;
}
footer.site-footer .footer-bottom {
  background:rgba(6,26,43,.34) !important;
  border-top:1px solid rgba(255,255,255,.25) !important;
}


/* Footer hard replace marker: teal footer is inline in each HTML file. */

/* Teal card variant (homepage "Manufacturing Problems We Solve" section) */
.teal-cards .card { background:#167F77 !important; border-color:rgba(255,255,255,.20) !important; box-shadow:0 14px 30px rgba(18,50,74,.18) !important; }
.teal-cards .card h3 { color:#ffffff !important; }
.teal-cards .card p { color:rgba(255,255,255,.92) !important; }
.teal-cards .card .icon-badge { background:rgba(255,255,255,.16) !important; color:#ffffff !important; }
.teal-cards .card:hover { box-shadow:0 20px 44px rgba(18,50,74,.28) !important; transform:translateY(-2px); }