/* plan-gay.be — gabarit annoncesastro (skin-2 / compo-4 / fiche-3)
   REGISTRE : « SAFRAN & NOIR, PASTILLES D'ALVÉOLE » — rayon de miel, hexagones, bulles de message.
   Palette : safran du favicon #f57f17 (aplats, texte noir dessus) · safran profond #9e4700 (texte sur clair)
   · noir fumé #15110c (tête, pied, cartes CTA) · sable #f3e7d3 (page) · ivoire #fffaf1 (surfaces)
   · encre #1c140c · muet #5e4b38 · bord #e3cfae.
   Formes : alvéoles hexagonales (vignettes, logo, puces de titres, pastilles de compte, porte d'âge),
   bulles de message à un coin pincé (lignes, formulaires, fiche), pilules (boutons, liens de villes).
   Pas d'arche, pas de rayure, pas de rivet, pas de cercle. */
body.aa.skin-2 {
  color-scheme: light;
  --aa-primaire: #f57f17; --aa-primaire-txt: #1a1208;
  --aa-fond: #f3e7d3; --aa-surface: #fffaf1; --aa-texte: #1c140c; --aa-muet: #5e4b38;
  --aa-bord: #e3cfae; --aa-secondaire: #15110c; --aa-secondaire-txt: #fffaf1;
  --aa-rayon: 20px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 4px rgba(90, 50, 10, .06), 0 16px 32px -18px rgba(200, 95, 10, .45);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --aa-police-titre: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --aa-tete: #15110c; --aa-tete-txt: #f7ecdc; --aa-pied: #15110c; --aa-pied-txt: #eadcc6;
  --aa-erreur: #b3261e;
  --pg-safran: #f57f17; --pg-safran-f: #9e4700; --pg-noir: #15110c; --pg-noir2: #221b13;
  --pg-ivoire: #fffaf1; --pg-sable: #f3e7d3;
  --pg-hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  --pg-hexp: polygon(12% 0, 88% 0, 100% 50%, 88% 100%, 12% 100%, 0 50%);
  --pg-bulle: 22px 22px 22px 5px;
  --pg-alveoles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 98' fill='none' stroke='%23f57f17' stroke-opacity='.2' stroke-width='1.6'/%3E%3C/svg%3E");
  background: radial-gradient(120% 60% at 100% 0, rgba(245, 127, 23, .08), transparent 55%), var(--pg-sable);
}
/* liens de contenu : safran profond (le safran pur ne passe pas 4,5:1 sur clair) */
body.aa.skin-2 .aa-main a:not(.aa-btn) { color: var(--pg-safran-f); }
body.aa.skin-2 .aa-main .aa-crumbs a { color: var(--aa-muet); }
body.aa.skin-2 .aa-crumbs ol { color: var(--aa-muet); }
body.aa.skin-2 .aa-h1, body.aa.skin-2 .aa-h2, body.aa.skin-2 .aa-fiche__titre { color: var(--aa-texte); letter-spacing: -.01em; }
/* puce de titre = alvéole safran */
body.aa.skin-2 .aa-h2 { display: flex; align-items: center; gap: .55rem; }
body.aa.skin-2 .aa-h2::before { content: ""; flex: none; width: .95em; height: 1.05em; clip-path: var(--pg-hex);
  background: linear-gradient(160deg, #ffb45c, var(--pg-safran) 55%, #c85f06); }

/* ---- en-tête : noir fumé, logo en alvéole, nav en pilules ---- */
body.aa.skin-2 .aa-header { border-top: 0; border-bottom: 0; box-shadow: 0 3px 0 var(--pg-safran), 0 12px 24px -14px rgba(0, 0, 0, .6); background: var(--pg-noir); }
body.aa.skin-2 .aa-header__in { min-height: 66px; }
body.aa.skin-2 .aa-logo { color: #fff6e8; text-transform: none; letter-spacing: .01em; font-size: 1.35rem; font-weight: 900; font-family: var(--aa-police-titre); display: inline-flex; align-items: center; gap: .55rem; }
body.aa.skin-2 .aa-logo__mark { width: 26px; height: 30px; clip-path: var(--pg-hex); border-radius: 0;
  background: radial-gradient(circle at 50% 38%, #ffd08a, var(--pg-safran) 50%, #b95505); transition: transform .5s ease; }
body.aa.skin-2 .aa-logo:hover .aa-logo__mark { transform: rotate(60deg); }
body.aa.skin-2 .aa-burger { color: #fff6e8; border: 1px solid rgba(245, 127, 23, .55); border-radius: 12px; }
@media (min-width: 801px) {
  body.aa.skin-2 .aa-nav a { text-transform: none; letter-spacing: 0; font-size: .95rem; color: #f2e4cf; border-radius: 999px; padding: .45rem .95rem; }
  body.aa.skin-2 .aa-nav a:hover, body.aa.skin-2 .aa-nav a.is-actif { background: rgba(245, 127, 23, .16); color: #fff; text-decoration: none; }
  body.aa.skin-2 .aa-nav__cta a { background: var(--pg-safran); color: #1a1208 !important; padding-inline: 1.25rem; box-shadow: 0 6px 18px -6px rgba(245, 127, 23, .75); }
  body.aa.skin-2 .aa-nav__cta a:hover { background: #ff9533; }
}
@media (max-width: 800px) {
  body.aa.skin-2 .aa-nav { background: var(--pg-noir2); color: #f2e4cf; }
  body.aa.skin-2 .aa-nav a { color: #f2e4cf; border-radius: 14px; text-transform: none; }
  body.aa.skin-2 .aa-nav a:hover { background: rgba(245, 127, 23, .16); }
  body.aa.skin-2 .aa-nav__cta a { background: var(--pg-safran); color: #1a1208 !important; margin: .3rem 0; }
}

/* ---- boutons : pilules ---- */
body.aa.skin-2 .aa-btn { border-radius: 999px; font-weight: 800; letter-spacing: .01em; text-transform: none; }
body.aa.skin-2 .aa-btn--primaire { background: linear-gradient(180deg, #ff9230, var(--pg-safran) 60%, #e56f0b); color: #1a1208; border-color: #d96a0a;
  box-shadow: 0 10px 22px -12px rgba(200, 95, 10, .85); }
body.aa.skin-2 .aa-btn--primaire:hover { box-shadow: 0 14px 26px -12px rgba(200, 95, 10, .9); }
body.aa.skin-2 .aa-btn--secondaire { background: var(--pg-ivoire); color: var(--pg-noir); border-color: var(--pg-noir); }
body.aa.skin-2 .aa-btn--secondaire:hover { background: var(--pg-noir); color: #fff6e8; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, .6); }

/* ---- héro : rayon de miel sur noir, formulaire en bulle ivoire ---- */
body.aa.skin-2 .aa-hero { color: #f7ecdc; border-bottom: 0; padding-block: 2.2rem 2.6rem;
  background: var(--pg-alveoles) 0 0 / 56px 98px, radial-gradient(70% 90% at 12% 20%, rgba(245, 127, 23, .32), transparent 62%), linear-gradient(170deg, #241a10, var(--pg-noir) 70%);
  animation: pg-miel 60s linear infinite; }
@keyframes pg-miel { to { background-position: 56px 98px, 0 0, 0 0; } }
body.aa.skin-2 .aa-hero .aa-h1 { color: #fff6e8; font-weight: 900; }
body.aa.skin-2 .aa-hero .aa-h1::after { content: ""; display: block; width: 88px; height: 10px; margin-top: .55rem;
  background: linear-gradient(90deg, var(--pg-safran) 0 26px, transparent 26px 31px, #ffb45c 31px 57px, transparent 57px 62px, #c85f06 62px); }
body.aa.skin-2 .aa-hero .aa-intro { color: #e8d8c0; }
body.aa.skin-2 .aa-hero__chiffres { color: #1a1208; }
body.aa.skin-2 .aa-hero__chiffres span { display: inline-block; background: var(--pg-safran); padding: .3rem .9rem; border-radius: 16px; font-weight: 800; }
body.aa.skin-2 .aa-hero__form { background: var(--pg-ivoire); color: var(--aa-texte); border: 0; border-radius: var(--pg-bulle);
  box-shadow: 0 0 0 6px rgba(245, 127, 23, .22), 0 26px 50px -22px rgba(0, 0, 0, .8); padding: 1.4rem 1.35rem; }
body.aa.skin-2 .aa-hero__form-h { color: var(--pg-noir); }
body.aa.skin-2 .aa-hero__form-p, body.aa.skin-2 .aa-form__aide { color: var(--aa-muet); }

/* ---- champs et puces ---- */
body.aa.skin-2 select, body.aa.skin-2 input[type="text"], body.aa.skin-2 input[type="email"], body.aa.skin-2 input[type="tel"],
body.aa.skin-2 input[type="number"], body.aa.skin-2 input[type="password"], body.aa.skin-2 textarea {
  background: #fff; color: var(--aa-texte); border: 1px solid #d6bf9a; border-radius: 14px; }
body.aa.skin-2 input::placeholder, body.aa.skin-2 textarea::placeholder { color: #7d6852; }
body.aa.skin-2 select:focus, body.aa.skin-2 input:focus, body.aa.skin-2 textarea:focus { outline: 2px solid rgba(245, 127, 23, .55); outline-offset: 1px; border-color: var(--pg-safran); }
body.aa.skin-2 .aa-chips li, body.aa.skin-2 .aa-chip { background: #fff; color: var(--aa-texte); border: 1px solid #d6bf9a; border-radius: 999px; }
body.aa.skin-2 .aa-chip:has(input:checked) { background: #ffe2c2; border-color: var(--pg-safran); font-weight: 700; }
body.aa.skin-2 .aa-chips--lecture li { background: var(--pg-noir); color: #fff1dd; border-color: var(--pg-noir); }
body.aa.skin-2 .aa-form__lbl, body.aa.skin-2 .aa-filtres__champ span { color: var(--aa-texte); font-weight: 700; }

/* ---- blocs de l'accueil ---- */
body.aa.skin-2 .aa-bloc--deposer .aa-deposer-cta { background: var(--pg-noir) var(--pg-alveoles) 0 0 / 56px 98px; border: 0; border-radius: var(--pg-bulle); padding: 1.3rem 1rem; text-align: center;
  box-shadow: 0 18px 34px -20px rgba(0, 0, 0, .7); }
body.aa.skin-2 .aa-bloc--deposer { max-width: 560px; margin-inline: auto; }
body.aa.skin-2 .aa-bloc--deposer .aa-btn--secondaire { background: var(--pg-safran); color: #1a1208; border-color: var(--pg-safran); min-width: min(100%, 280px); }
body.aa.skin-2 .aa-filtres, body.aa.skin-2 .aa-side, body.aa.skin-2 .aa-vide { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-radius: var(--pg-bulle); box-shadow: var(--aa-ombre); color: var(--aa-texte); }
body.aa.skin-2 .aa-side__h { color: var(--pg-safran-f); display: flex; align-items: center; gap: .45rem; letter-spacing: .08em; }
body.aa.skin-2 .aa-side__h::before { content: ""; width: .8em; height: .9em; clip-path: var(--pg-hex); background: var(--pg-safran); }
body.aa.skin-2 .aa-side__liste li { border-top-color: var(--aa-bord); }
body.aa.skin-2 .aa-main .aa-side__liste a, body.aa.skin-2 .aa-main .aa-liens li a { color: var(--aa-texte); }
body.aa.skin-2 .aa-side__nb, body.aa.skin-2 .aa-liens__nb { display: inline-grid; place-items: center; min-width: 2.1em; height: 1.6em; padding: 0 .35em;
  clip-path: var(--pg-hexp); background: #ffe2c2; color: #5a2a00; font-weight: 800; font-size: .78rem; }
body.aa.skin-2 .aa-liens { gap: .45rem; }
body.aa.skin-2 .aa-liens li { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-radius: 999px; padding: .35rem .45rem .35rem .9rem; align-items: center; transition: transform .18s ease, box-shadow .18s ease; }
body.aa.skin-2 .aa-liens li:hover { transform: translateY(-2px); box-shadow: 0 10px 18px -12px rgba(200, 95, 10, .7); border-color: var(--pg-safran); }

/* ---- lignes d'annonce : bulles de message ivoire, vignette en alvéole ---- */
body.aa.skin-2 .aa-liste { gap: .8rem; }
body.aa.skin-2 .aa-ligne { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-left: 1px solid var(--aa-bord); border-radius: var(--pg-bulle); box-shadow: var(--aa-ombre);
  padding: .85rem .95rem; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
body.aa.skin-2 .aa-ligne:hover { background: #fff; border-color: var(--pg-safran); transform: translateY(-2px); box-shadow: 0 20px 34px -20px rgba(200, 95, 10, .6); }
body.aa.skin-2 .aa-ligne__img { background: transparent; border-radius: 0; overflow: visible; filter: drop-shadow(0 6px 8px rgba(120, 60, 5, .3)); }
body.aa.skin-2 .aa-ligne__img img { clip-path: var(--pg-hex); background: #f0dcbd; }
body.aa.skin-2 .aa-ligne--sans-photo .aa-ligne__img { background: transparent; }
body.aa.skin-2 .aa-ligne--sans-photo .aa-ligne__img img { background: #f6e3c7; }
body.aa.skin-2 .aa-ligne__nb { left: 50%; bottom: .1rem; transform: translateX(-50%); background: var(--pg-noir); color: #fff1dd; }
body.aa.skin-2 .aa-ligne__cat { color: var(--pg-safran-f); }
body.aa.skin-2 .aa-ligne__new { background: var(--pg-noir); color: #ffc98f; clip-path: var(--pg-hexp); border-radius: 0; padding: .12rem .75rem; }
body.aa.skin-2 .aa-main .aa-ligne__titre, body.aa.skin-2 .aa-main .aa-ligne__titre a { color: var(--aa-texte); }
body.aa.skin-2 .aa-ligne__meta, body.aa.skin-2 .aa-ligne__date, body.aa.skin-2 .aa-ligne__extrait { color: var(--aa-muet); }
body.aa.skin-2 .aa-ligne__lire { border-radius: 999px; }
body.aa.skin-2 .aa-pagination a, body.aa.skin-2 .aa-pagination span { border-radius: 999px; background: var(--pg-ivoire); color: var(--aa-texte); border-color: var(--aa-bord); }

/* ---- fiche d'annonce ---- */
body.aa.skin-2 .aa-main .aa-fiche__cat a { display: inline-block; background: var(--pg-noir); color: #ffc98f; padding: .2rem .8rem; border-radius: 999px; text-transform: uppercase; font-size: .75rem; letter-spacing: .08em; }
body.aa.skin-2 .aa-fiche__sous { color: var(--aa-muet); }
body.aa.skin-2 .aa-fiche__photo { border-radius: 28px 28px 28px 6px; border: 4px solid var(--pg-noir); box-shadow: 10px 10px 0 var(--pg-safran), 0 24px 40px -22px rgba(0, 0, 0, .6); background: var(--pg-noir); }
body.aa.skin-2 .aa-fiche__new { background: var(--pg-safran); color: #1a1208; clip-path: var(--pg-hexp); border-radius: 0; padding: .2rem .9rem; }
body.aa.skin-2 .aa-fiche__miniatures img { clip-path: var(--pg-hex); border-radius: 0; }
body.aa.skin-2 .aa-fiche__meta { color: var(--aa-muet); }
body.aa.skin-2 .aa-fiche__infos { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-radius: var(--pg-bulle); color: var(--aa-texte); }
body.aa.skin-2 .aa-fiche__infos dt { color: var(--aa-muet); }
body.aa.skin-2 .aa-fiche__cta--haut { background: var(--pg-noir); border: 0; border-left: 0; border-radius: var(--pg-bulle); padding: 1rem;
  background-image: radial-gradient(90% 120% at 100% 0, rgba(245, 127, 23, .3), transparent 60%); box-shadow: 0 20px 36px -20px rgba(0, 0, 0, .75); }
body.aa.skin-2 .aa-fiche__cta--haut .aa-btn--secondaire { background: transparent; color: #fff1dd; border-color: #ffc98f; }
body.aa.skin-2 .aa-fiche__cta--haut .aa-btn--secondaire:hover { background: #fff1dd; color: var(--pg-noir); }
body.aa.skin-2 .aa-fiche__texte > p { color: var(--aa-texte); }
body.aa.skin-2 .aa-fiche__plage { display: inline-block; background: #ffe2c2; color: #4a2300; border-radius: 999px; padding: .4rem 1rem; font-weight: 700; border: 0; }
body.aa.skin-2 .aa-fiche__phy { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-radius: 16px 16px 16px 4px; }
body.aa.skin-2 .aa-fiche__phy dt { color: var(--aa-muet); }
body.aa.skin-2 .aa-fiche__phy dd { color: var(--aa-texte); font-weight: 800; }
body.aa.skin-2 .aa-repondre { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-radius: var(--pg-bulle); padding: 1.1rem 1.1rem 1.3rem; box-shadow: var(--aa-ombre); }
body.aa.skin-2 .aa-repondre__intro, body.aa.skin-2 .aa-form__check { color: var(--aa-muet); }
body.aa.skin-2 .aa-fiche__barre { background: rgba(21, 17, 12, .94); border-top: 3px solid var(--pg-safran); }
body.aa.skin-2 .aa-fiche__barre .aa-btn { border-radius: 16px; }
body.aa.skin-2 .aa-fiche__barre .aa-btn--secondaire { background: transparent; color: #fff1dd; border-color: #ffc98f; }

/* ---- dépôt ---- */
body.aa.skin-2 .aa-depot__bloc { background: var(--pg-ivoire); border: 1px solid var(--aa-bord); border-radius: var(--pg-bulle); box-shadow: var(--aa-ombre); color: var(--aa-texte); }
body.aa.skin-2 .aa-depot__bloc legend { background: var(--pg-noir); color: #ffc98f; padding: .3rem .95rem; border-radius: 999px; font-size: .92rem; }
body.aa.skin-2 .aa-regles { background: #fff1dc; border: 1px dashed #d6a766; border-radius: var(--pg-bulle); color: var(--aa-texte); }

/* ---- porte d'âge et pop-up ---- */
body.aa.skin-2 .aa-gate, body.aa.skin-2 .aa-popup { background: rgba(21, 17, 12, .88); }
body.aa.skin-2 .aa-gate__box, body.aa.skin-2 .aa-popup__box { background: var(--pg-ivoire); color: var(--aa-texte); border: 0; border-radius: var(--pg-bulle); box-shadow: 0 0 0 6px rgba(245, 127, 23, .35), 0 30px 60px -20px rgba(0, 0, 0, .7); }
body.aa.skin-2 .aa-gate__mark { clip-path: var(--pg-hex); border-radius: 0; background: var(--pg-safran); color: #1a1208; }
body.aa.skin-2 .aa-popup__titre, body.aa.skin-2 .aa-gate__box h2 { color: var(--pg-noir); }
body.aa.skin-2 .aa-popup__texte, body.aa.skin-2 .aa-popup__pour { color: var(--aa-muet); }

/* ---- pied : noir, frise d'alvéoles safran ---- */
body.aa.skin-2 .aa-footer { border-top: 6px solid var(--pg-safran); position: relative; padding-top: 3.2rem; background: var(--pg-noir); color: var(--aa-pied-txt); }
body.aa.skin-2 .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 36px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 98' fill='none' stroke='%23f57f17' stroke-opacity='.55' stroke-width='2.4'/%3E%3C/svg%3E") center top / 28px 49px;
  -webkit-mask: linear-gradient(#000, transparent); mask: linear-gradient(#000, transparent); }
body.aa.skin-2 .aa-footer__brand { color: #fff6e8; text-transform: none; letter-spacing: 0; font-size: 1.3rem; }
body.aa.skin-2 .aa-footer__h { color: var(--pg-safran); letter-spacing: .1em; }
body.aa.skin-2 .aa-footer a { color: #eadcc6; }
body.aa.skin-2 .aa-footer a:hover { color: #ffc98f; }
body.aa.skin-2 .aa-footer__fictif { color: #cdbca3; opacity: 1; }
body.aa.skin-2 .aa-footer__bas { border-top-color: rgba(245, 127, 23, .3); opacity: 1; color: #cdbca3; }

@media (max-width: 759px) {
  body.aa.skin-2 .aa-hero { padding-block: 1.3rem 1.8rem; }
  body.aa.skin-2 .aa-fiche__photo { box-shadow: 0 8px 0 var(--pg-safran), 0 20px 34px -20px rgba(0, 0, 0, .6); }
}
@media (prefers-reduced-motion: reduce) {
  body.aa.skin-2 .aa-hero { animation: none; }
  body.aa.skin-2 .aa-logo__mark, body.aa.skin-2 .aa-ligne, body.aa.skin-2 .aa-liens li { transition: none; }
  body.aa.skin-2 .aa-ligne:hover, body.aa.skin-2 .aa-liens li:hover { transform: none; }
}