/* ═══ VoyanceZen · Couture : l'en-tête des guides ═══
   Le guide signé par Maître Luc, un témoignage filmé, l'appel au temple, la date et le temps de lecture.
   L'image mise en avant passe en fond, très légère, sous un voile d'ivoire : aucun texte sur une photo. */

.vzs-art{position:relative;isolation:isolate;overflow:hidden;margin:0 0 clamp(26px,4vw,42px);padding:clamp(18px,2.6vw,26px) clamp(16px,3vw,30px) clamp(14px,2.2vw,20px);border:1px solid var(--h-filet-f);border-top:3px solid var(--h-rouge);border-radius:6px;background:var(--h-blanc);color:var(--h-encre);text-align:left;font-family:var(--h-texte);-webkit-font-smoothing:antialiased}
.vzs-art *{box-sizing:border-box;box-shadow:none!important}
.vzs-art a{text-decoration:none!important}
.vzs-art::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--vzs-art-fond,none) center/cover no-repeat;opacity:.16;filter:grayscale(.35) sepia(.3)}
.vzs-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(255,253,249,.97) 0%,rgba(255,253,249,.93) 52%,rgba(255,253,249,.72) 100%)}

.vzs-art-g{display:grid;grid-template-columns:minmax(0,1fr) 112px;grid-template-areas:"sur video" "qui video" "gages video" "cta video" "meta meta";column-gap:clamp(16px,3vw,30px);row-gap:14px;align-items:start}

.vzs-art-sur{grid-area:sur;display:flex;align-items:center;gap:12px;margin:0!important;padding:0!important;font:500 11px/1.3 var(--h-repere)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--h-or-s)!important}
.vzs-art-sur::before{content:"";flex:0 0 28px;height:1px;background:var(--h-or)}

/* le nom */
.vzs-art-qui{grid-area:qui;display:flex;align-items:center;gap:16px;min-width:0}
.vzs-art-portrait{position:relative;display:block;flex:0 0 74px;width:74px;height:74px;padding:3px;border:2px solid var(--h-rouge);border-radius:50%;background:var(--h-creme)}
.vzs-art-portrait::after{content:"";position:absolute;inset:-6px;border:1px solid var(--h-filet-f);border-radius:50%}
.vzs-art-portrait img{display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:50%!important;object-fit:cover;object-position:52% 38%}
.vzs-art-nom{display:flex;flex-direction:column;min-width:0}
.vzs-art .vzs-art-nom a{color:var(--h-encre)!important}
.vzs-art-nom b{display:block;font:400 32px/1 var(--h-titre);letter-spacing:.005em;color:var(--h-encre)}
.vzs-art-nom em{display:block;margin-top:3px;font:italic 400 18px/1.1 var(--h-titre);color:var(--h-brun)}
.vzs-art-nom span{display:block;margin-top:7px;font:600 13px/1.35 var(--h-texte);color:var(--h-rouge)}

/* les preuves */
.vzs-art-gages{grid-area:gages;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;list-style:none!important;margin:0!important;padding:12px 0 0!important;border-top:1px solid var(--h-filet)}
.vzs-art-gages li{display:inline-flex;align-items:center;gap:9px;margin:0!important;padding:0!important;font:500 10.5px/1.4 var(--h-repere);letter-spacing:.14em;text-transform:uppercase;color:var(--h-brun)}
.vzs-art-gages li::before{content:"";flex:0 0 5px;width:5px;height:5px;background:var(--h-or);transform:rotate(45deg)}
.vzs-art .vzs-art-gages a{color:var(--h-rouge)!important;border-bottom:1px solid rgba(169,17,1,.3);transition:border-color .25s}
.vzs-art .vzs-art-gages a:hover{border-bottom-color:var(--h-rouge)}

/* l'appel : le sceau du temple, « Écrire au temple », et l'offre dessous */
.vzs-art-cta{grid-area:cta;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.vzs-art .vzs-art-btn{min-height:58px;padding:7px 28px 7px 8px;gap:13px;letter-spacing:0;text-transform:none;white-space:normal;text-align:left}
.vzs-art .vzs-art-btn .vzs-wa-sceau{flex-basis:42px;width:42px;height:42px}
.vzs-art-btn-t{display:flex;flex-direction:column;align-items:flex-start}
.vzs-art-btn-t b{font:500 12.5px/1.1 var(--h-repere);letter-spacing:.16em;text-transform:uppercase}
.vzs-art-btn-t small{margin-top:4px;font:italic 400 15px/1.15 var(--h-titre);letter-spacing:0;opacity:.88}
.vzs-art-cta p{flex:1 1 180px;margin:0!important;font:400 14px/1.45 var(--h-texte)!important;color:var(--h-brun)!important}

/* le témoignage filmé */
.vzs-art-video{grid-area:video;position:relative;display:block;width:112px;color:#fff!important}
.vzs-art-vid{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border:2px solid var(--h-blanc);border-radius:10px;outline:1px solid var(--h-or);outline-offset:2px;background:#2b2118}
.vzs-art-vid img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:cover;transition:transform .6s}
.vzs-art-video:hover .vzs-art-vid img{transform:scale(1.05)}
.vzs-art-play{position:absolute;left:50%;top:44%;width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid #fff;border-radius:50%;background:var(--h-rouge);transition:transform .3s}
.vzs-art-play::after{content:"";position:absolute;left:14px;top:11px;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff}
.vzs-art-play::before{content:"";position:absolute;inset:-1px;border:1px solid #fff;border-radius:50%;animation:vzs-art-pouls 2.4s ease-out infinite}
.vzs-art-video:hover .vzs-art-play{transform:scale(1.08)}
@keyframes vzs-art-pouls{from{transform:scale(1);opacity:.9}to{transform:scale(1.8);opacity:0}}
.vzs-art-vid-t{position:absolute;left:2px;right:2px;bottom:2px;padding:6px 2px 5px;border-radius:0 0 8px 8px;background:var(--h-rouge);font:600 9px/1 var(--h-repere);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:#fff}

/* la date, le temps de lecture */
.vzs-art-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:2px 0 0!important;padding:12px 0 0!important;border-top:1px solid var(--h-filet);font:500 10.5px/1.4 var(--h-repere)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--h-cendre)!important}
.vzs-art-meta>*+*::before{content:"";display:inline-block;width:4px;height:4px;margin:0 12px 2px;background:var(--h-or);transform:rotate(45deg)}

/* téléphone : compact. Le nom et le titre sont déjà dans l'en-tête du site : ici, le nom tient sur une ligne. */
@media (max-width:600px){
    .vzs-art{margin-bottom:24px;padding:13px 13px 13px;border-radius:4px}
    .vzs-art-g{grid-template-columns:minmax(0,1fr) 62px;grid-template-areas:"sur video" "qui video" "gages video" "meta video" "cta cta";column-gap:12px;row-gap:7px}
    .vzs-art-sur{gap:8px;font-size:9px!important;letter-spacing:.09em}
    .vzs-art-sur::before{flex-basis:14px}
    .vzs-art-qui{gap:8px}
    .vzs-art-portrait{flex-basis:30px;width:30px;height:30px;padding:1.5px;border-width:1.5px}
    .vzs-art-portrait::after{display:none}
    .vzs-art-nom{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:6px}
    .vzs-art-nom b{font-size:21px}
    .vzs-art-nom em{margin:0;font-size:13.5px}
    .vzs-art-nom span{display:none}
    .vzs-art-gages{gap:2px 12px;padding-top:7px!important}
    .vzs-art-gages li{gap:7px;font-size:9px;letter-spacing:.07em}
    .vzs-art-gages .vzs-art-ans{display:none}
    .vzs-art-meta{flex-direction:column;align-items:flex-start;gap:1px;margin:0!important;padding:6px 0 0!important;border-top:0;font-size:8.5px!important;letter-spacing:.06em}
    .vzs-art-meta>*+*::before{display:none}
    .vzs-art-meta:has(.vzs-art-maj) .vzs-art-pub{display:none}
    .vzs-art-video{width:62px;align-self:center}
    .vzs-art-vid{border-radius:8px;outline-offset:1px}
    .vzs-art-play{width:26px;height:26px;margin:-13px 0 0 -13px}
    .vzs-art-play::after{left:9px;top:7px;border-width:5.5px 0 5.5px 8.5px}
    .vzs-art-vid-t{padding:4px 1px 3px;border-radius:0 0 6px 6px;font-size:6.5px;letter-spacing:.03em}
    .vzs-art-cta{margin-top:4px}
    .vzs-art .vzs-art-btn{width:100%;min-height:54px;padding:6px 18px 6px 7px}
    .vzs-art .vzs-art-btn .vzs-wa-sceau{flex-basis:38px;width:38px;height:38px}
    .vzs-art-btn-t b{font-size:12px;letter-spacing:.14em}
    .vzs-art-btn-t small{font-size:14px}
    .vzs-art-cta p{display:none}
}
@media (max-width:360px){
    .vzs-art-g{grid-template-areas:"qui video" "gages video" "meta video" "cta cta"}
    .vzs-art-sur{display:none!important}
    .vzs-art-btn-t small{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
    .vzs-art-play::before{animation:none!important}
    .vzs-art-vid img,.vzs-art-play{transition:none!important}
}

/* ═══ Les images et les polices des guides ═══
   Les images d'origine sont remplacées à l'affichage (inc/images.php) par le portrait filmé par France 24 et
   par les photographies du temple : elles prennent la place des anciennes sans se déformer. Les polices des
   guides deviennent celles de la charte (inc/vitesse.php) ; Instrument Serif n'a qu'une graisse : pas de
   gras imité sur les titres. */
.single-post .entry-content{font-synthesis:style small-caps}
.single-post .entry-content img.vzc-garde{object-fit:cover}
.single-post .entry-content img.vzc-img-temple{object-position:50% 42%;max-height:min(80vh,600px)}
.single-post .entry-content img.vzc-portrait-f24{object-position:50% 38%;max-height:min(80vh,600px)}
.single-post .entry-content img.vzc-auteur{object-position:50% 30%}