/* PÉRON 2026 — Vie locale : histoire (pages/histoire.php, avec pages.css), commerces (pages/commerces.php, avec liens.css)
 * et galerie photos (pages/galerie.php). En-tête : search.css. */

/* ---------- Histoire ---------- */
.p26-histpage .p26-rich blockquote{margin:0;padding:14px 18px;border-left:4px solid var(--p26-mint);border-radius:0 14px 14px 0;background:var(--p26-mint-50);color:var(--p26-navy);font-style:italic}
.p26-hist__logo{margin:22px 0 0;display:flex;justify-content:center}
.p26-hist__logo img{width:min(450px,100%)}
.p26-hist__blason img{width:150px;margin:4px auto 0}
.p26-hist__chiffres{display:grid;gap:10px;margin:0}
.p26-hist__chiffres div{display:grid;gap:2px}
.p26-hist__chiffres dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--p26-teal)}
.p26-hist__chiffres dd{margin:0;font-weight:700;color:var(--p26-navy)}
.p26-hist__carte{display:block;border-radius:12px;overflow:hidden;background:#fff}
.p26-hist__carte img{width:100%}

/* ---------- Commerces (cartes .p26-lien de liens.css) : couleur par thème, comme les associations ---------- */
.p26-cth--alimentation{--th:#3d7a28;--th-50:#eaf4e3}
.p26-cth--restauration{--th:#c2493a;--th-50:#fcece8}
.p26-cth--sante{--th:#007d8d;--th-50:#e3f4f5}
.p26-cth--beaute{--th:#6a4bc4;--th-50:#efebfb}
.p26-cth--artisans{--th:#9a5d07;--th-50:#fdf2df}
.p26-cth--auto{--th:#035a7f;--th-50:#e4f0f7}
.p26-cth--hebergement{--th:#0b7a5f;--th-50:#e2f4ee}
.p26-cth--services{--th:#2d366a;--th-50:#e8eaf4}
.p26-cth--autres{--th:#586081;--th-50:#eef0f6}
.p26-liens__themes{margin:-6px 0 22px}
.p26-filter--cth .bi{color:var(--th)}
.p26-filter--cth.is-active{background:var(--th);border-color:var(--th)}
.p26-filter--cth.is-active .bi{color:#fff}
.p26-commerce:hover{border-color:color-mix(in srgb,var(--th) 45%,#fff)}
.p26-commerce__head{display:flex;align-items:flex-start;gap:14px}
.p26-commerce__ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--th-50);color:var(--th);font-size:1.25rem}
.p26-commerce__theme{margin-top:2px;font-size:.85rem;font-weight:700;color:var(--th)}

/* ---------- Galerie photos ---------- */
.p26-gal__filters{margin-bottom:14px}
.p26-gal__count{margin-bottom:18px;font-weight:800;color:var(--p26-navy)}
.p26-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.p26-gal__item{display:flex;flex-direction:column;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius);box-shadow:var(--p26-shadow-sm);overflow:hidden;transition:box-shadow .2s,border-color .2s}
.p26-gal__item:hover{border-color:var(--p26-mint);box-shadow:var(--p26-shadow)}
.p26-gal__img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--p26-line)}
.p26-gal__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--p26-ease)}
.p26-gal__item:hover .p26-gal__img img{transform:scale(1.04)}
.p26-gal__zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(21,26,56,.6);color:#fff;opacity:0;transition:opacity .2s}
.p26-gal__img:hover .p26-gal__zoom,.p26-gal__img:focus-visible .p26-gal__zoom{opacity:1}
.p26-gal__cap{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px}
.p26-gal__cap a{font-weight:800;color:var(--p26-navy);line-height:1.35}
.p26-gal__cap span{font-size:.82rem;font-weight:600;color:var(--p26-muted)}
.p26-gal__catlink{color:var(--p26-mint-100)!important;text-decoration:underline!important}

.p26-galdet{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,40px);align-items:start}
.p26-galdet__photo{margin:0}
.p26-galdet__photo a{display:block;border-radius:var(--p26-radius-lg);overflow:hidden;background:var(--p26-navy-900);box-shadow:var(--p26-shadow)}
.p26-galdet__photo img{width:100%;max-height:75vh;object-fit:contain;margin:auto}
.p26-galdet__side{display:grid;gap:16px;position:sticky;top:96px}
.p26-galdet__infos{display:grid;gap:12px;margin:0;padding:20px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius);box-shadow:var(--p26-shadow-sm)}
.p26-galdet__infos:empty{display:none}
.p26-galdet__infos dt{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--p26-teal)}
.p26-galdet__infos dd{margin:0;font-weight:700;color:var(--p26-navy)}
.p26-galdet__nav{display:grid;gap:10px}
.p26-galdet__navitem{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid var(--p26-line);border-radius:var(--p26-radius-sm);color:var(--p26-navy)!important;font-weight:700;line-height:1.3;text-decoration:none!important;transition:border-color .15s,background .15s}
.p26-galdet__navitem:hover{border-color:var(--p26-mint);background:var(--p26-mint-50)}
.p26-galdet__navitem img{flex:none;width:72px;height:54px;object-fit:cover;border-radius:8px}
.p26-galdet__navitem small{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--p26-teal)}

@media (max-width:900px){
	.p26-galdet{grid-template-columns:minmax(0,1fr)}
	.p26-galdet__side{position:static}
}
@media (max-width:560px){
	.p26-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.p26-gal__cap{padding:10px 12px 12px;font-size:.9rem}
}