/* ============================================================
   Élevage Bonnetré — composants communs (toutes les pages)
   Barre mobile, bandeau cookies, formulaire de devis des pages
   ============================================================ */

/* ---- Barre d'action mobile ---- */
.mobile-bar{display:none}
@media(max-width:900px){
  .mobile-bar{
    display:grid; grid-template-columns:1.15fr .85fr 1.4fr; gap:.45rem;
    position:fixed; left:0; right:0; bottom:0; z-index:200;
    padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));
    background:rgba(20,29,23,.97); box-shadow:0 -6px 24px rgba(0,0,0,.18);
  }
  .mobile-bar a{
    display:flex; align-items:center; justify-content:center; min-height:48px;
    font-family:'Inter',sans-serif; font-size:.92rem; font-weight:500; letter-spacing:.02em;
    border-radius:3px; text-decoration:none;
  }
  .mobile-bar .mb-call{border:1px solid #d4b98a; color:#f5f1e8}
  .mobile-bar .mb-call::before{content:'';width:16px;height:16px;margin-right:.5rem;background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") center/contain no-repeat}
  .mobile-bar .mb-sms{border:1px solid rgba(212,185,138,.6); color:#f5f1e8}
  .mobile-bar .mb-quote{background:#b89968; color:#1f2e24}
  body.has-mobile-bar{padding-bottom:72px}
}

/* ---- Bandeau cookies ---- */
.consent{
  position:fixed; left:1rem; right:1rem; bottom:1rem; z-index:300; max-width:560px;
  background:#f5f1e8; color:#2b2a28; border:1px solid rgba(31,46,36,.15); border-radius:4px;
  box-shadow:0 12px 40px rgba(20,29,23,.25); padding:1rem 1.1rem;
  display:flex; gap:1rem; align-items:center; flex-wrap:wrap;
  font-family:'Inter',sans-serif; font-size:.85rem; line-height:1.5;
}
.consent p{flex:1 1 260px; margin:0}
.consent a{color:#8a6f45; text-decoration:underline}
.consent-btns{display:flex; gap:.5rem}
.consent button{
  font:inherit; font-weight:500; padding:.55rem 1rem; min-height:40px; cursor:pointer; border-radius:2px;
  border:1px solid #1f2e24; background:transparent; color:#1f2e24;
}
.consent button.ok{background:#1f2e24; color:#f5f1e8}
@media(max-width:900px){ body.has-mobile-bar .consent{bottom:84px} }

/* ---- Formulaire de devis (pages services / blog) ---- */
.lead-wrap{display:grid; grid-template-columns:1fr 1.15fr; gap:3rem; align-items:start}
.lead-aside ul{list-style:none; margin-top:1.2rem}
.lead-aside li{padding:.45rem 0 .45rem 1.6rem; position:relative; font-size:.95rem}
.lead-aside li::before{content:'✓'; position:absolute; left:0; color:#b89968; font-weight:600}
.lead-aside .lead-phone{display:inline-block; margin-top:1.4rem; font-family:'Cormorant Garamond',serif; font-size:1.9rem; color:#1f2e24}
.lead-aside .lead-sms{display:block; margin-top:.5rem; font-size:.9rem; color:#8a6f45; text-decoration:underline}
.lead-aside .lead-phone small{display:block; font-family:'Inter',sans-serif; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:#6b6860}
.lead-form{background:#ede6d3; padding:2rem; border-radius:4px}
.lead-form .row{display:grid; grid-template-columns:1fr 1fr; gap:.9rem}
.lead-form .fg{margin-bottom:1rem}
.lead-form label{display:block; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#1f2e24; margin-bottom:.4rem; font-weight:500}
.lead-form label span{text-transform:none; letter-spacing:0; color:#6b6860; font-weight:400}
.lead-form input,.lead-form select,.lead-form textarea{
  width:100%; padding:.8rem .9rem; border:1px solid rgba(43,42,40,.18); background:#f5f1e8; border-radius:2px;
  font-family:'Inter',sans-serif; font-size:16px; color:#2b2a28;
}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid #b89968; outline-offset:0; background:#fff}
.lead-form textarea{min-height:96px; resize:vertical}
.lead-form button{width:100%; border:none; cursor:pointer; font-size:1rem; padding:1rem}
.form-trust{margin-top:.8rem; font-size:.8rem; color:#6b6860; text-align:center}
.form-error{margin-top:.8rem; padding:.8rem; background:#fbeaea; color:#7a1f1f; font-size:.88rem; border-radius:2px}
.form-error a{color:inherit; text-decoration:underline}
.hp{position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden}
@media(max-width:760px){
  .lead-wrap{grid-template-columns:1fr; gap:1.6rem}
  .lead-form{padding:1.4rem}
  .lead-form .row{grid-template-columns:1fr; gap:0}
}