/* Compléments propres au thème PrestaShop, chargés après site.css de la maquette.
   Seulement ce que la maquette n'avait pas à prévoir : des liens qui prennent l'allure des pastilles
   de filtre (sous-catégories, pagination) et des textes venant du back-office. Aucune couleur nouvelle. */
a.filtre, span.filtre { display: inline-block; text-decoration: none; cursor: pointer; }
span.filtre[aria-hidden=true] { box-shadow: none; cursor: default; }
a.filtre:hover { box-shadow: inset 0 0 0 1.5px var(--noir); }
.pagination-alch { margin-top: 36px; margin-bottom: 0; }
/* Textes saisis dans le back-office (description de catégorie, texte court du produit) */
div.intro > :first-child { margin-top: 0; }
div.intro p + p, div.intro ul { margin-top: .6em; }
div.intro ul { padding-left: 1.2em; }
/* Nuancier des coloris sur la fiche produit : un carré par couleur, nom au survol (couleurs du produit, pas de la charte) */
.nuancier { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; }
.pastille { display: block; width: 24px; height: 24px; padding: 0; border: 0; cursor: pointer; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }
.pastille:hover, .pastille:focus-visible { outline: 2px solid var(--noir); outline-offset: 2px; }
.pastille[aria-pressed=true] { outline: 2px solid var(--noir); outline-offset: 2px; }
.nuancier-nom { min-height: 1.4em; margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--noir); }
/* Descriptions venues du back-office ou de l'import toptex : rien ne doit dépasser de l'écran du téléphone
   (certaines descriptions contiennent un bloc <pre> qui ne revenait pas à la ligne) */
.texte-long pre, div.intro pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 0 0 1em; }
.texte-long img, div.intro img { max-width: 100%; height: auto; }
.texte-long table, div.intro table { display: block; max-width: 100%; overflow-x: auto; }
/* Fiche produit : titre plus petit quand le nom du produit est long (plus de 24 caractères) */
.fiche-infos h1.titre.titre-long { font-size: clamp(32px, 3.4vw, 52px); line-height: .95; }