/* plan-cul-wallonie.be — registre « terre cuite & crème, tomettes »
   Palette : terre cuite du favicon #bf360c (foncé #9c2a08 sous texte blanc), crème #fbf2e6,
   surface ivoire #fffaf3, encre brun #2b1710, muet #6b4636, liseré #ead5bf, pied #2a1811.
   Formes signature : TOMETTES hexagonales (vignettes, logo, puces de titre, frises du header/pied,
   motif du héro), COINS DE TUILE (rayons alternés 22/6 px sur cartes, lignes, fiche, pop-ups),
   ÉTIQUETTES hexagonales allongées (catégories, villes), cœur de terre cuite sur la carte d'accès.
   Pas d'arche, pas de rayure, pas de rivet, pas de cercle, pas de couture. */
body.aa.skin-5 {
  --aa-primaire: #b3320b; --aa-primaire-txt: #fff;
  --aa-fond: #fbf2e6; --aa-surface: #fffaf3; --aa-texte: #2b1710; --aa-muet: #6b4636;
  --aa-bord: #ead5bf; --aa-secondaire: #2b1710; --aa-secondaire-txt: #fff;
  --aa-rayon: 18px; --aa-rayon-s: 6px;
  --aa-ombre: 0 1px 2px rgba(120, 40, 10, .06), 0 16px 32px -18px rgba(191, 54, 12, .42);
  --aa-police: "Segoe UI", "Trebuchet MS", system-ui, -apple-system, Roboto, sans-serif;
  --aa-police-titre: Rockwell, "Roboto Slab", Georgia, serif;
  --aa-tete: #fffaf3; --aa-tete-txt: #2b1710; --aa-pied: #2a1811; --aa-pied-txt: #f1e2d2;
  --tc: #bf360c; --tc-f: #9c2a08; --tc-c: #e08a60; --tc-creme: #fffaf3; --tc-lin: #f6e6d3;
  --tc-tuile: 22px 6px 22px 6px; --tc-tuile-s: 12px 4px 12px 4px;
  --tc-hex: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%);
  --tc-eti: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
  --tc-frise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12'%3E%3Cpolygon points='3,0 13,0 16,6 13,12 3,12 0,6' fill='%23bf360c'/%3E%3Cpolygon points='23,0 33,0 36,6 33,12 23,12 20,6' fill='%23e08a60'/%3E%3C/svg%3E");
  --tc-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23ffffff' fill-opacity='.09' fill-rule='evenodd'/%3E%3C/svg%3E");
  background: var(--aa-fond);
  color: var(--aa-texte);
}

/* ---- typographie : slab chaude, plus de capitales Impact ---- */
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 { display: flex; align-items: center; gap: .6rem; color: var(--aa-texte); font-size: 1.3rem; }
body.aa.skin-5 .aa-h2::before { content: ""; flex: none; width: 1.05em; height: .92em; clip-path: var(--tc-hex);
  background: linear-gradient(135deg, var(--tc-c), var(--tc) 55%, var(--tc-f)); }
body.aa.skin-5 .aa-bloc__tete a, body.aa.skin-5 .aa-lien { color: var(--tc-f); font-weight: 700; }

/* ---- header : ivoire + frise de tomettes ---- */
body.aa.skin-5 .aa-header { position: sticky; background: var(--tc-creme); border-bottom: 0; color: var(--aa-tete-txt);
  box-shadow: 0 10px 22px -18px rgba(120, 40, 10, .6); }
body.aa.skin-5 .aa-header::after { content: ""; display: block; height: 7px; background: var(--tc-frise) 0 50% / 24px 7px repeat-x; opacity: .9; }
body.aa.skin-5 .aa-header__in { min-height: 66px; }
body.aa.skin-5 .aa-logo { color: var(--aa-texte); font-size: 1.6rem; }
body.aa.skin-5 .aa-logo__mark { width: 26px; height: 23px; border: 0; box-shadow: none; clip-path: var(--tc-hex);
  background: linear-gradient(135deg, var(--tc-c), var(--tc) 50%, var(--tc-f)); }
body.aa.skin-5 .aa-burger { border: 1px solid var(--aa-bord); border-radius: var(--tc-tuile-s); background: var(--tc-lin); color: var(--aa-texte); }
@media (min-width: 801px) {
  body.aa.skin-5 .aa-nav { border-top: 1px solid var(--aa-bord); }
  body.aa.skin-5 .aa-nav ul { gap: .2rem; padding: .3rem 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 .95rem; border-radius: var(--tc-tuile-s); color: var(--aa-texte); }
  body.aa.skin-5 .aa-nav a:hover, body.aa.skin-5 .aa-nav a.is-actif { background: var(--tc-lin); color: var(--tc-f); }
  body.aa.skin-5 .aa-nav__cta a { background: var(--aa-primaire); color: #fff; box-shadow: 0 8px 18px -10px rgba(191, 54, 12, .8); }
  body.aa.skin-5 .aa-nav__cta a:hover { background: var(--tc-f); color: #fff; }
}
@media (max-width: 800px) {
  body.aa.skin-5 .aa-nav { background: var(--tc-creme); color: var(--aa-texte); border-top: 1px solid var(--aa-bord); }
  body.aa.skin-5 .aa-nav li { border: 0; }
  body.aa.skin-5 .aa-nav a { color: var(--aa-texte); border-radius: var(--tc-tuile-s); text-transform: none; }
  body.aa.skin-5 .aa-nav a:hover, body.aa.skin-5 .aa-nav a.is-actif { background: var(--tc-lin); color: var(--tc-f); }
}

/* ---- boutons : coins de tuile, terre cuite émaillée ---- */
body.aa.skin-5 .aa-btn { border: 1px solid transparent; border-radius: var(--tc-tuile-s); box-shadow: 0 10px 20px -12px rgba(156, 42, 8, .75);
  text-transform: none; font-weight: 700; letter-spacing: .01em; min-height: 44px; }
body.aa.skin-5 .aa-btn:hover { transform: translateY(-2px); box-shadow: 0 14px 24px -12px rgba(156, 42, 8, .8); filter: none; }
body.aa.skin-5 .aa-btn:active { transform: translateY(0); box-shadow: 0 5px 12px -8px rgba(156, 42, 8, .8); }
body.aa.skin-5 .aa-btn--primaire { background: linear-gradient(180deg, #c23b10, #9c2a08); border-color: #8a2406; color: #fff; }
body.aa.skin-5 .aa-btn--secondaire { background: var(--tc-creme); color: var(--tc-f); border-color: #d9a687; box-shadow: none; }
body.aa.skin-5 .aa-btn--secondaire:hover { background: var(--tc-lin); color: var(--tc-f); box-shadow: 0 10px 20px -14px rgba(156, 42, 8, .6); }

/* ---- héro : terre cuite émaillée, motif de tomettes ---- */
body.aa.skin-5 .aa-hero { border-bottom: 0; color: #fff;
  background: var(--tc-motif), radial-gradient(120% 90% at 85% 10%, #d4541f 0, transparent 55%), linear-gradient(160deg, #bf360c, #8e2507); }
body.aa.skin-5 .aa-hero .aa-h1 { color: #fff; }
body.aa.skin-5 .aa-hero .aa-intro, body.aa.skin-5 .aa-hero__chiffres { color: #fff4ea; opacity: 1; }
body.aa.skin-5 .aa-hero__form { position: relative; background: var(--tc-creme); color: var(--aa-texte); border: 0; border-radius: var(--tc-tuile);
  box-shadow: 0 0 0 6px rgba(255, 244, 230, .25), 0 28px 50px -24px rgba(40, 8, 0, .7); }
body.aa.skin-5 .aa-hero__form::before { content: ""; position: absolute; top: -16px; right: 22px; width: 38px; height: 34px; clip-path: var(--tc-hex);
  background: #fffaf3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.2C1.2 8.6 3.2 5 6.6 5c2 0 3.4 1.1 4.1 2.3h2.6C14 6.1 15.4 5 17.4 5c3.4 0 5.4 3.6 4.1 6.8C19.5 16.4 12 21 12 21z' fill='%23bf360c'/%3E%3C/svg%3E") 50% 55% / 20px no-repeat; }
body.aa.skin-5 .aa-hero__form-h { color: var(--aa-texte); font-family: var(--aa-police-titre); }
body.aa.skin-5 .aa-hero__form-p { color: var(--aa-muet); }

/* ---- champs ---- */
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 #d9bfa6; border-radius: var(--tc-tuile-s); 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 var(--tc-c); outline-offset: 1px; border-color: var(--tc); }

/* ---- cartes génériques : coins de tuile, ombre terre cuite ---- */
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: var(--tc-tuile); background: var(--aa-surface); box-shadow: var(--aa-ombre); }
body.aa.skin-5 .aa-side__h { color: var(--aa-texte); font-size: 1.05rem; }
body.aa.skin-5 .aa-side__liste li { border-top: 1px dashed var(--aa-bord); }
body.aa.skin-5 .aa-side__liste a { color: var(--tc-f); }

/* ---- catégories et villes : étiquettes hexagonales ---- */
body.aa.skin-5 .aa-liens li { border: 0; border-radius: 0; clip-path: var(--tc-eti); background: var(--tc-lin); padding-left: 1rem; padding-right: 1rem; transition: background .15s ease; }
body.aa.skin-5 .aa-liens li a { color: var(--tc-f); font-weight: 600; }
body.aa.skin-5 .aa-liens li:hover { background: #f1d4bd; box-shadow: none; }
body.aa.skin-5 .aa-liens__nb { color: var(--aa-muet); }
body.aa.skin-5.aa-compo-5 .aa-liens--villes li { border-radius: 0; }

/* ---- lignes d'annonce : carreau de tuile, vignette en tomette ---- */
body.aa.skin-5 .aa-liste { gap: .9rem; }
body.aa.skin-5 .aa-ligne { border: 1px solid var(--aa-bord); border-radius: var(--tc-tuile); background: var(--aa-surface);
  box-shadow: 0 1px 2px rgba(120, 40, 10, .05), 0 12px 24px -18px rgba(191, 54, 12, .45); transition: transform .18s ease, box-shadow .18s ease; }
body.aa.skin-5 .aa-ligne:hover { transform: translateY(-2px); border-color: #dfb99c; box-shadow: 0 18px 30px -18px rgba(191, 54, 12, .55); }
body.aa.skin-5 .aa-ligne__img { border: 0; border-radius: 0; overflow: visible; background: transparent; }
body.aa.skin-5 .aa-ligne__img img { clip-path: var(--tc-hex); transition: transform .35s ease; }
body.aa.skin-5 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
body.aa.skin-5 .aa-ligne__nb { border: 0; border-radius: var(--tc-tuile-s); background: var(--aa-texte); color: #fff; font-weight: 700; }
body.aa.skin-5 .aa-ligne__new { border: 0; border-radius: var(--tc-tuile-s); background: var(--aa-primaire); color: #fff; font-weight: 700; }
body.aa.skin-5 .aa-ligne__cat { color: var(--tc-f); background: var(--tc-lin); clip-path: var(--tc-eti); padding: .12rem .7rem; font-weight: 700; }
body.aa.skin-5 .aa-ligne__titre { font-size: 1.08rem; color: var(--aa-texte); }
body.aa.skin-5 .aa-ligne__titre a { color: var(--aa-texte); }
body.aa.skin-5 .aa-ligne__meta, body.aa.skin-5 .aa-ligne__date { color: var(--aa-muet); }
body.aa.skin-5 .aa-ligne__extrait { color: #4a2d22; }
body.aa.skin-5 .aa-ligne__lire { border: 1px solid #d9a687; border-radius: var(--tc-tuile-s); box-shadow: none; background: var(--tc-creme); color: var(--tc-f); text-transform: none; font-size: .85rem; }
@media (min-width: 720px) { body.aa.skin-5 .aa-ligne { grid-template-columns: 120px minmax(0, 1fr) auto; } body.aa.skin-5 .aa-ligne__img { width: 120px; } }

/* ---- pagination ---- */
body.aa.skin-5 .aa-pagination a, body.aa.skin-5 .aa-pagination span { border: 1px solid var(--aa-bord); border-radius: var(--tc-tuile-s); background: var(--aa-surface); color: var(--tc-f); }
body.aa.skin-5 .aa-pagination .is-actif { background: var(--aa-primaire); color: #fff; border-color: var(--aa-primaire); box-shadow: none; }

/* ---- fiche d'annonce ---- */
body.aa.skin-5 .aa-fiche__titre { color: var(--aa-texte); }
body.aa.skin-5 .aa-fiche__cat, body.aa.skin-5 .aa-crumbs a { color: var(--tc-f); }
body.aa.skin-5 .aa-fiche__photo { border: 0; border-radius: var(--tc-tuile); box-shadow: 0 0 0 7px var(--tc-creme), 0 0 0 8px var(--aa-bord), 0 28px 44px -24px rgba(120, 30, 5, .6); }
body.aa.skin-5 .aa-fiche__miniatures img { border: 0; clip-path: var(--tc-hex); }
body.aa.skin-5 .aa-fiche__cta--haut { background: linear-gradient(180deg, var(--tc-creme), var(--tc-lin)); }
body.aa.skin-5 .aa-fiche__plage { border: 0; clip-path: var(--tc-eti); background: #f3d9c5; color: #6e1f06; padding-left: 1rem; padding-right: 1rem; }
body.aa.skin-5 .aa-fiche__phy { border: 1px solid var(--aa-bord); border-radius: var(--tc-tuile-s); background: var(--aa-surface); }
body.aa.skin-5 .aa-fiche__texte { color: #3a2118; }
body.aa.skin-5 .aa-chips li, body.aa.skin-5 .aa-chip { border: 0; border-radius: 0; clip-path: var(--tc-eti); background: var(--tc-lin); color: var(--tc-f); padding-left: .9rem; padding-right: .9rem; }
body.aa.skin-5 .aa-repondre .aa-h2, body.aa.skin-5 .aa-repondre__intro { color: var(--aa-texte); }
body.aa.skin-5 .aa-fiche__barre { border-top: 0; background: rgba(255, 250, 243, .96); box-shadow: 0 -10px 24px -14px rgba(120, 40, 10, .45); }
body.aa.skin-5 .aa-fiche__barre::before { content: ""; position: absolute; left: 0; right: 0; top: -6px; height: 6px; background: var(--tc-frise) 0 50% / 20px 6px repeat-x; }
body.aa.skin-5 .aa-fiche__barre .aa-btn { box-shadow: none; }

/* ---- dépôt ---- */
body.aa.skin-5 .aa-depot__bloc legend { background: var(--aa-texte); color: #fff2e4; border-radius: var(--tc-tuile-s); padding: .25rem .9rem; font-size: .95rem; }
body.aa.skin-5 .aa-form__lbl { color: var(--aa-texte); }
body.aa.skin-5 .aa-form__aide { color: var(--aa-muet); }
body.aa.skin-5 .aa-regles { color: #4a2d22; }

/* ---- pied : brun cuit, frise de tomettes ---- */
body.aa.skin-5 .aa-footer { position: relative; border-top: 0; margin-top: 3rem; background: var(--aa-pied); color: var(--aa-pied-txt); }
body.aa.skin-5 .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -9px; height: 9px; background: var(--tc-frise) 0 50% / 30px 9px repeat-x; }
body.aa.skin-5 .aa-footer__col { border: 0; padding: .6rem 1rem; }
body.aa.skin-5 .aa-footer__h { color: #f0a47d; font-size: 1.02rem; }
body.aa.skin-5 .aa-footer__brand { color: #fff4ea; }
body.aa.skin-5 .aa-footer a { color: #f1e2d2; }
body.aa.skin-5 .aa-footer a:hover { color: #f0a47d; }
body.aa.skin-5 .aa-footer__fictif, body.aa.skin-5 .aa-footer__bas { color: #d9c3b0; }
body.aa.skin-5 .aa-footer__bas { border-top: 1px solid rgba(240, 200, 170, .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: var(--tc-tuile); background: var(--tc-creme); color: var(--aa-texte);
  box-shadow: 0 0 0 1px var(--aa-bord), 0 34px 60px -26px rgba(40, 8, 0, .7); }
body.aa.skin-5 .aa-gate__mark { border: 0; border-radius: 0; clip-path: var(--tc-hex); background: linear-gradient(135deg, var(--tc-c), var(--tc) 55%, var(--tc-f)); color: #fff; }
body.aa.skin-5 .aa-popup__titre, body.aa.skin-5 .aa-gate__box h2 { color: var(--aa-texte); }

/* ---- appel au dépôt : carte centrée, tomette au cœur ---- */
body.aa.skin-5 .aa-bloc--deposer { display: flex; justify-content: center; margin-top: 2rem; }
body.aa.skin-5 .aa-bloc--deposer .aa-deposer-cta { position: relative; width: min(100%, 460px); margin: 0; padding: 2.1rem 1.6rem 1.5rem; text-align: center;
  background: linear-gradient(180deg, var(--tc-creme), var(--tc-lin)); border: 1px solid var(--aa-bord); border-radius: var(--tc-tuile); box-shadow: var(--aa-ombre); }
body.aa.skin-5 .aa-bloc--deposer .aa-deposer-cta::before { content: ""; position: absolute; top: -18px; left: 50%; width: 40px; height: 36px; margin-left: -20px; clip-path: var(--tc-hex);
  background: linear-gradient(135deg, var(--tc-c), var(--tc) 55%, var(--tc-f)); }
body.aa.skin-5 .aa-bloc--deposer .aa-btn { width: 100%; background: linear-gradient(180deg, #c23b10, #9c2a08); border-color: #8a2406; color: #fff; box-shadow: 0 10px 20px -12px rgba(156, 42, 8, .75); }

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