/* Frosted Echoes - pages de prestation
   Charge uniquement sur template-frosted-service.php.
   Complete frosted-accueil.css, qui porte les tokens. */

/* ---------- HERO DE PAGE ---------- */
.fe-page-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(104px,14vw,176px) clamp(56px,8vw,96px);}
.fe-page-hero .fe-wrap{position:relative;z-index:4;display:grid;gap:var(--fe-sm);justify-items:start;}
.fe-page-hero .fe-btn{margin-top:var(--fe-xs);}

/* ---------- FIL D'ARIANE ---------- */
.fe-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;color:rgb(174 191 203/.82);}
.fe-crumb a{color:var(--fe-accent-light);text-decoration:none;}
.fe-crumb a:hover{text-decoration:underline;text-underline-offset:3px;}
.fe-crumb span[aria-hidden]{opacity:.38;}

/* ---------- RAIL LATERAL ---------- */
.fe-rail{display:grid;gap:var(--fe-sm);justify-items:start;}
.fe-rail-list{display:grid;gap:10px;}
.fe-rail-list li{position:relative;padding-left:18px;font-size:.92rem;color:var(--fe-muted);}
.fe-rail-list li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--fe-accent);}

/* ---------- CORPS EDITE DANS WORDPRESS ----------
   Le reset :where() annule les marges des balises nues.
   C'est ici, et seulement ici, qu'on les rend. */
.fe-prose{max-width:var(--fe-measure);}
.fe-prose > * + *{margin-top:var(--fe-sm);}
.fe-prose h2{font-family:var(--fe-font-title);font-weight:300;font-size:clamp(1.5rem,1.25rem + 1.2vw,2.25rem);line-height:1.12;letter-spacing:-.03em;margin-top:var(--fe-lg);}
.fe-prose h2:first-child{margin-top:0;}
.fe-prose h3{font-family:var(--fe-font-title);font-weight:400;font-size:clamp(1.15rem,1.05rem + .45vw,1.4rem);line-height:1.2;letter-spacing:-.02em;margin-top:var(--fe-md);}
.fe-prose p{color:var(--fe-muted);}
.fe-prose ul{display:grid;gap:10px;}
.fe-prose ul li{position:relative;padding-left:20px;color:var(--fe-muted);}
.fe-prose ul li::before{content:'';position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--fe-accent);}
.fe-prose strong{color:var(--fe-ink);font-weight:500;}
.fe-prose a{color:var(--fe-accent);text-decoration:underline;text-underline-offset:3px;}

/* ---------- PRESTATIONS LIEES ----------
   Filets et non cartes : une rangee de cartes identiques est interdite
   par la direction active. */
.fe-siblings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 var(--fe-lg);}
.fe-siblings li{border-top:1px solid var(--fe-line);}
.fe-siblings a{display:grid;gap:6px;padding:var(--fe-sm) 0;text-decoration:none;transition:padding-left var(--fe-dur-hover) var(--fe-ease-glacier);}
.fe-siblings a:hover{padding-left:10px;}
.fe-siblings .fe-t-3{transition:color var(--fe-dur-hover) var(--fe-ease-mist);}
.fe-siblings a:hover .fe-t-3{color:var(--fe-accent);}

@media (prefers-reduced-motion:reduce){.fe-siblings a{transition:none;}}

/* ---------- 28. BLOG ---------- */
.fe-une{display:grid;gap:12px;padding-bottom:var(--fe-lg);border-bottom:1px solid var(--fe-line);max-width:34ch;}
.fe-une{max-width:none;}
.fe-une .fe-t-1{max-width:20ch;}
.fe-une a{text-decoration:none;transition:color var(--fe-dur-hover) var(--fe-ease-mist);}
.fe-une a:hover{color:var(--fe-accent);}
.fe-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0 var(--fe-lg);}
.fe-posts li{border-bottom:1px solid var(--fe-line);}
.fe-posts a{display:grid;gap:8px;padding:var(--fe-md) 0;text-decoration:none;transition:padding-left var(--fe-dur-hover) var(--fe-ease-glacier);}
.fe-posts a:hover{padding-left:10px;}
.fe-posts a:hover .fe-t-3{color:var(--fe-accent);}
.fe-posts .fe-t-3{transition:color var(--fe-dur-hover) var(--fe-ease-mist);max-width:26ch;}
@media (prefers-reduced-motion:reduce){.fe-posts a{transition:none;}}

/* ---------- PAGINATION ---------- */
.fe-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--fe-lg);}
.fe-pagination a,.fe-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--fe-line);border-radius:var(--fe-r-sm);text-decoration:none;font-size:.88rem;color:var(--fe-ink);transition:border-color var(--fe-dur-hover) var(--fe-ease-mist);}
.fe-pagination a:hover{border-color:rgb(var(--fe-rgb-cyan)/.7);}
.fe-pagination .current{background:var(--fe-night);color:var(--fe-glacier);border-color:var(--fe-night);}

/* ---------- 28b. VISUELS D'ARTICLE ---------- */
.fe-shot{display:block;position:relative;overflow:hidden;border-radius:var(--fe-r-md);background:var(--fe-line);aspect-ratio:3/2;}
.fe-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--fe-dur-soft) var(--fe-ease-glacier);}
.fe-shot--une{aspect-ratio:16/9;margin-bottom:4px;}
.fe-shot--article{aspect-ratio:16/9;}
.fe-shot--une:hover img,.fe-posts a:hover .fe-shot img{transform:scale(1.03);}
.fe-posts a:has(.fe-shot):hover{padding-left:0;}
@media (prefers-reduced-motion:reduce){.fe-shot img{transition:none;}.fe-shot--une:hover img,.fe-posts a:hover .fe-shot img{transform:none;}}
.fe-shot-band{margin-block:var(--fe-band) 0;}