/* GFC 02/11/2026 (Raph, SEC « fais par section ») : page Sample (5859) en 2 sections.
   Les tuiles de vote (.gfcv-tuile) passent sur leur propre ligne apres les echantillons, sous un titre « Sélectionner et voter »
   (pseudo-element ::after de la liste, flex-basis 100 % = retour a la ligne). Les echantillons restent dans l'ordre du BO.
   v b : repere serveur .gfc-vote-haut (ecrit par le gabarit) en plus de .gfcv-tuile (ajoutee par JS apres ~0,7 s) -> sections des l'affichage.
   v c : :has() imbrique interdit -> titre repere par ul.grid:has(> li .gfc-vote-haut).
   Rollback : renommer ce fichier en .retire + ban Varnish. */
body.cat-5859 ul.grid { flex-wrap: wrap; }
body.cat-5859 ul.grid > li:is(.gfcv-tuile, :has(.gfc-vote-haut)) { order: 2; }
body.cat-5859 ul.grid > li.modal { order: 3; }
body.cat-5859 ul.grid:has(> li .gfc-vote-haut)::after {
    content: 'Sélectionner et voter'; order: 1; flex: 0 0 100%; display: flex; align-items: center; gap: 16px;
    margin: 30px 0 18px; padding: 0 15px; box-sizing: border-box; height: auto; clear: none; visibility: visible;
    color: #EA8914; font-weight: 700; font-size: 22px; text-transform: uppercase; letter-spacing: .5px;
    background: linear-gradient(#EA8914, #EA8914) left 15px bottom -8px / 80px 3px no-repeat; padding-bottom: 0;
}
html[lang^="en"] body.cat-5859 ul.grid:has(> li .gfc-vote-haut)::after { content: 'Select and vote'; }
html[lang^="it"] body.cat-5859 ul.grid:has(> li .gfc-vote-haut)::after { content: 'Seleziona e vota'; }
