/* =====================================================================
   ADS Rayonnage — socle : remise à zéro, typographie, boutons, conteneurs.
   Toutes les valeurs viennent de tokens.css.
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--texte);font:400 var(--t-courant)/1.7 var(--police-texte);-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
img{display:block}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--police-titre);color:var(--encre);line-height:1.25;text-wrap:balance}
h1{font-size:var(--t-h1);font-weight:700;color:#333;line-height:1.25}
h2{font-size:var(--t-h2);font-weight:600;color:#333}
.ads-capitales{text-transform:uppercase}
h3{font-size:var(--t-h3);font-weight:600;color:var(--anthracite)}
h4{font-size:var(--t-h4);font-weight:700;color:var(--anthracite)}
p{margin:0}
a{color:var(--orange);text-decoration:none}
a:hover{color:var(--orange-survol);text-decoration:underline}
strong,b{font-weight:700;color:#333}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* Texte réservé aux lecteurs d'écran (WordPress et WooCommerce en posent). */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
	clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.ads-evitement{position:absolute;left:-9999px;top:0;z-index:100;padding:10px 16px;background:#fff;color:var(--encre)}
.ads-evitement:focus{left:8px;top:8px}

/* ---- Conteneur ---- */
.ads-conteneur{max-width:var(--largeur);margin:0 auto;padding-left:var(--gouttiere);padding-right:var(--gouttiere)}

/* ---- Boutons : orange plein, angles à peine arrondis, comme le site actuel ---- */
.ads-btn,.wp-block-button__link,.ads-contenu .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:11px 22px;border:2px solid var(--orange);border-radius:var(--rayon);background:var(--orange);color:#fff;
	font:600 15px/1.3 var(--police-texte);text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ads-btn:hover,.wp-block-button__link:hover,.ads-contenu .button:hover{background:var(--orange-survol);border-color:var(--orange-survol);color:#fff;text-decoration:none}
.ads-btn--contour,.is-style-outline .wp-block-button__link{background:transparent;color:var(--orange)}
.ads-btn--contour:hover,.is-style-outline .wp-block-button__link:hover{background:var(--orange);color:#fff}
.ads-btn--blanc{background:#fff;border-color:#fff;color:var(--orange)}
.ads-btn--blanc:hover{background:transparent;color:#fff;border-color:#fff}
.ads-btn--grand{padding:14px 30px;font-size:17px}

/* ---- Haut de page des gabarits (pages simples, articles, boutique) ---- */
.ads-tete-page{padding:clamp(28px,4vw,48px) 0 clamp(20px,3vw,32px);background:var(--gris-section);border-bottom:1px solid var(--bord)}
.ads-tete-page h1{margin-top:10px}
.ads-chapo{margin-top:14px;max-width:80ch;font-size:var(--t-chapo);line-height:1.7}
.ads-chapo p+p{margin-top:10px}
.ads-meta{margin-top:10px;font-size:var(--t-mini);color:var(--discret)}
.ads-meta a{color:inherit}

/* ---- Fil d'Ariane ---- */
/* Comme le site actuel : Montserrat, liens orange, page courante en gris. */
.ads-fil{font:500 15px/1.6 var(--police-titre);color:#666}
.ads-fil a{color:var(--orange)}
.ads-fil a:hover{color:var(--orange-survol)}

/* ---- Recherche ---- */
.search-form{display:flex;gap:8px;max-width:520px;margin-top:18px}
.search-form label{flex:1}
.search-field{width:100%;padding:11px 14px;border:1px solid var(--bord);border-radius:var(--rayon);font:inherit}
.search-submit{padding:11px 18px;border:0;border-radius:var(--rayon);background:var(--orange);color:#fff;font:600 15px var(--police-texte);cursor:pointer}
