/* Ajouts du thème Photoclimat 2026 qui ne viennent pas de la maquette. */

/* Catalogue 2025 : les pages du vrai PDF sont carrées (23 × 23 cm), la maquette prévoyait des pages A4. */
.pc-bw.pc-livre-carre .pc-bk{aspect-ratio:2 / 1}
.pc-bw.pc-livre-carre.is-fs .pc-bk{width:min(96vw, calc((100vh - 140px) * 2))}
/* Pages issues du PDF : l'image remplit la page sans déformation. */
.pc-bk .pc-pg-pdf img{display:block;width:100%;height:100%;object-fit:cover}

/* Pages hors maquette et articles : texte de l'éditeur WordPress, aux valeurs de la charte (Poppins, encre #1a1a1a, filets bleu-climat). */
.pc-texte{max-width:860px;display:flex;flex-direction:column;gap:20px;font-size:17px;line-height:1.7;font-weight:300;color:#1a1a1a}
.pc-texte>*{margin:0}
.pc-texte h2{margin-top:32px;font-size:clamp(28px,3cqw,40px);line-height:1.1;font-weight:300;letter-spacing:-0.03em;text-transform:none}
.pc-texte h2 strong{font-weight:700}
.pc-texte h3,.pc-texte h2.pc-petit{margin-top:12px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#6b6b6b}
.pc-texte strong{font-weight:700}
.pc-texte a:not(.pc-btn){color:#1a1a1a;text-decoration:underline;text-decoration-color:#42b8ca;text-decoration-thickness:2px;text-underline-offset:4px}
.pc-texte a.pc-btn{align-self:flex-start;text-decoration:none}
.pc-texte img{display:block;max-width:100%;height:auto}
.pc-texte figure{margin:8px 0 0}
.pc-texte figcaption{margin-top:10px;font-size:13px;line-height:1.4;color:#6b6b6b}
.pc-texte ul{margin:0;padding-left:1.2em}
.pc-equipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px 32px;margin:0}
.pc-equipe div{display:flex;flex-direction:column;gap:2px;border-top:1px solid #e4e4e4;padding-top:12px}
.pc-equipe span{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#6b6b6b}
.pc-equipe b{font-size:20px;line-height:1.3;font-weight:400}
.pc-boutons{display:flex;flex-wrap:wrap;gap:12px}

/* Titre lu par Google et les lecteurs d'écran, invisible à l'écran (accueil). */
.pc-invisible{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Pages d'artistes : photos, légendes et descriptions ; index des artistes ; lien de la visionneuse. */
.pc-texte .pc-oeuvre{margin:24px 0 0}
.pc-oeuvre img{width:100%;height:auto}
.pc-texte .pc-oeuvre-d{font-size:15px;line-height:1.65;color:#3a3a3a}
.pc-index-artistes{list-style:none;padding:0!important;columns:2 280px;column-gap:40px}
.pc-index-artistes li{break-inside:avoid;padding:8px 0;border-top:1px solid #e4e4e4}
.pc-index-artistes li span{display:block;font-size:13px;line-height:1.4;color:#6b6b6b}
.pc-lb-lien{align-self:flex-start;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#1a1a1a;text-decoration:underline;text-decoration-color:#42b8ca;text-decoration-thickness:2px;text-underline-offset:4px}

/* Le blog : pagination dans le style des filtres (texte en capitales, soulignement bleu sur la page courante). */
.pc-pagination{margin-top:48px}
.pc-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px 36px}
.pc-pagination .page-numbers{display:inline-block;padding:10px 0;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#b8b8b8;text-decoration:none;border-bottom:3px solid transparent}
.pc-dark .pc-pagination a.page-numbers:hover{color:#ffffff;text-decoration:none}
.pc-pagination .page-numbers.current{color:#ffffff;border-bottom-color:#42b8ca}
.pc-pagination .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Menu du haut : avec « Blog », il ne tient plus sur une ligne sous 1 100 px ; le bouton menu (qui contient tout) prend le relais, comme sous 980 px dans la maquette. */
@media (max-width:1099px){.pc-nav-links{display:none}}

/* En-tête : menu du haut aligné à droite, collé au bouton Soutenir avec le même écart qu'entre ses liens (24 px d'écart de l'en-tête + 4 px = 28 px). Sous 1 100 px, le menu disparaît et Soutenir reprend sa place à droite. */
@media (min-width:1100px){header#haut .pc-wrap>.pc-btn{margin-left:4px!important}}

/* Article : pas de marge au-dessus du premier élément du texte (un intertitre en tête s'aligne sur la colonne « Partager »). */
.pc-prose > :first-child { margin-top: 0; }

/* À propos, sur téléphone : les titres de section (56 px dans la maquette) débordaient de l'écran (« Letourdunmonde », « éco-conçues » ne se coupent pas). */
@media (max-width: 480px) {
	.page-id-457 .pc-page h2[style*="font-size: 56px"] { font-size: 40px !important; }
}

/* Survol des articles (Actualités, blog, « À lire aussi ») : le soulignement ne se déclenche que sur le titre, plus sur tout le bloc.
   La photo garde son léger zoom, mais seulement quand la souris est sur elle. */
a.pc-dh:hover .pc-dh-title,.pc-row:hover .pc-row-t,.pc-jl:hover .pc-jl-t{text-decoration:none}
a.pc-dh:hover .pc-dh-photo img,.pc-row:hover .pc-row-img img{transform:none}
a.pc-dh .pc-dh-title:hover{text-decoration:underline;text-decoration-color:#42b8ca;text-decoration-thickness:4px;text-underline-offset:8px}
.pc-row .pc-row-t:hover{text-decoration:underline;text-decoration-color:#42b8ca;text-decoration-thickness:3px;text-underline-offset:7px}
.pc-jl .pc-jl-t:hover{text-decoration:underline;text-decoration-color:#42b8ca;text-underline-offset:6px}
a.pc-dh .pc-dh-photo:hover img{transform:scale(1.03)}
.pc-row .pc-row-img:hover img{transform:scale(1.04)}