/* ELECTROCULTURE V1.4 — bannière commune, compacte et panoramique */

/* Bannière sur TOUTES les pages */
.site-banner{
  width:100%;
  height:220px;
  overflow:hidden;
  background:#ddd;
  border-top:1px solid rgba(0,0,0,.04);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.site-banner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
}

/* Le menu déroulant Calculateurs reste celui de V1.2 */
.nav-drop{position:relative}
.nav-drop__title{display:block}
.nav-drop__menu{
  display:none;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  width:270px;
  padding:9px;
  background:#fffdf9;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow)
}
.nav-drop:hover .nav-drop__menu,
.nav-drop:focus-within .nav-drop__menu{display:grid}
.nav-drop__menu a{
  display:grid;
  gap:2px;
  padding:11px 12px;
  border-radius:11px
}
.nav-drop__menu a:hover{background:#f5ece1}
.nav-drop__menu small{
  font-size:.74rem;
  color:var(--muted);
  font-weight:600
}

/* Accueil */
.home-intro{
  max-width:900px;
  text-align:center;
  margin-top:48px
}
.home-intro h1{
  font-size:clamp(2.3rem,4.2vw,4.6rem);
  margin-bottom:15px
}
.home-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px
}
.home-card{
  min-height:235px;
  display:flex;
  flex-direction:column;
  padding:25px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:23px;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(66,49,34,.055);
  transition:.18s ease
}
.home-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 35px rgba(66,49,34,.10)
}
.home-card__number{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f1e4d6;
  color:var(--copper-dark);
  font-weight:900
}
.home-card h3{
  font-size:1.35rem;
  margin:20px 0 6px
}
.home-card p{
  color:var(--muted);
  margin:0 0 20px
}
.home-card strong{
  margin-top:auto;
  color:var(--copper-dark)
}
.home-card--accent{
  background:linear-gradient(145deg,#fff7ec,#f0dcc4)
}
.bsa-tools-home,.shop-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:34px;
  border-radius:26px
}
.bsa-tools-home{
  background:#fff;
  border:1px solid var(--line)
}
.shop-band{
  background:linear-gradient(120deg,#2a211b,#4d3020);
  color:#fff
}
.shop-band h2{color:#fff}
.shop-band p{color:rgba(255,255,255,.75)}
.shop-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 20px;
  background:#fff;
  border-radius:999px;
  color:#2a211b;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap
}

/* Footer BSA */
.bsa-footer{
  margin-top:80px;
  background:#1a1917;
  color:#d5cec5
}
.bsa-footer__top{
  max-width:1240px;
  margin:auto;
  padding:48px 22px 38px;
  display:grid;
  grid-template-columns:1.2fr repeat(3,1fr);
  gap:38px
}
.bsa-footer__logo{
  font-size:2rem;
  font-weight:950;
  letter-spacing:-3px
}
.bsa-footer__logo .b{color:#2b76bd}
.bsa-footer__logo .s{color:#fff}
.bsa-footer__logo .a{color:#d44335}
.bsa-footer__brand>strong{
  display:block;
  margin:8px 0 5px;
  color:#fff;
  font-size:1.2rem
}
.bsa-footer__brand p{
  max-width:300px;
  margin:0;
  color:#9f978f
}
.bsa-footer__col{
  display:flex;
  flex-direction:column;
  gap:7px
}
.bsa-footer__col h3{
  color:#e8b16e;
  margin:0 0 7px;
  font-size:.95rem
}
.bsa-footer__col a{
  color:#c8c0b8;
  text-decoration:none;
  font-size:.9rem
}
.bsa-footer__col a:hover{color:#fff}
.bsa-footer__bottom{
  max-width:1240px;
  margin:auto;
  padding:18px 22px 26px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#847d76;
  font-size:.82rem
}

/* Signature pour les calculateurs si le bloc V1.3 est utilisé */
.bsa-calc-signature{
  width:min(1120px,calc(100% - 32px));
  margin:18px auto 28px;
  padding:17px 20px;
  text-align:center;
  background:linear-gradient(135deg,#fff9f2,#f2dfca);
  border:1px solid #ddc3a5;
  border-radius:16px
}
.bsa-calc-signature strong{
  color:#7b3f1e;
  display:block;
  font-size:1.05rem
}
.bsa-calc-signature span{
  color:#75695f;
  font-size:.9rem
}

@media(max-width:980px){
  .site-banner{height:180px}
  .home-cards{grid-template-columns:repeat(2,1fr)}
  .bsa-footer__top{grid-template-columns:repeat(2,1fr)}
  .nav-drop{width:100%}
  .nav-drop__menu{
    display:grid;
    position:static;
    transform:none;
    width:100%;
    box-shadow:none;
    margin-top:5px;
    background:#faf6ef
  }
}
@media(max-width:700px){
  .site-banner{height:145px}
  .site-banner img{object-position:center 50%}
  .home-cards{grid-template-columns:1fr}
  .bsa-tools-home,.shop-band{
    align-items:flex-start;
    flex-direction:column
  }
  .bsa-footer__top{grid-template-columns:1fr}
  .bsa-footer__bottom{flex-direction:column}
}