/* sauna-libertin.be — registre « bois de sauna & vapeur, pierres chaudes »
   Palette : ambre du favicon #b45f06 (accent foncé #9a4f05 pour texte blanc), lin chaud #f5eadb,
   crème #fffaf2, encre bois #2d1b10, bois sombre #3a2416. Formes : lattes de banc (header/pied),
   volutes de vapeur (héro, pied), galets (vignettes, logo, titres, badges), pilules (boutons). Pas d'arche. */
body.aa.skin-5 {
  --aa-primaire: #9a4f05; --aa-primaire-txt: #fff;
  --aa-fond: #f5eadb; --aa-surface: #fffaf2; --aa-texte: #2d1b10; --aa-muet: #6b4f3c;
  --aa-bord: #e6d2b8; --aa-secondaire: #3a2416; --aa-secondaire-txt: #fff;
  --aa-rayon: 18px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 4px rgba(90, 45, 10, .06), 0 14px 30px -16px rgba(154, 79, 5, .38);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --aa-police-titre: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  --aa-tete: #3a2416; --aa-tete-txt: #f6e8d6; --aa-pied: #2e1c11; --aa-pied-txt: #efdfca;
  --sl-bois: #3a2416; --sl-ambre: #b45f06; --sl-lin: #f5eadb; --sl-creme: #fffaf2;
  --sl-galet: 46% 54% 44% 56% / 56% 46% 54% 44%;
  background:
    repeating-linear-gradient(0deg, transparent 0 46px, rgba(154, 79, 5, .035) 46px 48px),
    var(--sl-lin);
}
/* titres : serif chaud, plus de capitales Impact du skin */
body.aa.skin-5 .aa-h1, body.aa.skin-5 .aa-h2, body.aa.skin-5 .aa-fiche__titre, body.aa.skin-5 .aa-logo,
body.aa.skin-5 .aa-footer__brand, body.aa.skin-5 .aa-depot__bloc legend, body.aa.skin-5 .aa-popup__titre,
body.aa.skin-5 .aa-gate__box h2, body.aa.skin-5 .aa-ligne__titre, body.aa.skin-5 .aa-side__h, body.aa.skin-5 .aa-footer__h {
  text-transform: none; letter-spacing: 0; font-family: var(--aa-police-titre); font-weight: 700;
}
body.aa.skin-5 .aa-h2 { color: var(--sl-bois); display: flex; align-items: center; gap: .55rem; }
body.aa.skin-5 .aa-h2::before { content: ""; flex: none; width: 1.05em; height: .72em; border-radius: var(--sl-galet);
  background: radial-gradient(circle at 35% 30%, #d9a066, var(--sl-ambre) 55%, #7a3f05); box-shadow: 0 3px 6px -2px rgba(122, 63, 5, .5); }

/* ---- header : lattes de bois sombre ---- */
body.aa.skin-5 .aa-header { position: sticky; border-bottom: 0; color: var(--aa-tete-txt);
  background: repeating-linear-gradient(180deg, #3f2718 0 15px, #36200f 15px 16px, #432a1a 16px 31px, #2f1c10 31px 32px);
  box-shadow: 0 6px 18px -8px rgba(40, 20, 5, .55); }
body.aa.skin-5 .aa-header__in { min-height: 68px; }
body.aa.skin-5 .aa-logo { color: #fff3e3; font-size: 1.55rem; font-style: italic; }
body.aa.skin-5 .aa-logo__mark { width: 26px; height: 18px; border: 0; border-radius: var(--sl-galet);
  background: radial-gradient(circle at 35% 30%, #9d948b, #5f564f 70%); box-shadow: 0 0 0 3px rgba(244, 160, 70, .35), 0 0 14px 2px rgba(244, 140, 40, .45); }
body.aa.skin-5 .aa-burger { border: 1px solid rgba(255, 235, 210, .5); border-radius: 12px; color: #fff3e3; }
@media (min-width: 801px) {
  body.aa.skin-5 .aa-nav { border-top: 1px solid rgba(255, 230, 200, .14); }
  body.aa.skin-5 .aa-nav ul { gap: .3rem; padding: .35rem 0; }
  body.aa.skin-5 .aa-nav li, body.aa.skin-5 .aa-nav__cta { border: 0; }
  body.aa.skin-5 .aa-nav a { text-transform: none; font-weight: 600; font-size: .95rem; padding: .45rem 1rem; border-radius: 999px; color: #f6e8d6; }
  body.aa.skin-5 .aa-nav a:hover, body.aa.skin-5 .aa-nav a.is-actif { background: rgba(255, 225, 190, .14); color: #fff; }
  body.aa.skin-5 .aa-nav__cta a { background: var(--sl-ambre); color: #fff; box-shadow: 0 6px 16px -6px rgba(244, 140, 40, .7); }
  body.aa.skin-5 .aa-nav__cta a:hover { background: #c96c0a; }
}
@media (max-width: 800px) {
  body.aa.skin-5 .aa-nav { background: #3a2416; color: #f6e8d6; border-top: 1px solid rgba(255, 230, 200, .18); }
  body.aa.skin-5 .aa-nav li { border: 0; }
  body.aa.skin-5 .aa-nav a { color: #f6e8d6; border-radius: 12px; text-transform: none; }
  body.aa.skin-5 .aa-nav a:hover, body.aa.skin-5 .aa-nav a.is-actif { background: rgba(255, 225, 190, .14); }
}

/* ---- boutons : pilules chaudes ---- */
body.aa.skin-5 .aa-btn { border-radius: 999px; border-width: 1px; box-shadow: 0 8px 18px -10px rgba(154, 79, 5, .7); text-transform: none; font-weight: 700; letter-spacing: .01em; }
body.aa.skin-5 .aa-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 22px -10px rgba(154, 79, 5, .75); filter: brightness(1.05); }
body.aa.skin-5 .aa-btn:active { transform: translateY(0); box-shadow: 0 4px 10px -6px rgba(154, 79, 5, .7); }
body.aa.skin-5 .aa-btn--primaire { background: linear-gradient(180deg, #ad5a07, #924b05); border-color: #7f4104; color: #fff; }
body.aa.skin-5 .aa-btn--secondaire { background: var(--sl-creme); color: var(--sl-bois); border-color: #b99573; box-shadow: none; }

/* ---- héro : bois chaud et vapeur qui monte ---- */
body.aa.skin-5 .aa-hero { color: #fbeedd; border-bottom: 0; position: relative;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='140' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.13' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M30 132c-16-18 16-30 0-48s16-30 0-48'/%3E%3Cpath d='M112 122c-14-16 14-26 0-42s14-26 0-42'/%3E%3Cpath d='M186 136c-16-18 16-30 0-48s16-30 0-48'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 220px 140px,
    radial-gradient(70% 90% at 85% 10%, rgba(230, 130, 40, .45), transparent 60%),
    linear-gradient(165deg, #7a4117, #4a2a15 55%, #33200f);
  animation: sl-vapeur 26s linear infinite; }
@keyframes sl-vapeur { to { background-position: 0 -140px, 0 0, 0 0; } }
body.aa.skin-5 .aa-hero .aa-h1 { color: #fff4e6; font-weight: 700; }
body.aa.skin-5 .aa-hero .aa-intro, body.aa.skin-5 .aa-hero__chiffres { color: #f3e0c8; opacity: 1; }
body.aa.skin-5 .aa-hero__form { border: 0; border-radius: 28px; background: var(--sl-creme); color: var(--aa-texte);
  box-shadow: 0 24px 48px -22px rgba(20, 8, 0, .75), 0 0 0 6px rgba(255, 220, 180, .12); }
body.aa.skin-5 .aa-hero__form-h { color: var(--sl-bois); font-family: var(--aa-police-titre); }
body.aa.skin-5 .aa-hero__form-p, body.aa.skin-5 .aa-hero__form .aa-form__aide { color: var(--aa-muet); }

/* ---- champs et puces ---- */
body.aa.skin-5 select, body.aa.skin-5 input[type="text"], body.aa.skin-5 input[type="email"], body.aa.skin-5 input[type="tel"],
body.aa.skin-5 input[type="number"], body.aa.skin-5 textarea { border: 1px solid #cfb08f; border-radius: 14px; background: #fff; color: var(--aa-texte); }
body.aa.skin-5 select:focus, body.aa.skin-5 input:focus, body.aa.skin-5 textarea:focus { outline: 2px solid rgba(180, 95, 6, .45); outline-offset: 1px; border-color: var(--sl-ambre); }
body.aa.skin-5 .aa-chips li, body.aa.skin-5 .aa-chip { border: 1px solid #d9bd9c; border-radius: 999px; background: #fff; color: var(--aa-texte); }
body.aa.skin-5 .aa-chip:has(input:checked) { background: #f7e1c6; border-color: var(--sl-ambre); }

/* ---- blocs : cartes crème arrondies, ombre ambrée ---- */
body.aa.skin-5 .aa-filtres, body.aa.skin-5 .aa-side, body.aa.skin-5 .aa-fiche__cta--haut, body.aa.skin-5 .aa-repondre,
body.aa.skin-5 .aa-depot__bloc, body.aa.skin-5 .aa-fiche__infos, body.aa.skin-5 .aa-vide {
  border: 1px solid var(--aa-bord); border-radius: 22px; background: var(--sl-creme); box-shadow: var(--aa-ombre); }
body.aa.skin-5 .aa-side__h { color: var(--sl-bois); font-size: 1.12rem; }
body.aa.skin-5 .aa-side__liste li { border-top: 1px dashed #e0c8aa; }
body.aa.skin-5 .aa-side__liste a { color: #8a4705; }
body.aa.skin-5.aa-compo-4 .aa-bloc--deposer .aa-deposer-cta {
  border: 0; border-radius: 26px; text-align: center; padding: 1.6rem 1rem; max-width: 560px; margin-inline: auto;
  background: radial-gradient(60% 120% at 50% 0%, #fbe2c2, #f6dcc0 40%, #f3d4b2); box-shadow: var(--aa-ombre); }

/* ---- lignes d'annonce : banc de bois + galet ---- */
body.aa.skin-5 .aa-liste { gap: .9rem; }
body.aa.skin-5 .aa-ligne { border: 1px solid var(--aa-bord); border-radius: 20px; background: var(--sl-creme);
  box-shadow: inset 6px 0 0 #c98a4a, var(--aa-ombre); padding: .8rem .9rem .8rem 1.2rem; transition: transform .2s ease, box-shadow .2s ease; }
body.aa.skin-5 .aa-ligne:hover { transform: translateY(-2px); border-color: #d7b48c;
  box-shadow: inset 6px 0 0 var(--sl-ambre), 0 18px 34px -18px rgba(154, 79, 5, .55); }
body.aa.skin-5 .aa-ligne__img { border: 0; border-radius: var(--sl-galet); box-shadow: 0 8px 16px -8px rgba(60, 30, 8, .6); background: #e9d7c1; }
body.aa.skin-5 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.06); }
body.aa.skin-5 .aa-ligne__nb { border: 0; border-radius: 999px; left: 50%; bottom: .45rem; transform: translateX(-50%);
  background: rgba(45, 27, 16, .82); color: #fff4e6; font-weight: 600;
  font-size: .6rem; max-width: 86%; overflow: hidden; text-overflow: ellipsis; padding: .08rem .45rem; }
body.aa.skin-5 .aa-ligne__new { border: 0; border-radius: 999px; background: var(--sl-bois); color: #ffe7c7; }
body.aa.skin-5 .aa-ligne__cat { color: #7c3f04; background: #f7e1c6; border-radius: 999px; padding: .12rem .6rem; }
body.aa.skin-5 .aa-ligne__titre { font-size: 1.1rem; color: var(--sl-bois); }
body.aa.skin-5 .aa-ligne__titre a:hover { color: #8a4705; }
body.aa.skin-5 .aa-ligne__meta { color: var(--aa-muet); }
body.aa.skin-5 .aa-ligne__lire { border: 1px solid #b99573; border-radius: 999px; box-shadow: none; text-transform: none; font-size: .88rem; }
@media (min-width: 720px) { body.aa.skin-5 .aa-ligne { grid-template-columns: 116px minmax(0, 1fr) auto; } body.aa.skin-5 .aa-ligne__img { width: 116px; } }

/* ---- liens villes / catégories : galets plats ---- */
body.aa.skin-5 .aa-liens li { border: 1px solid #e3cbab; border-radius: 999px; background: #fffaf2; padding: .35rem .8rem; }
body.aa.skin-5 .aa-liens li:hover { box-shadow: 0 6px 14px -8px rgba(154, 79, 5, .6); border-color: #cf9f6c; }
body.aa.skin-5 .aa-liens li a { color: #8a4705; }
body.aa.skin-5 .aa-liens__nb { color: var(--aa-muet); }
body.aa.skin-5 .aa-pagination a, body.aa.skin-5 .aa-pagination span { border: 1px solid #dcc2a2; border-radius: 999px; }
body.aa.skin-5 .aa-pagination .is-actif { box-shadow: 0 6px 14px -8px rgba(154, 79, 5, .7); }

/* ---- fiche d'annonce ---- */
body.aa.skin-5 .aa-fiche__titre { color: var(--sl-bois); }
body.aa.skin-5 .aa-fiche__photo { border: 0; border-radius: 34px; box-shadow: 0 0 0 8px #fffaf2, 0 26px 46px -20px rgba(80, 38, 6, .6); }
body.aa.skin-5 .aa-fiche__miniatures img { border: 2px solid #fffaf2; border-radius: 14px; box-shadow: 0 4px 10px -6px rgba(80, 38, 6, .6); }
body.aa.skin-5 .aa-fiche__cta--haut { padding: 1.1rem; background: linear-gradient(180deg, #fffaf2, #fbeedd); }
body.aa.skin-5 .aa-fiche__plage { border: 0; border-radius: 999px; background: #f7e1c6; color: #5b2f06; }
body.aa.skin-5 .aa-fiche__phy { border: 1px solid #ead6bc; border-radius: 16px; background: #fffaf2; }
body.aa.skin-5 .aa-fiche__barre { border-top: 1px solid #e3cbab; background: rgba(255, 250, 242, .95); }
body.aa.skin-5 .aa-repondre .aa-h2 { color: var(--sl-bois); }
body.aa.skin-5 .aa-crumbs a { color: #8a4705; }

/* ---- dépôt : fieldsets crème, légende en pilule bois ---- */
body.aa.skin-5 .aa-depot__bloc legend { background: var(--sl-bois); color: #fff1de; border-radius: 999px; padding: .25rem .9rem; font-size: .95rem; }

/* ---- pied : bois sombre à lattes, bord de vapeur ---- */
body.aa.skin-5 .aa-footer { position: relative; border-top: 0; margin-top: 3.2rem;
  background: repeating-linear-gradient(180deg, #33200f 0 21px, #2a190d 21px 22px), #2e1c11; }
body.aa.skin-5 .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 23px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='23' viewBox='0 0 120 23'%3E%3Cpath d='M0 23V12C20 12 20 2 40 2s20 10 40 10 20-10 40-10v21z' fill='%2333200f'/%3E%3C/svg%3E") 0 0 / 120px 23px repeat-x; }
body.aa.skin-5 .aa-footer__col { border: 0; padding: .6rem 1rem; }
body.aa.skin-5 .aa-footer__h { color: #f2b56e; font-size: 1.02rem; }
body.aa.skin-5 .aa-footer__brand { color: #fff3e3; font-style: italic; }
body.aa.skin-5 .aa-footer a:hover { color: #f2b56e; }
body.aa.skin-5 .aa-footer__bas { border-top: 1px solid rgba(255, 225, 190, .16); }

/* ---- porte d'âge et pop-up ---- */
body.aa.skin-5 .aa-gate__box, body.aa.skin-5 .aa-popup__box { border: 0; border-radius: 28px; background: var(--sl-creme);
  box-shadow: 0 30px 60px -20px rgba(20, 8, 0, .7), 0 0 0 6px rgba(255, 220, 180, .25); }
body.aa.skin-5 .aa-gate__mark { border: 0; border-radius: var(--sl-galet); background: radial-gradient(circle at 35% 30%, #d9a066, var(--sl-ambre) 55%, #7a3f05); color: #fff; }

@media (prefers-reduced-motion: reduce) {
  body.aa.skin-5 .aa-hero { animation: none; }
  body.aa.skin-5 .aa-ligne, body.aa.skin-5 .aa-btn, body.aa.skin-5 .aa-ligne__img img { transition: none; }
}