/* BriShop — compléments WordPress et pages intérieures */

/* Accessibilité */
.sr,.piege{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.evitement{position:absolute;left:-999px;top:0;background:var(--espresso);color:#fff;padding:.8em 1.2em;z-index:100}
.evitement:focus{left:16px;top:16px}
:focus-visible{outline:2px solid var(--citrouille);outline-offset:3px}

/* En-tête : menus WordPress, téléphone, burger */
.nav li{list-style:none}
.nav .current-menu-item>a,.nav a[aria-current]{color:var(--rouille)}
.outils .tel{display:flex;align-items:center;gap:.5em;font-size:.8rem;letter-spacing:.06em;font-weight:500}
.burger{background:none;border:0;color:var(--encre);cursor:pointer;padding:6px;margin-left:-6px}
.logo--image img{max-height:64px;width:auto;margin:auto}
.panier-nb[hidden]{display:none}
.menu-mobile{position:fixed;inset:0;top:0;z-index:40;background:var(--creme);padding:150px 24px 40px;display:flex;flex-direction:column;justify-content:space-between}
.menu-mobile[hidden]{display:none}
.menu-mobile nav{display:flex;flex-direction:column}
.menu-mobile nav a{font-family:var(--serif);font-size:2rem;padding:.35em 0;border-bottom:1px solid var(--sable)}
.menu-mobile p{color:var(--gris);font-size:.9rem}
.menu-mobile p a{color:var(--rouille);font-weight:600;font-size:1.1rem}
body.menu-ouvert{overflow:hidden}
@media (max-width:1024px){ .outils .tel span{display:none} }
@media (max-width:640px){ .bandeau__plus{display:none} }

/* Boutons et textes */
.btn--sombre{background:var(--espresso);color:var(--creme)}
.btn--sombre:hover{background:var(--chataigne)}
.texte-gris{color:var(--gris);max-width:32em}
.texte-gris a{color:var(--rouille);font-weight:600}
.prix--boutique{font-family:var(--sans)!important;font-size:.72rem!important;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)!important}
.lettre__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.lettre .lettre__actions{margin-top:.5rem}

/* Horaires : badge ouvert/fermé, téléphone */
.horaires h3{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.statut{font-family:var(--sans);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding:.45em .9em;border-radius:99px}
.statut--ouvert{background:#E3EBD9;color:#3D5A26}
.statut--ferme{background:var(--lin);color:var(--chataigne)}
.horaires__adresse{margin-top:1.6rem;font-size:.95rem}
.horaires__adresse strong{font-weight:600}
.horaires__tel{margin-top:.6rem}
.horaires__tel a{font-family:var(--serif);font-size:1.5rem;color:var(--rouille)}
.horaires .lien{margin-top:1.2rem}

/* Suivi de colis avec choix du transporteur */
.suivi select{border:0;border-right:1px solid var(--sable);background:transparent;padding:0 .9em;font:inherit;font-size:.85rem;color:var(--encre);cursor:pointer}
@media (max-width:480px){
  .suivi{flex-wrap:wrap}
  .suivi select{flex:1 0 100%;border-right:0;border-bottom:1px solid var(--sable);padding:1em 1.2em}
  .suivi button{padding:1em 1.6em}
}

/* En-tête des pages intérieures */
.entete-page{background:var(--espresso);color:var(--creme);padding:90px 0 80px;position:relative;overflow:hidden}
.entete-page::before{content:"1981";position:absolute;right:-2vw;bottom:-7vw;font-family:var(--serif);font-size:24vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(214,120,47,.14);pointer-events:none}
.entete-page .wrap{position:relative;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
.entete-page--image .wrap{grid-template-columns:1.3fr 1fr}
.entete-page .eyebrow{color:var(--citrouille)}
.entete-page h1{font-size:clamp(2.6rem,5.6vw,5rem);margin:.3em 0 .35em}
.entete-page h1 em{color:var(--citrouille)}
.entete-page .chapo{color:#D9CBB7;font-weight:300;font-size:1.05rem;max-width:36em}
.arche--page{position:relative;height:420px;width:min(340px,100%);margin-left:auto;background:#E9DCCB}
@media (max-width:1024px){ .entete-page--image .wrap{grid-template-columns:1fr} .arche--page{height:320px;margin:0} }
@media (max-width:640px){ .entete-page{padding:60px 0 56px} .arche--page{display:none} }

/* Étapes (retouches) */
.etapes{padding:90px 0;background:var(--lin)}
.etapes__grille{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.etapes span{font-family:var(--serif);font-style:italic;font-size:2.6rem;color:var(--rouille);line-height:1}
.etapes h3{font-size:1.6rem;margin:.5em 0 .4em}
.etapes p{color:var(--gris)}
@media (max-width:800px){ .etapes__grille{grid-template-columns:1fr;gap:2rem} }

/* Formulaires */
.bloc-form__grille{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;align-items:start}
.bloc-form h2{margin:.4em 0 .5em}
.carte-form{background:var(--creme);border:1px solid var(--sable);padding:44px}
.carte-form__titre{font-size:2rem;margin-bottom:1.2rem}
.formulaire{display:flex;flex-direction:column;gap:1.1rem}
.formulaire .ligne{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.formulaire label{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--chataigne);margin-bottom:.45em}
.formulaire input[type=text],.formulaire input[type=email],.formulaire input[type=tel],.formulaire select,.formulaire textarea{width:100%;border:1px solid var(--sable);background:#fff;padding:.95em 1em;font:inherit;font-size:.95rem;color:var(--encre);border-radius:0}
.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{border-color:var(--rouille);outline:0}
.formulaire input[type=file]{font:inherit;font-size:.85rem}
.formulaire small{display:block;color:var(--gris);font-size:.8rem;margin-top:.4em}
.formulaire .mention{font-size:.8rem;color:var(--gris)}
.formulaire .btn{align-self:flex-start;cursor:pointer;font-family:var(--sans)}
.encart{padding:1.1em 1.3em;margin-bottom:1.4rem;border-left:3px solid;font-size:.95rem}
.encart--ok{background:#EEF2E6;border-color:#5C7A3E}
.encart--erreur{background:#F7E6DD;border-color:var(--rouille)}
@media (max-width:1024px){ .bloc-form__grille{grid-template-columns:1fr;gap:3rem} }
@media (max-width:640px){ .carte-form{padding:28px 20px} .formulaire .ligne{grid-template-columns:1fr} }

/* FAQ */
.faq{background:var(--lin)}
.faq h2{margin:.3em 0 1em}
.faq details{border-bottom:1px solid var(--sable);padding:1.3em 0}
.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.35rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--rouille);font-family:var(--sans);font-weight:300;font-size:1.6rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--gris);margin-top:.8em;max-width:40em}

/* Contenu libre (mentions, CGV, panier…) */
.etroit{max-width:820px}
.contenu-libre{padding:80px 0 110px}
.contenu-libre h2{font-size:2rem;margin:1.6em 0 .5em}
.contenu-libre h3{font-size:1.4rem;margin:1.4em 0 .4em}
.contenu-libre p,.contenu-libre li{color:var(--encre);margin-bottom:.9em}
.contenu-libre ul,.contenu-libre ol{padding-left:1.3em}
.contenu-libre a{color:var(--rouille);text-decoration:underline;text-underline-offset:3px}
.extrait{padding:1.4em 0;border-bottom:1px solid var(--sable)}

/* Plan */
.carte-plan{padding:0;line-height:0}
.carte-plan iframe{width:100%;height:420px;border:0;filter:sepia(.25) saturate(.8)}

/* Pied de page */
.pied .reseaux{display:flex;gap:1.2rem}
.pied .reseaux a{color:var(--citrouille)}
.pied ul.menu{list-style:none}

/* Listes à tiret, réutilisées hors du bloc point relais */
ul.regles{list-style:none;margin-top:1.4rem}
ul.regles li{padding-left:1.6em;position:relative;margin-bottom:.7em;color:var(--gris)}
ul.regles li::before{content:"";position:absolute;left:0;top:.75em;width:.8em;height:1px;background:var(--rouille)}