/*
 * Style Originel (thème 0.9.6) : le vocabulaire commun à tout le site.
 * Variables + styles de blocs choisis par la cliente dans l'éditeur (colonne de droite > Styles).
 * Référence : la boutique et la fiche produit (arrondis, pastilles, bleu des sélections, orange = achat).
 * Les étiquettes existent en deux formes : arrondie (par défaut) et carrée (double filet « épicerie »).
 */
:root {
    --originel-r-s: 8px;          /* photos, vignettes */
    --originel-r: 16px;           /* étiquettes, cartes */
    --originel-r-l: 22px;         /* grands panneaux */
    --originel-ombre: 0 18px 40px -24px rgba(59, 46, 38, .38), 0 2px 6px rgba(59, 46, 38, .05);
    --originel-ombre-survol: 0 30px 54px -26px rgba(59, 46, 38, .48), 0 2px 8px rgba(59, 46, 38, .06);
    --originel-filet-olive: rgba(164, 165, 16, .6);
    --originel-ease: cubic-bezier(.22, .61, .36, 1);
    --originel-duree: .45s;
    --originel-leve: -4px;
    --originel-fleche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 12' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h23M19 1l5 5-5 5'/%3E%3C/svg%3E");
}

/* ---------- Étiquette (bloc Groupe) ---------- */
.is-style-originel-etiquette, .is-style-originel-etiquette-lin, .is-style-originel-etiquette-sombre, .is-style-originel-etiquette-carree,
.originel-etiquette {
    --originel-fond-etq: #fff;
    position: relative; border-radius: var(--originel-r); background: var(--originel-fond-etq); color: var(--wp--preset--color--contrast);
    padding: clamp(1.3rem, 3vw, 1.8rem) clamp(1.2rem, 3vw, 1.8rem);
    box-shadow: inset 0 0 0 5px var(--originel-fond-etq), inset 0 0 0 6px var(--originel-filet-olive), var(--originel-ombre);
    will-change: transform; transform: translate3d(0, 0, 0);
    transition: transform var(--originel-duree) var(--originel-ease), box-shadow var(--originel-duree) var(--originel-ease);
}
.is-style-originel-etiquette-lin { --originel-fond-etq: var(--wp--preset--color--accent-1); }
.is-style-originel-etiquette-sombre { --originel-fond-etq: var(--wp--preset--color--brun-logo); color: var(--wp--preset--color--accent-1);
    box-shadow: inset 0 0 0 5px var(--originel-fond-etq), inset 0 0 0 6px rgba(217, 215, 122, .55), var(--originel-ombre); }
.is-style-originel-etiquette-sombre :where(h1, h2, h3, h4, h5, h6) { color: #FBF8F1; }
/* forme carrée : le double filet « épicerie » */
.is-style-originel-etiquette-carree, .originel-etiquette--carree {
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 1px var(--wp--preset--color--accent-2), inset 0 0 0 5px var(--originel-fond-etq, #fff), inset 0 0 0 6px var(--wp--preset--color--accent-2), 0 14px 26px -18px rgba(59, 46, 38, .55);
}
/* Panneau : grand fond blanc arrondi, comme la carte du haut de l'accueil */
.is-style-originel-panneau { border-radius: var(--originel-r-l); background: #fff; padding: clamp(1.5rem, 4vw, 2.6rem); box-shadow: 0 30px 70px -40px rgba(59, 46, 38, .45), 0 0 0 1px rgba(93, 69, 55, .06); }

/* ---------- Surtitre entre deux filets, pastille (bloc Paragraphe) ---------- */
.is-style-originel-surtitre {
    display: flex; align-items: center; justify-content: center; gap: .9rem; margin-bottom: .4rem;
    font-size: var(--originel-taille-mini, 1rem) !important; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--wp--preset--color--olive-fonce);
}
.is-style-originel-surtitre::before, .is-style-originel-surtitre::after { content: ""; width: 1.8rem; height: 1px; background: currentColor; opacity: .7; flex: none; }
.has-text-align-left.is-style-originel-surtitre { justify-content: flex-start; }
.has-text-align-left.is-style-originel-surtitre::before { display: none; }
.is-style-originel-pastille { display: table; padding: .26rem .75rem; border-radius: 999px; background: var(--wp--preset--color--terre-cuite); color: #fff;
    font-size: var(--originel-taille-mini, 1rem) !important; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; line-height: 1.3; }
.is-style-originel-pastille.has-text-align-center { margin-inline: auto; }

/* ---------- Titre en enseigne (bloc Titre) ---------- */
.is-style-originel-enseigne { display: table; margin-inline: auto !important; padding: .7rem 2.2rem .6rem; border-radius: var(--originel-r); background: #FBF8F1;
    --originel-fond-etq: #FBF8F1; color: var(--wp--preset--color--brun-logo) !important; text-align: center;
    box-shadow: inset 0 0 0 5px #FBF8F1, inset 0 0 0 6px var(--originel-filet-olive), var(--originel-ombre); }

/* ---------- Boutons (bloc Bouton) : Plein = orange (achat), Contour = brun (boutique), et : ---------- */
.is-style-originel-principal > .wp-block-button__link, .is-style-originel-filets > .wp-block-button__link, .is-style-originel-lien > .wp-block-button__link { will-change: transform; transform: translate3d(0, 0, 0);
    transition: transform var(--originel-duree) var(--originel-ease), box-shadow var(--originel-duree) var(--originel-ease), background-color var(--originel-duree), color var(--originel-duree); }
.is-style-originel-principal > .wp-block-button__link:hover, .is-style-originel-principal > .wp-block-button__link:focus-visible { transform: translate3d(0, -2px, 0); }
.is-style-originel-principal > .wp-block-button__link { background: var(--wp--preset--color--brun-logo) !important; color: #fff !important; box-shadow: 0 10px 22px -14px rgba(59, 46, 38, .8); }
.is-style-originel-principal > .wp-block-button__link:hover { background: var(--wp--preset--color--bleu, #17729A) !important; } /* brun → bleu du logo au survol, l'inverse des boutons d'achat */
.is-style-originel-filets > .wp-block-button__link {
    position: relative; display: inline-flex; align-items: center; gap: .9rem; padding: 1.15rem 2rem 1rem !important; border: 0 !important; border-radius: 0 !important;
    background: none !important; color: var(--wp--preset--color--brun-logo) !important; font-size: var(--originel-taille-mini, 1rem) !important; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; line-height: 1; text-decoration: none;
    box-shadow: inset 0 1px 0 var(--wp--preset--color--accent-2), inset 0 -1px 0 var(--wp--preset--color--accent-2);
}
.is-style-originel-filets > .wp-block-button__link:hover { transform: translate3d(0, -3px, 0); box-shadow: inset 0 1px 0 var(--wp--preset--color--brun-logo), inset 0 -1px 0 var(--wp--preset--color--brun-logo); }
.is-style-originel-lien > .wp-block-button__link { display: inline-flex; align-items: center; gap: .5rem; padding: .3rem 0 !important; border: 0 !important; background: none !important;
    color: var(--wp--preset--color--brun-logo) !important; font-size: var(--originel-taille-mini, 1rem) !important; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; }
.is-style-originel-lien > .wp-block-button__link:hover { transform: none; }
.is-style-originel-principal > .wp-block-button__link, .is-style-originel-filets > .wp-block-button__link { display: inline-flex; align-items: center; gap: .7rem; }
.is-style-originel-principal > .wp-block-button__link::after, .is-style-originel-filets > .wp-block-button__link::after, .is-style-originel-lien > .wp-block-button__link::after {
    content: ""; width: 1.4rem; height: .62rem; flex: none; background: currentColor; -webkit-mask: var(--originel-fleche) center / contain no-repeat; mask: var(--originel-fleche) center / contain no-repeat;
    will-change: transform; transform: translate3d(0, 0, 0); transition: transform var(--originel-duree) var(--originel-ease);
}
.is-style-originel-filets > .wp-block-button__link::after, .is-style-originel-lien > .wp-block-button__link::after { color: var(--wp--preset--color--terre-cuite); }
[class*="is-style-originel-"] > .wp-block-button__link:hover::after, [class*="is-style-originel-"] > .wp-block-button__link:focus-visible::after { transform: translate3d(.35rem, 0, 0); }
/* sur fond sombre (bandeau brun, olive, bois) : versions claires automatiques */
:where(.originel-fond-sombre, .originel-section--meuble, .originel-section--lettre, .originel-section--nouveautes .originel-bandeau) .is-style-originel-filets > .wp-block-button__link {
    color: #FBF8F1 !important; box-shadow: inset 0 1px 0 rgba(217, 215, 122, .85), inset 0 -1px 0 rgba(217, 215, 122, .85); }
:where(.originel-fond-sombre, .originel-section--meuble, .originel-section--lettre) .is-style-originel-filets > .wp-block-button__link::after { color: var(--wp--preset--color--olive-clair, #D9D77A); }
:where(.originel-fond-sombre, .originel-section--meuble, .originel-section--lettre) .is-style-originel-filets > .wp-block-button__link:hover { box-shadow: inset 0 1px 0 #FBF8F1, inset 0 -1px 0 #FBF8F1; }

/* ---------- Titre de section commun (composition « Titre de section ») ---------- */
.originel-titre-section { text-align: center; max-width: 46rem; margin: 0 auto clamp(2rem, 4vw, 2.8rem); }
.originel-titre-section > * { margin-block: 0; }
.originel-titre-section .wp-block-heading { margin-top: .35rem; font-size: clamp(1.9rem, 2.9vw, 2.4rem); line-height: 1.15; color: var(--wp--preset--color--brun-logo); }
.originel-titre-section > p:not(.is-style-originel-surtitre) { margin-top: .5rem; font-size: clamp(1.15rem, 1.5vw, 1.25rem); color: var(--wp--preset--color--accent-4); }
.originel-fond-sombre .originel-titre-section .wp-block-heading { color: #FBF8F1; }
.originel-fond-sombre .originel-titre-section .is-style-originel-surtitre { color: var(--wp--preset--color--olive-clair, #D9D77A); }
.originel-fond-sombre .originel-titre-section > p:not(.is-style-originel-surtitre) { color: #D9CBB9; }

@media (prefers-reduced-motion: reduce) {
    [class*="is-style-originel-"] > .wp-block-button__link, [class*="is-style-originel-"] > .wp-block-button__link::after, [class*="is-style-originel-etiquette"] { transition: none; }
}

/* ---------- Carte avec étiquette (composition) ---------- */
.originel-carte-etiquette { --originel-fond-etq: #fff; }
.originel-carte-etiquette__photo { margin: 0 !important; border-radius: var(--originel-r); overflow: hidden; background: var(--wp--preset--color--accent-1); }
.originel-carte-etiquette__photo img { display: block; width: 100%; will-change: transform; transform: translate3d(0, 0, 0) scale(1); transition: transform 1s var(--originel-ease); }
.originel-carte-etiquette:hover .originel-carte-etiquette__photo img { transform: translate3d(0, 0, 0) scale(1.04); }
.originel-carte-etiquette__etiquette { width: 86%; margin: -3.4rem auto 0 !important; gap: .45rem !important; text-align: center; }
.originel-carte-etiquette__etiquette > * { margin: 0 !important; }
.originel-carte-etiquette:hover .originel-carte-etiquette__etiquette { transform: translate3d(0, var(--originel-leve), 0); box-shadow: inset 0 0 0 5px var(--originel-fond-etq), inset 0 0 0 6px var(--originel-filet-olive), var(--originel-ombre-survol); }
.originel-carte-etiquette:hover .is-style-originel-etiquette-carree.originel-carte-etiquette__etiquette { box-shadow: inset 0 0 0 1px var(--wp--preset--color--accent-2), inset 0 0 0 5px var(--originel-fond-etq, #fff), inset 0 0 0 6px var(--wp--preset--color--accent-2), 0 22px 32px -20px rgba(59, 46, 38, .6); }
.originel-carte-etiquette__etiquette .wp-block-heading { font-size: 1.3rem; color: var(--wp--preset--color--brun-logo); }

/* ---------- Voiles sur la photo du bloc Couverture (09/11) : 5 styles au choix dans l'éditeur ----------
   Le style choisit la couleur et le fondu du voile ; sa FORCE se règle avec « Opacité » du bloc (Superposition), en direct.
   Conseil : 80 pour commencer. Les textes prennent la couleur qui reste lisible sur ce voile. */
.wp-block-cover.is-style-originel-voile-creme > .wp-block-cover__background { background: rgb(250, 247, 240) !important; }
.wp-block-cover.is-style-originel-voile-fondu > .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(250, 247, 240, 1) 0%, rgba(250, 247, 240, .95) 30%, rgba(250, 247, 240, .45) 55%, rgba(250, 247, 240, .18) 100%) !important;
}
.wp-block-cover.is-style-originel-voile-olive > .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(48, 46, 12, 1) 0%, rgba(48, 46, 12, .8) 45%, rgba(48, 46, 12, .58) 100%) !important;
}
.wp-block-cover.is-style-originel-voile-brun > .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(59, 42, 32, 1) 0%, rgba(59, 42, 32, .78) 45%, rgba(59, 42, 32, .5) 100%) !important;
}
.wp-block-cover.is-style-originel-voile-lumiere > .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(250, 247, 240, 1) 0%, rgba(250, 247, 240, .6) 35%, rgba(250, 247, 240, 0) 60%) !important;
}
/* Voiles clairs : texte brun encre, avec un halo crème très doux pour les parties où la photo transparaît */
.wp-block-cover:is(.is-style-originel-voile-creme, .is-style-originel-voile-fondu, .is-style-originel-voile-lumiere) .wp-block-cover__inner-container > * > :is(h1, h2, p) {
    text-shadow: 0 1px 12px rgba(250, 247, 240, 0.9);
}
/* Voiles sombres : texte crème, mot en italique et surtitre en olive clair, bouton contour clair */
.wp-block-cover:is(.is-style-originel-voile-olive, .is-style-originel-voile-brun) .wp-block-cover__inner-container > * > :is(h1, h2, p):not([class*="has-"][class*="-color"]) {
    color: #FBF8F1; text-shadow: 0 1px 14px rgba(20, 12, 8, 0.45);
}
.wp-block-cover:is(.is-style-originel-voile-olive, .is-style-originel-voile-brun) :is(h1, h2) em,
.wp-block-cover:is(.is-style-originel-voile-olive, .is-style-originel-voile-brun) .originel-intro-accueil__surtitre { color: var(--wp--preset--color--olive-clair, #D9D77A); }

/* Bloc « Un label, une promesse » : même choix de voiles (colonne de droite du bloc), force réglable (--voile-force) */
.originel-voile-creme .originel-labels-bloc__fonds::after { background: rgba(250, 247, 240, var(--voile-force, .6)); }
.originel-voile-fondu .originel-labels-bloc__fonds::after { background: linear-gradient(90deg, rgba(250, 247, 240, var(--voile-force, .6)), rgba(250, 247, 240, calc(var(--voile-force, .6) * .3))); }
.originel-voile-olive .originel-labels-bloc__fonds::after { background: rgba(48, 46, 12, var(--voile-force, .6)); }
.originel-voile-brun .originel-labels-bloc__fonds::after { background: rgba(59, 42, 32, var(--voile-force, .6)); }
.originel-voile-lumiere .originel-labels-bloc__fonds::after { background: linear-gradient(90deg, rgba(255, 255, 255, var(--voile-force, .6)), rgba(255, 255, 255, 0) 70%); }
.originel-voile-blanc .originel-labels-bloc__fonds::after { opacity: calc(var(--voile-force, .6) / .6); }

/* 0.9.16 (Eric 09/11) : « verre dépoli » derrière un texte posé sur une photo (bloc Groupe, onglet Styles).
   Transparence : léger / normal / couvrant ; flou de la photo derrière. Marges et arrondi réglables dans le bloc (Dimensions, Bordure). */
:where(.wp-block-group)[class*="is-style-originel-verre"] {
    --verre-fond: 250, 247, 240; --verre-opacite: 0.62;
    padding: clamp(1.4rem, 3vw, 2.4rem) clamp(1.2rem, 3.5vw, 3rem); border-radius: 28px;
    background-color: rgba(var(--verre-fond), var(--verre-opacite));
    -webkit-backdrop-filter: blur(14px) saturate(1.1); backdrop-filter: blur(14px) saturate(1.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 30px 70px -40px rgba(30, 20, 10, 0.7);
}
.wp-block-group.is-style-originel-verre-leger { --verre-opacite: 0.42; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.wp-block-group.is-style-originel-verre-dense { --verre-opacite: 0.84; }
.wp-block-group.is-style-originel-verre-sombre { --verre-fond: 59, 42, 32; --verre-opacite: 0.58; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 30px 70px -40px rgba(0, 0, 0, 0.8); }
.wp-block-group.is-style-originel-verre-sombre, .wp-block-group.is-style-originel-verre-sombre :is(h1, h2, h3, p) { color: #FBF8F1; }
.wp-block-group.is-style-originel-verre-sombre :is(em, .originel-intro-accueil__surtitre) { color: var(--wp--preset--color--olive-clair, #D9D77A); }
.originel-hero .originel-intro-accueil[class*="is-style-originel-verre"] { margin-inline: auto; max-width: 54rem; }

/* ---------- 0.9.16 (Eric 09/11) : le Journal en « Gazette des terroirs ».
   Feuille : bloc Groupe, style « Feuille de gazette » (le titre = nom du journal, le paragraphe dessous = la ligne entre filets).
   Boucle d'articles : style « Gazette » (la une + 2 colonnes) ou « Mosaïque de photos ». Une catégorie « Recettes » devient une fiche recette. ---------- */
.wp-block-group.is-style-originel-gazette-feuille {
    max-width: 78rem; margin-inline: auto; padding: clamp(1.2rem, 3vw, 2.2rem) clamp(1rem, 3vw, 2.6rem) clamp(1.6rem, 3vw, 2.6rem); border-radius: 6px;
    background-color: #FBF8F1; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04), 0 30px 60px -40px rgba(60, 45, 30, 0.5);
}
.is-style-originel-gazette-feuille > h2:first-child { margin: 0; font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight: 600; line-height: 1.05; letter-spacing: 0.01em; color: var(--wp--preset--color--brun-logo, #5D4537); }
.is-style-originel-gazette-feuille > h2:first-child + p {
    margin: 0.8rem 0 1.6rem; padding: 0.5rem 0 0.6rem; border-top: 1px solid var(--wp--preset--color--brun-logo, #5D4537); border-bottom: 3px double var(--wp--preset--color--brun-logo, #5D4537);
    font-size: 1rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--olive-fonce, #5F6110);
}

/* Commun aux deux styles */
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-template { list-style: none; margin: 0; padding: 0; display: grid; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-template > li { margin: 0; min-width: 0; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-terms { margin: 0; font-size: 1rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-terms a { color: var(--wp--preset--color--terre-cuite, #85604F); text-decoration: none; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-title { margin: 0.3rem 0 0.45rem; font-size: 1.45rem; line-height: 1.2; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-title a { color: inherit; text-decoration: none; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-excerpt__excerpt { margin: 0; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-excerpt__more-text { margin: 0.6rem 0 0; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-excerpt__more-text a { font-weight: 700; color: var(--wp--preset--color--bleu, #17729A); text-decoration: none; border-bottom: 1.5px solid currentColor; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-featured-image { margin: 0 0 0.9rem; overflow: hidden; border-radius: 4px; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) li:hover .wp-block-post-featured-image img { transform: scale(1.04); }

/* Gazette : la une à gauche (grande photo, texte en 2 colonnes, lettrine), puis 2 colonnes séparées par des filets */
.is-style-originel-gazette .wp-block-post-template { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; }
.is-style-originel-gazette li { padding: 0 1.4rem; border-left: 1px solid rgba(93, 69, 55, 0.25); color: var(--wp--preset--color--contrast, #3B2E26); }
.is-style-originel-gazette li:first-child { grid-column: 1; grid-row: 1 / span 2; padding-left: 0; border-left: 0; }
.is-style-originel-gazette li:nth-child(2) { grid-column: 2; grid-row: 1; }
.is-style-originel-gazette li:nth-child(3) { grid-column: 2; grid-row: 2; }
.is-style-originel-gazette li:nth-child(4) { grid-column: 3; grid-row: 1; padding-right: 0; }
.is-style-originel-gazette li:nth-child(5) { grid-column: 3; grid-row: 2; padding-right: 0; }
.is-style-originel-gazette li:is(:nth-child(3), :nth-child(5)) { padding-top: 1.2rem; box-shadow: inset 0 1px 0 rgba(93, 69, 55, 0.25); background-clip: content-box; }
.is-style-originel-gazette li:is(:nth-child(2), :nth-child(4)) { padding-bottom: 1.2rem; }
.is-style-originel-gazette li:nth-child(n+6) { display: none; }
.is-style-originel-gazette li:is(:nth-child(3), :nth-child(5)) .wp-block-post-featured-image { display: none; }
.is-style-originel-gazette li:first-child .wp-block-post-featured-image { aspect-ratio: 16 / 9 !important; }
.is-style-originel-gazette li:first-child .wp-block-post-title { font-size: clamp(1.7rem, 2.6vw, 2.2rem); font-weight: 600; line-height: 1.1; }
.is-style-originel-gazette li:first-child .wp-block-post-excerpt__excerpt { columns: 2; column-gap: 1.6rem; font-size: 1.12rem; line-height: 1.6; }
.is-style-originel-gazette li:first-child .wp-block-post-excerpt__excerpt::first-letter {
    float: left; padding: 0.3rem 0.45rem 0 0; font-family: var(--wp--preset--font-family--titres, serif); font-size: 3.6rem; line-height: 0.8; font-weight: 600; color: var(--wp--preset--color--brun-logo, #5D4537);
}
.is-style-originel-gazette li:not(:first-child) .wp-block-post-excerpt { font-size: 1.02rem; color: var(--wp--preset--color--accent-4, #7A5F4E); }
.is-style-originel-gazette li:not(:first-child) .wp-block-post-excerpt__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* La recette du mois : un article de la catégorie « Recettes » devient une fiche sur fond lin */
.is-style-originel-gazette li:not(:first-child):is(.category-recettes, .category-recette) > * { position: relative; }
.is-style-originel-gazette li:not(:first-child):is(.category-recettes, .category-recette) { background: linear-gradient(var(--wp--preset--color--accent-1, #F1EBDD), var(--wp--preset--color--accent-1, #F1EBDD)) content-box; }
.is-style-originel-gazette li:not(:first-child):is(.category-recettes, .category-recette) > * { margin-inline: 1rem; }
.is-style-originel-gazette li:not(:first-child):is(.category-recettes, .category-recette) > :first-child { margin-top: 1rem; }
.is-style-originel-gazette li:not(:first-child):is(.category-recettes, .category-recette) > :last-child { padding-bottom: 1rem; }
@media (max-width: 1000px) {
    .is-style-originel-gazette .wp-block-post-template { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: none; }
    .is-style-originel-gazette li, .is-style-originel-gazette li:nth-child(n) { grid-column: auto; grid-row: auto; padding: 1.2rem 1.2rem 1.2rem 0; border-left: 0; box-shadow: inset 0 1px 0 rgba(93, 69, 55, 0.25); }
    .is-style-originel-gazette li:first-child { grid-column: 1 / -1; padding: 0 0 1.4rem; box-shadow: none; }
    .is-style-originel-gazette li:nth-child(odd):not(:first-child) { padding: 1.2rem 0 1.2rem 1.2rem; border-left: 1px solid rgba(93, 69, 55, 0.25); }
}
@media (max-width: 600px) {
    .is-style-originel-gazette .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
    .is-style-originel-gazette li:nth-child(n), .is-style-originel-gazette li:nth-child(odd):not(:first-child) { padding: 1.2rem 0; border-left: 0; }
    .is-style-originel-gazette li:not(:first-child) .wp-block-post-excerpt__excerpt { -webkit-line-clamp: 2; }
    .is-style-originel-mosaique li:first-child { min-height: 24rem; }
    .is-style-originel-gazette li:first-child { padding-top: 0; }
    .is-style-originel-gazette li:first-child .wp-block-post-excerpt__excerpt { columns: 1; }
    .is-style-originel-gazette li:not(:first-child) .wp-block-post-featured-image { display: none; }
    .is-style-originel-gazette-feuille > h2:first-child + p { letter-spacing: 0.08em; }
}

/* Mosaïque : la photo remplit chaque tuile, le texte posé dessus ; le premier article en grand */
.is-style-originel-mosaique .wp-block-post-template { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: minmax(15rem, auto); gap: 0.9rem; }
.is-style-originel-mosaique li { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.1rem 1.2rem; border-radius: 16px; overflow: hidden; isolation: isolate; color: #FBF8F1; background: var(--wp--preset--color--brun-logo, #5D4537); }
.is-style-originel-mosaique li:first-child { grid-row: span 2; padding: 1.6rem; }
.is-style-originel-mosaique li:nth-child(n+6) { display: none; }
.is-style-originel-mosaique .wp-block-post-featured-image { position: absolute; inset: 0; z-index: -2; margin: 0; border-radius: 0; aspect-ratio: auto !important; height: 100% !important; }
.is-style-originel-mosaique .wp-block-post-featured-image a { display: block; height: 100%; }
.is-style-originel-mosaique li::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(30, 20, 12, 0) 30%, rgba(30, 20, 12, 0.82)); }
.is-style-originel-mosaique .wp-block-post-terms a { color: var(--wp--preset--color--olive-clair, #D9D77A); }
.is-style-originel-mosaique li:first-child .wp-block-post-title { font-size: clamp(1.7rem, 2.6vw, 2.2rem); }
.is-style-originel-mosaique li:not(:first-child) .wp-block-post-excerpt { display: none; }
.is-style-originel-mosaique .wp-block-post-excerpt__more-text a { color: #FBF8F1; }
.is-style-originel-mosaique li:is(.category-recettes, .category-recette) { color: var(--wp--preset--color--contrast, #3B2E26); background: var(--wp--preset--color--accent-1, #F1EBDD); box-shadow: inset 0 0 0 1px var(--wp--preset--color--accent-2, #A4A510); }
.is-style-originel-mosaique li:is(.category-recettes, .category-recette)::before, .is-style-originel-mosaique li:is(.category-recettes, .category-recette) .wp-block-post-featured-image { display: none; }
.is-style-originel-mosaique li:is(.category-recettes, .category-recette) .wp-block-post-terms a { color: var(--wp--preset--color--terre-cuite, #85604F); }
@media (max-width: 900px) {
    .is-style-originel-mosaique .wp-block-post-template { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-rows: minmax(12rem, auto); }
    .is-style-originel-mosaique li:first-child { grid-column: 1 / -1; grid-row: auto; min-height: 20rem; }
}
@media (max-width: 560px) {
    .is-style-originel-mosaique .wp-block-post-template { grid-template-columns: minmax(0, 1fr); }
}

/* 0.9.24 (Eric 09/11 : « trop vide ») — Gazette plus dense :
   la une remplit toute la hauteur (photo qui s'allonge), extrait sur une colonne sans lettrine coupée,
   avec 4 articles la 3e colonne n'a plus de case vide, fond lin autour de la feuille, liens « Lire la suite » en brun souligné olive (plus de bleu). */
.originel-section--journal:has(.is-style-originel-gazette-feuille) { background-color: var(--wp--preset--color--accent-1, #F1EBDD); }
.is-style-originel-gazette li:first-child { display: flex; flex-direction: column; }
.is-style-originel-gazette li:first-child .wp-block-post-featured-image { flex: 1 1 auto; aspect-ratio: auto !important; min-height: 16rem; }
.is-style-originel-gazette li:first-child .wp-block-post-featured-image :is(a, img) { display: block; height: 100% !important; }
.is-style-originel-gazette li:first-child .wp-block-post-excerpt__excerpt { columns: 1; }
.is-style-originel-gazette li:first-child .wp-block-post-excerpt__excerpt::first-letter { float: none; padding: 0; font: inherit; color: inherit; }
.is-style-originel-gazette li:nth-child(4):last-child { grid-row: 1 / span 2; display: flex; flex-direction: column; }
.is-style-originel-gazette li:nth-child(4):last-child .wp-block-post-featured-image { flex: 1 1 auto; min-height: 12rem; }
.is-style-originel-gazette li:nth-child(4):last-child .wp-block-post-featured-image :is(a, img) { display: block; height: 100% !important; }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-excerpt__more-text a { color: var(--wp--preset--color--brun-logo, #5D4537); border-bottom: 1.5px solid var(--wp--preset--color--accent-2, #A4A510); }
:is(.is-style-originel-gazette, .is-style-originel-mosaique) .wp-block-post-excerpt__more-text a:hover { color: var(--wp--preset--color--olive-fonce, #5F6110); }
@media (max-width: 900px) {
    .is-style-originel-gazette li:first-child .wp-block-post-featured-image { flex: none; aspect-ratio: 16 / 9 !important; min-height: 0; }
    .is-style-originel-gazette li:nth-child(4):last-child { grid-row: auto; }
    .is-style-originel-gazette li:nth-child(4):last-child .wp-block-post-featured-image { flex: none; min-height: 0; aspect-ratio: 16 / 10; }
}

/* 0.9.26 (RDV 09/11 soir) : bouton « Toute la gazette » qui sautillait au survol : le bouton montait de 3 px, la souris sortait par le bas
   et le survol s'arrêtait / reprenait en boucle. Le bouton ne bouge plus, seuls les filets et la flèche réagissent. */
.is-style-originel-filets > .wp-block-button__link:hover, .is-style-originel-filets > .wp-block-button__link:focus-visible,
.is-style-originel-principal > .wp-block-button__link:hover, .is-style-originel-principal > .wp-block-button__link:focus-visible { transform: none; }
.is-style-originel-filets > .wp-block-button__link:hover { color: var(--wp--preset--color--terre-cuite, #85604F) !important; }
:where(.originel-fond-sombre, .originel-section--meuble, .originel-section--lettre, .originel-section--nouveautes .originel-bandeau) .is-style-originel-filets > .wp-block-button__link:hover { color: #FBF8F1 !important; }

/* ---------- 0.9.27 (Eric 10/11) : sous-titre du hero aéré + style « Accroche en italique » (bloc Paragraphe › Styles) ---------- */
p.is-style-originel-accroche { font-family: var(--wp--preset--font-family--titres, 'Playfair Display', serif); font-style: italic; font-weight: 500; font-size: clamp(1.3rem, 1.7vw, 1.55rem); line-height: 1.5; color: inherit; }
/* Sur un voile sombre (olive, brun), l'accroche prend le vert clair de « mangez » ; couleur réglable dans le bloc */
.wp-block-cover:is(.is-style-originel-voile-olive, .is-style-originel-voile-brun) p.is-style-originel-accroche:not(.has-text-color) { color: var(--wp--preset--color--olive-clair, #D9D77A); }
.originel-hero .originel-intro-accueil__titre { margin-bottom: 1.6rem; }
.originel-hero .originel-intro-accueil__texte { line-height: 1.75; }
.originel-hero .originel-intro-accueil__texte + p.is-style-originel-accroche { max-width: 40rem; margin: 1rem auto 0; }
.originel-hero .originel-intro-accueil__actions { margin-top: 2.4rem; }

/* Logos des labels entre deux filets (groupe › Styles « Logos entre deux filets ») : chaque logo est un bloc Image.
   Taille d'un logo = réglage Hauteur de l'image ; couleur des filets = couleur du texte du groupe ; écart = Espacement du bloc. */
.wp-block-group.is-style-originel-logos-filets { align-items: center; gap: var(--wp--style--block-gap, 1.1rem); margin: 0 auto 1.6rem; color: var(--wp--preset--color--accent-2, #A4A510); }
.wp-block-group.is-style-originel-logos-filets::before, .wp-block-group.is-style-originel-logos-filets::after { content: ""; flex: none; width: clamp(2rem, 6vw, 4.5rem); height: 1px; margin-inline: 0.4rem; background: currentColor; }
.is-style-originel-logos-filets > .wp-block-image { margin: 0; flex: none; }
.is-style-originel-logos-filets > .wp-block-image img { display: block; width: auto; max-height: none; filter: drop-shadow(0 2px 5px rgba(59, 46, 38, 0.28)); transition: transform 0.45s cubic-bezier(.22, .61, .36, 1); }
.is-style-originel-logos-filets > .wp-block-image a:hover img { transform: translateY(-3px); }
@media (max-width: 600px) {
    .wp-block-group.is-style-originel-logos-filets { flex-wrap: wrap !important; row-gap: 0.6rem; }
    .wp-block-group.is-style-originel-logos-filets::before, .wp-block-group.is-style-originel-logos-filets::after { display: none; }
    .is-style-originel-logos-filets > .wp-block-image img { height: 38px !important; }
}

/* ---------- Pages légales (thème 0.9.32, Eric 10/11) : CGV, CGU, mentions, données, livraison ----------
   Titre entre deux filets olive, texte posé sur une étiquette lin à filet olive, titres en Playfair soulignés d'un trait olive,
   tableau à en-tête lin. Les textes restent des blocs normaux, modifiables dans Pages. */
body.originel-page-legale { background: var(--wp--preset--color--accent-1, #F1EBDD); }
.originel-page-legale .wp-block-post-title {
    display: flex; align-items: center; justify-content: center; gap: 1.1rem; max-width: 52rem; margin-inline: auto !important;
    text-align: center; font-size: clamp(2rem, 3.4vw, 2.7rem); line-height: 1.15; color: var(--wp--preset--color--brun-logo, #5D4537);
}
.originel-page-legale .wp-block-post-title::before, .originel-page-legale .wp-block-post-title::after {
    content: ""; flex: 1 1 3rem; max-width: 7rem; height: 1px; background: var(--originel-filet-olive);
}
.originel-page-legale .wp-block-post-content {
    --originel-fond-etq: #FBF8F1;
    max-width: 52rem; margin: clamp(1.4rem, 3vw, 2.2rem) auto clamp(2.5rem, 6vw, 4.5rem) !important;
    padding: clamp(1.6rem, 4vw, 3rem) clamp(1.3rem, 4.5vw, 3.4rem) !important;
    border-radius: var(--originel-r-l); background: var(--originel-fond-etq); color: var(--wp--preset--color--contrast, #3B2E26);
    box-shadow: inset 0 0 0 6px var(--originel-fond-etq), inset 0 0 0 7px var(--originel-filet-olive), var(--originel-ombre);
    font-size: 1.0625rem; line-height: 1.7;
}
.originel-page-legale .wp-block-post-content > * { max-width: none !important; }
.originel-page-legale .wp-block-post-content > p:first-child {
    display: table; margin: 0 auto 1.6rem; padding: .3rem 1rem; border-radius: 999px;
    background: var(--wp--preset--color--accent-1, #F1EBDD); color: var(--wp--preset--color--accent-4, #7A5F4E); font-size: 1rem;
}
.originel-page-legale .wp-block-post-content h2 {
    margin: 2.4rem 0 .9rem; padding-bottom: .55rem; font-size: clamp(1.35rem, 2.1vw, 1.6rem); line-height: 1.25;
    color: var(--wp--preset--color--brun-logo, #5D4537);
    background: linear-gradient(var(--wp--preset--color--accent-2, #A4A510), var(--wp--preset--color--accent-2, #A4A510)) left bottom / 3rem 2px no-repeat;
}
.originel-page-legale .wp-block-post-content h3 {
    margin: 1.6rem 0 .5rem; font-family: inherit; font-size: 1.0625rem; font-weight: 700; letter-spacing: .02em;
    color: var(--wp--preset--color--terre-cuite, #85604F);
}
.originel-page-legale .wp-block-post-content p { margin: 0 0 .9rem; }
.originel-page-legale .wp-block-post-content strong { color: var(--wp--preset--color--brun-logo, #5D4537); }
.originel-page-legale .wp-block-post-content ul { margin: 0 0 1rem; padding-left: 1.3rem; }
.originel-page-legale .wp-block-post-content li { margin-bottom: .35rem; }
.originel-page-legale .wp-block-post-content li::marker { color: var(--wp--preset--color--accent-2, #A4A510); }
.originel-page-legale .wp-block-post-content a {
    color: var(--wp--preset--color--brun-logo, #5D4537); text-decoration: underline; text-decoration-color: var(--originel-filet-olive);
    text-decoration-thickness: 2px; text-underline-offset: .2em; transition: color var(--originel-duree) var(--originel-ease), text-decoration-color var(--originel-duree) var(--originel-ease);
}
.originel-page-legale .wp-block-post-content a:hover { color: var(--wp--preset--color--terre-cuite, #85604F); text-decoration-color: currentColor; }
.originel-page-legale .wp-block-table { margin: 1rem 0 1.6rem; overflow-x: auto; border-radius: var(--originel-r); box-shadow: 0 0 0 1px var(--wp--preset--color--accent-6, #E2D8C3); }
.originel-page-legale .wp-block-table table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 1rem; line-height: 1.5; }
.originel-page-legale .wp-block-table th, .originel-page-legale .wp-block-table td {
    padding: .7rem .9rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--accent-6, #E2D8C3); text-align: left; vertical-align: top;
}
.originel-page-legale .wp-block-table thead th { background: var(--wp--preset--color--accent-1, #F1EBDD); color: var(--wp--preset--color--brun-logo, #5D4537); font-weight: 700; }
.originel-page-legale .wp-block-table tbody tr:last-child td { border-bottom: 0; }
.originel-page-legale .wp-block-table td:first-child { font-weight: 600; color: var(--wp--preset--color--brun-logo, #5D4537); }