/* EVJF Deauville, bord de mer 2.2.0 : raccords propres aux articles de blog (maquette-article.html). maquette.css porte déjà .evjf-hero--petit, .evjf-lecture, .evjf-somm, .evjf-etiquettes et .evjf-navpost ; ici, seulement ce que GeneratePress et LuckyWP laissent sur les nœuds déplacés tels quels : - fil d'Ariane : da.css le veut blanc (héros plein) ; sur le héros court (fond crème) la maquette le veut gris ; - icônes de la police GeneratePress (::before de .cat-links, .tags-links, span.prev, span.next : largeur 13 px, glyphe vide) qui masquent le libellé « Catégories / Étiquettes » et cassent en colonne les libellés « article précédent / suivant » ; - sommaire LuckyWP dans l'encadré .evjf-somm : da.css (.lwptoc_i !important) lui laisse un second cadre, un padding et une largeur inline-block ; les crochets « [ ] » du bouton « masquer » viennent de la CSS du plugin. */ /* ---------- héros court : fil d'Ariane lisible sur le fond crème ---------- */ body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-fil{color:var(--gris)} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-fil a{color:var(--marine)} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit h1.evjf-sur{font-family:var(--menu); font-size:12px} /* ---------- héros court : le titre ne s'affiche qu'une fois ---------- Quand le h1 GeneratePress et le h1 Divi portent le même texte, article.js ne met plus le titre GeneratePress en sur-titre : il reste dans la page (contenu : moteurs et lecteurs d'écran) mais masqué visuellement par .evjf-sr (position absolue, 1 px, clip-path — jamais display:none, qui le retirerait de l'arbre d'accessibilité), et le sur-titre reçoit la catégorie de l'article, le bloc .cat-links déplacé depuis footer.entry-meta. Le sur-titre « catégorie » reprend l'habillage de .evjf-sur (maquette.css : petites capitales espacées, var(--menu) 12 px, letter-spacing .3em, var(--gris)) ; il reste à neutraliser ce que GeneratePress laisse sur .cat-links : l'icône ::before de sa police et le libellé « Catégories » réservé aux lecteurs d'écran (que article.css réaffiche dans .evjf-etiquettes, mais qui doit rester masqué dans le héros), puis à habiller le lien. */ body.evjf-bdm.evjf-bdm-article .evjf-hero--petit h1.evjf-sr{position:absolute!important; width:1px; height:1px; max-width:none; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; font-size:12px; line-height:1} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-sur--cat{display:block} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-sur--cat::before{content:none!important; display:none!important} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-sur--cat .screen-reader-text{position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-sur--cat a{color:inherit; background:none; padding:0; margin:0; border:0; border-radius:0; text-decoration:none; letter-spacing:inherit; font-size:inherit; line-height:inherit; transition:color .2s ease} body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-sur--cat a:hover, body.evjf-bdm.evjf-bdm-article .evjf-hero--petit .evjf-sur--cat a:focus-visible{color:var(--marine); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px} /* ---------- catégories et étiquettes (footer.entry-meta GeneratePress) ---------- */ body.evjf-bdm .evjf-etiquettes .cat-links::before, body.evjf-bdm .evjf-etiquettes .tags-links::before{content:none!important; display:none!important} body.evjf-bdm .evjf-etiquettes .screen-reader-text{position:static!important; width:auto!important; height:auto!important; clip:auto!important; clip-path:none!important; margin:0 10px 0 0!important; overflow:visible; padding:0; white-space:normal} /* ---------- navigation entre articles (nav.post-navigation GeneratePress) ---------- */ body.evjf-bdm .evjf-page nav.evjf-navpost, body.evjf-bdm .evjf-page nav#nav-below.evjf-navpost{margin:32px 0 0!important; padding:0; overflow:visible} body.evjf-bdm .evjf-navpost .nav-previous, body.evjf-bdm .evjf-navpost .nav-next{float:none; width:auto; margin:0} body.evjf-bdm .evjf-navpost .nav-previous a, body.evjf-bdm .evjf-navpost .nav-next a{border:0; padding:0; background:none} body.evjf-bdm .evjf-navpost span.prev, body.evjf-bdm .evjf-navpost span.next{display:block; padding:0; margin:0} body.evjf-bdm .evjf-navpost span.evjf-prev::before, body.evjf-bdm .evjf-navpost span.evjf-next::before{width:auto!important; height:auto!important; position:static!important; font-family:var(--sans)!important; white-space:nowrap; line-height:1.4; text-align:inherit} body.evjf-bdm .evjf-navpost span.evjf-next::before{text-align:right} /* ---------- sommaire LuckyWP dans l'encadré de la maquette ---------- */ body.evjf-bdm .evjf-somm--site .lwptoc{margin:0; padding:0; max-width:none; width:auto} body.evjf-bdm .evjf-somm--site .lwptoc_i{display:block!important; width:auto!important; max-width:none!important; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important} body.evjf-bdm .evjf-somm--site .lwptoc_header{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:0 0 10px; border:0; margin:0} body.evjf-bdm .evjf-somm--site .lwptoc_title{font-family:var(--display); font-size:24px; font-weight:var(--dweight, 400); color:var(--marine)} body.evjf-bdm .evjf-somm--site .lwptoc_toggle{white-space:nowrap; font-size:11px} body.evjf-bdm .evjf-somm--site .lwptoc_toggle::before, body.evjf-bdm .evjf-somm--site .lwptoc_toggle::after{content:none!important; display:none!important} body.evjf-bdm .evjf-somm--site .lwptoc_items, body.evjf-bdm .evjf-somm--site .lwptoc_itemWrap{width:auto; margin:0} body.evjf-bdm .evjf-somm--site .lwptoc_item a{display:flex; gap:8px; align-items:baseline} body.evjf-bdm .evjf-somm--site .lwptoc_item_number{flex:none; font-size:15px} /* ---------- commentaires GeneratePress (pingbacks, « Les commentaires sont fermés ») : hors maquette, gardés tels quels, calés dans la largeur du wrap ---------- */ body.evjf-bdm.evjf-bdm-article .comments-area{max-width:1180px; margin:0 auto; padding:8px 28px 64px; box-sizing:border-box; background:transparent; font-family:var(--sans); font-size:15px; color:var(--gris)} body.evjf-bdm.evjf-bdm-article .comments-area .comments-title{font-family:var(--display); font-weight:var(--dweight, 400); font-size:clamp(24px,2.4vw,32px); color:var(--marine); margin:0 0 18px; line-height:1.15} body.evjf-bdm.evjf-bdm-article .comments-area .comment-list{list-style:none; margin:0; padding:0; max-width:70ch} body.evjf-bdm.evjf-bdm-article .comments-area .comment-list > li{border-top:1px solid var(--filet2); padding:12px 0; margin:0} body.evjf-bdm.evjf-bdm-article .comments-area .comment-body{padding:0; margin:0; background:transparent} body.evjf-bdm.evjf-bdm-article .comments-area a{color:var(--marine); text-decoration:underline; text-decoration-color:var(--bleu); text-underline-offset:3px} body.evjf-bdm.evjf-bdm-article .comments-area .nocomments{margin:18px 0 0; font-style:italic} /* ---------- mobile (≤ 820 px : la lecture passe en une colonne, l'encadré du sommaire suit le corps) ---------- */ @media (max-width:820px){ body.evjf-bdm .evjf-somm--site .lwptoc_items{columns:auto} }