/* ---------- photos : crédit sur le site, fenêtre de choix dans l'éditeur ---------- */
.imgcredit{position:absolute;right:14px;bottom:12px;z-index:4;font:500 11.5px/1.3 var(--sans);color:rgba(255,255,255,.85);background:rgba(10,10,12,.55);backdrop-filter:blur(4px);padding:4px 10px;border-radius:99px;max-width:calc(100% - 28px)}
.imgcredit a{text-decoration:underline;text-underline-offset:2px}
.ahead .imgcredit{bottom:18px;right:24px}
.big,.nextbn{position:relative}

.photoprev{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}
.photoprev img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--pline);display:block}
.pp-side{display:grid;gap:14px}

.modal{position:fixed;inset:0;z-index:100;background:rgba(10,10,12,.65);display:flex;align-items:center;justify-content:center;padding:20px}
.mbox{background:var(--paper);color:#17150f;border-radius:20px;width:100%;max-width:1000px;max-height:92vh;overflow:auto;padding:22px 26px 26px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.mhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.mhead h3{margin:0;font:500 1.6rem var(--serif);letter-spacing:-.02em}
.mbox .tabs{margin:10px 0 18px}
.mbox .srcrow{margin-bottom:16px}.mbox .srcrow select{width:auto;flex:none}
.mbody{min-height:160px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.pcard{border:1px solid var(--pline);border-radius:12px;overflow:hidden;background:#fffdf8;cursor:pointer;text-align:left;padding:0;display:flex;flex-direction:column;font:inherit;color:inherit;transition:.18s}
.pcard:hover{border-color:#17150f;transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.pcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--paper2)}
.pcard>span{font:400 12px/1.4 var(--sans);padding:8px 10px;color:#3b372d}
.pcard>span b{font-weight:600;color:#17150f}
.pcard .pc-act{display:flex;gap:6px;padding:0 10px 10px}.pcard .pc-act .btn{padding:6px 12px;font-size:13px}
@media(max-width:760px){.photoprev{grid-template-columns:1fr}.mbox{padding:18px}.modal{padding:10px}}

/* photo claire : on assombrit pour garder le titre et le menu lisibles */
.ahead.photo .cv{filter:brightness(.62) saturate(1.05)}
.ahead.photo:after{background:linear-gradient(180deg,rgba(var(--inkrgb),.6) 0%,rgba(var(--inkrgb),.3) 30%,rgba(var(--inkrgb),.55) 65%,var(--ink) 100%)}
.big .cv img,.nextbn .cv img{filter:brightness(.7)}

/* ---------- compteur de visites (en haut à droite) ---------- */
.visits{display:inline-flex;align-items:center;gap:7px;font:500 13px var(--sans);color:var(--mute);white-space:nowrap;padding:0 6px}
.visits b{color:var(--txt);font-weight:600;font-variant-numeric:tabular-nums}
.visits svg{opacity:.8}
@media(max-width:1100px){.visits .vl{display:none}}
@media(max-width:720px){.visits{padding:0}}

/* ---------- nom sous les rubriques (comme un titre de journal) ---------- */
.mast{position:absolute;top:78px;left:0;right:0;z-index:30;text-align:center;font:600 clamp(1.6rem,3.4vw,2.4rem)/1.1 var(--serif);letter-spacing:-.025em;font-variation-settings:"opsz" 72;color:var(--txt);width:fit-content;margin:0 auto;padding:6px 20px}
.mast i{font-style:normal;color:var(--gold)}
body.is-admin .mast{display:none}
@media(max-width:720px){.mast{top:74px}}

/* compteur : disposition à droite et petite animation à chaque nouvelle visite */
#barr{display:flex;align-items:center;gap:14px}
.visits b{display:inline-block}
.visits b.bump{animation:bump .6s ease}
@keyframes bump{0%{transform:scale(1);color:var(--txt)}35%{transform:scale(1.35);color:var(--gold)}100%{transform:scale(1);color:var(--txt)}}