:root{
  --ea-gold:#ad802d;
  --ea-gold-dark:#8a6a22;
  --ea-black:#000;
  --ea-ink:#0b0f14;
  --ea-muted:#cfd6de;
  --ea-light:#f7f7f9;
  --ea-radius:16px;
}

html,body{scroll-behavior:smooth}
img{max-width:100%;height:auto}

/* Navbar */
.navbar.ea-header{background:#000 !important; box-shadow:0 2px 10px rgba(0,0,0,.25)}
.navbar.ea-header .nav-link{color:#fff !important;font-weight:600;letter-spacing:.2px;border-radius:10px}
.navbar.ea-header .nav-link:hover,
.navbar.ea-header .nav-link:focus,
.navbar.ea-header .nav-link.active{color:var(--ea-gold)!important;background:rgba(255,255,255,.06)}
/* Slightly bigger header logo */
.navbar-brand img{height:clamp(44px,6.5vw,64px);width:auto;object-fit:contain}

@media (min-width:992px){ .ea-center{position:absolute;left:50%;transform:translateX(-50%)} }

/* Collapsed panel: black background */
@media (max-width:991.98px){
  .ea-header .navbar-collapse{
    background:rgba(0,0,0,.98);position:absolute;top:100%;left:0;right:0;
    padding:.8rem 1rem;border-bottom-left-radius:14px;border-bottom-right-radius:14px;
    box-shadow:0 18px 38px rgba(0,0,0,.45)
  }
  .ea-header .navbar-nav .nav-link{padding:.75rem .5rem}
}

/* Hero (image only) */
.ea-hero{position:relative;min-height:56vh;display:block}
.ea-hero::before{content:"";position:absolute;inset:0;background:url('https://www.trial.mijengomaterialsupplies.co.ke/wp-content/uploads/2025/10/london.jpeg') center/cover no-repeat;filter:brightness(.75)}
.ea-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55))}

/* Sections */
.section-pad{padding:3rem 0}
.section-head{text-align:center;margin-bottom:1rem}
.section-head .eyebrow{display:inline-block;font-weight:700;color:var(--ea-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.section-head .accent{width:110px;height:4px;background:linear-gradient(90deg,var(--ea-gold),#f5d99e,var(--ea-gold));border-radius:6px;margin:.6rem auto 0}
.text-muted-ink{color:#9aa4af!important}
.bg-lightish{background:var(--ea-light)}

/* Cards */
.card-ea{border:1px solid #ececec;border-radius:var(--ea-radius);overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card-ea:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.12);border-color:rgba(173,128,45,.35)}
.icon-xl{font-size:2rem;color:var(--ea-gold)}

/* Buttons */
.btn-ea-gold{background:var(--ea-gold);color:#000;border:0;font-weight:700;border-radius:12px;padding:.6rem 1.1rem}
.btn-ea-gold:hover{filter:brightness(.95);color:#000}

/* Page banner (inner pages) */
.ea-banner{background:var(--ea-gold-dark);color:#fff}
.ea-banner .breadcrumb a{color:#fff;text-decoration:none}
.ea-banner .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#fff;opacity:.8}

/* Footer */
.ea-footer{background:#000;color:#fff}
.footer-brand{width:80px;height:55px;object-fit:contain;display:block}
.footer-title{color:#fff;font-weight:700;letter-spacing:.02em;font-size:1rem;margin-bottom:.6rem}
.footer-link,.footer-link:visited{color:var(--ea-gold);text-decoration:none}
.footer-link:hover{color:var(--ea-gold);text-decoration:underline}
.footer-text{color:#cdd3da;font-size:.95rem;line-height:1.5}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:1rem;padding-top:1rem;color:#cdd3da}
.border-top-soft{border-top:1px solid rgba(255,255,255,.08)!important}