/* La bande d'encre de la marque (D1, PLAN-DESIGN-V3 5.3, tranche S3 du 15/10/2026), chargee par
   core/blocs/_bandeau_marque.blade.php : th_banniere « marque », dom_banniere « marque », th_erreur « marque », puis les
   bannieres des transferts (S8) et des marques (S9). L'encre et la lueur sont celles de la banniere « achat » de la page
   d'extension (fiche-extension.css, .ext-achat) ; le titre, la recherche et la petite carte, ceux de l'accueil v3
   (accueil.css, .banner--accueil). Le haut (84 px) garde la place de l'en-tete du site, blanc et pose sur la bande. */
.bandeau-marque{position:relative;isolation:isolate;padding-top:84px;background:radial-gradient(760px 420px at 50% 38%,rgba(255,132,0,.15),transparent 70%),var(--bl-encre,#1F222B);color:#fff}
.bandeau-marque__int{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto;padding:44px 24px 56px;box-sizing:border-box;text-align:center}
/* Le drapeau et l'extension, sans pilule ni filet (piste VIF, 16/10/2026, choix de Quentin) : le drapeau decoupe en 3:2,
   coins de 3 px (core/blocs/_vif_drapeau : l'outil des drapeaux de la page d'extension, sinon drapeau-vif.css). La boite garde
   la hauteur de l'ancienne pilule (10 px en haut et en bas) : le surtitre, le titre et la recherche ne bougent pas. */
.bandeau-marque__badge{display:inline-flex;align-items:center;gap:14px;margin:0 0 16px;padding:10px 0}
.bandeau-marque__drapeau{--vif-drapeau-l:48px;--drapeau-l:48px}
.bandeau-marque__jeton{font:600 34px/1 "IBM Plex Mono",SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}
.bandeau-marque__point{color:var(--bl-orange,#FF8400)}
.bandeau-marque__surtitre{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--bl-orange,#FF8400)}
.bandeau-marque[dir=rtl] .bandeau-marque__surtitre,html[lang=zh] .bandeau-marque__surtitre,html[lang=ja] .bandeau-marque__surtitre{letter-spacing:0}
.bandeau-marque__titre{max-width:860px;margin:0;font-size:44px;font-weight:700;line-height:1.15;color:#fff;text-wrap:balance}
.bandeau-marque__titre span{font-weight:inherit}
/* La phrase sous le titre : un texte court centre, comme sous les titres du theme (jamais justifie, 12/10/2026). */
.bandeau-marque__texte{max-width:700px;margin:16px 0 0;font-size:18px;line-height:1.6;color:#C9CED8;text-wrap:pretty}
.bandeau-marque__retour{margin:16px 0 0;font-size:16px}
/* Les regles globales du theme (style.css : a:hover opacite .9, a:focus et a:active orange) ne touchent pas la bande. */
.bandeau-marque__retour a,.bandeau-marque__retour a:focus,.bandeau-marque__retour a:active{font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px;opacity:1}
.bandeau-marque__retour a:hover{color:var(--bl-orange,#FF8400);opacity:1}
.bandeau-marque__recherche{width:100%;max-width:820px;margin:30px 0 0}
.bandeau-marque__recherche .recherche-onglets{margin:0 auto}
.bandeau-marque__recherche .recherche-bande__champ{text-align:start}
.bandeau-marque__actions{margin:28px 0 0}
.bandeau-marque__liens{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;margin:28px 0 0;padding:0;list-style:none}
.bandeau-marque__lien,.bandeau-marque__lien:focus,.bandeau-marque__lien:active{display:inline-block;padding:9px 20px;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;font-size:16px;font-weight:600;line-height:1.4;color:#fff;text-decoration:none;opacity:1}
.bandeau-marque__lien:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;opacity:1}
.bandeau-marque__lien:focus-visible,.bandeau-marque__retour a:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* La petite carte du monde et sa ligne, comme sous la recherche de l'accueil (accueil.css, .banner__carte). */
.bandeau-marque__carte,.bandeau-marque__carte:hover,.bandeau-marque__carte:focus,.bandeau-marque__carte:active{display:flex;flex-direction:column;align-items:center;gap:10px;margin:36px 0 0;color:#fff;text-decoration:none;opacity:1}
.bandeau-marque__carte img{display:block;width:230px;max-width:100%;height:auto}
.bandeau-marque__carte-texte{font-size:18px;font-weight:500;line-height:1.4;color:#fff;text-wrap:balance}
.bandeau-marque__carte:hover .bandeau-marque__carte-texte{text-decoration:underline;text-underline-offset:4px}
.bandeau-marque__carte:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:6px}
.bandeau-marque__carte:focus:not(:focus-visible){outline:0}
/* La recherche sur l'encre : le bouton reste a cote du champ (les bandes le passent dessous au telephone), comme l'accueil. */
@media (max-width:767px){
  .bandeau-marque .recherche-bande__champ:not(.recherche-bande__champ--liste){flex-wrap:nowrap;gap:8px}
  .bandeau-marque .recherche-bande__loupe{display:block}
  .bandeau-marque .recherche-bande__champ:not(.recherche-bande__champ--liste) input{flex:1 1 auto;height:54px;padding:0 4px;font-size:16px}
  .bandeau-marque .recherche-bande__champ .recherche-bande__bouton{flex:none;height:50px;padding:0 16px}
  .bandeau-marque .recherche-bande__champ--liste .recherche-bande__bouton{align-self:flex-end}
  .bandeau-marque .recherche-onglets__ecritures{margin-inline-start:auto}
}
@media (max-width:991px){
  .bandeau-marque__int{padding:30px 20px 40px}
  .bandeau-marque__titre{font-size:30px}
  .bandeau-marque__jeton{font-size:28px}
  .bandeau-marque__drapeau{--vif-drapeau-l:42px;--drapeau-l:42px}
  .bandeau-marque__texte{font-size:16px}
  .bandeau-marque__recherche{margin-top:24px}
  .bandeau-marque__carte{margin-top:28px}
  .bandeau-marque__carte img{width:190px}
  .bandeau-marque__carte-texte{font-size:16px}
}
@media (max-width:420px){.bandeau-marque__lien{padding:8px 14px;font-size:15px}}

/* La page introuvable (th_erreur « marque ») : un peu plus d'air sous les liens, avant la bande de contact. */
.bandeau-marque--erreur .bandeau-marque__int{padding-bottom:64px}
@media (max-width:991px){.bandeau-marque--erreur .bandeau-marque__int{padding-bottom:44px}}