/* baisergratuitement.be — registre « mandarine et lin »
   Accent : mandarine du favicon #ef6c00 (décor, filets, quartiers) ; boutons en mandarine profonde
   #b84e00 → #a94700 (blanc dessus ≥ 5:1). Liens #a94700 sur lin (5,1:1).
   Neutre chaud : lin #f3ebdf (fond tissé), lin clair #fffaf2 (surfaces), ficelle #e6d6c0 (bords).
   Encre : expresso #2b1d14 (texte, pied de page), muet #6e5847.
   Formes signature : quartier de mandarine (logo + coin du hero), vignettes et photo de fiche en ARCHE
   cerclée de mandarine, coutures pointillées dans les cartes (lin piqué), étiquettes à œillet (liens),
   ligne d'annonce à zeste à gauche, cœur en filigrane dans la carte d'inscription, pied festonné. */

html:not(#_) body.aa {
  --bg-mand: #ef6c00;
  --bg-mand-clair: #ff9a3d;
  --bg-mand-pale: #ffe9d4;
  --bg-mand-fonce: #b84e00;
  --bg-mand-encre: #a94700;
  --bg-lin: #f3ebdf;
  --bg-lin-clair: #fffaf2;
  --bg-ficelle: #e6d6c0;
  --bg-encre: #2b1d14;
  --bg-muet: #6e5847;
  --aa-primaire: var(--bg-mand-fonce);
  --aa-primaire-txt: #fff;
  --aa-fond: var(--bg-lin);
  --aa-surface: var(--bg-lin-clair);
  --aa-texte: var(--bg-encre);
  --aa-muet: var(--bg-muet);
  --aa-bord: var(--bg-ficelle);
  --aa-secondaire: #7a3400;
  --aa-tete: var(--bg-lin);
  --aa-tete-txt: var(--bg-encre);
  --aa-rayon: 22px;
  --aa-rayon-s: 14px;
  --aa-ombre: 0 18px 34px -24px rgba(184, 78, 0, .55), 0 3px 8px -4px rgba(43, 29, 20, .14);
  --aa-police: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --aa-police-titre: Rockwell, "Roboto Slab", "Courier New", Georgia, serif;
  color: var(--bg-encre);
  background:
    radial-gradient(60% 34% at 100% 0%, rgba(239, 108, 0, .10), transparent 70%),
    repeating-linear-gradient(0deg, rgba(110, 88, 71, .035) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(110, 88, 71, .03) 0 1px, transparent 1px 4px),
    var(--bg-lin);
}
html:not(#_) body.aa a { color: var(--bg-mand-encre); }
html:not(#_) body.aa .aa-btn--primaire, html:not(#_) body.aa .aa-nav__cta a {
  background: linear-gradient(180deg, #c45500, var(--bg-mand-encre));
  color: #fff !important;
  box-shadow: 0 10px 22px -12px rgba(184, 78, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .22);
}
html:not(#_) body.aa .aa-btn--secondaire {
  background: var(--bg-mand-pale); color: #7a3400; border: 2px solid rgba(239, 108, 0, .35);
}

/* ---------- en-tête : bande de lin, couture pointillée, logo en quartier de mandarine ---------- */
html:not(#_) .skin-6 .aa-header {
  padding: 0 var(--aa-gout); border-top: 4px solid var(--bg-mand);
  background: color-mix(in srgb, var(--bg-lin) 92%, transparent); backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px -20px rgba(43, 29, 20, .5);
}
html:not(#_) .skin-6 .aa-header::after {
  content: ""; display: block; height: 0; border-bottom: 2px dashed rgba(239, 108, 0, .45);
  margin: 0 calc(-1 * var(--aa-gout));
}
html:not(#_) .skin-6 .aa-header__in {
  max-width: var(--aa-max); margin: 0 auto; background: transparent; backdrop-filter: none;
  border-radius: 0; box-shadow: none; padding: .45rem 0; min-height: 64px;
}
html:not(#_) .skin-6 .aa-logo { font-style: normal; font-weight: 700; font-size: 1.3rem; color: var(--bg-encre); gap: .7rem; }
html:not(#_) .skin-6 .aa-logo__mark {
  width: 26px; height: 26px; border-radius: 50%;
  background:
    radial-gradient(circle, #fff 0 2px, transparent 2.5px),
    repeating-conic-gradient(from 10deg, var(--bg-mand) 0 40deg, #ffb066 40deg 45deg);
  box-shadow: 0 0 0 3px var(--bg-lin-clair), 0 0 0 5px rgba(239, 108, 0, .35), 0 6px 12px -6px rgba(184, 78, 0, .8);
}
html:not(#_) .skin-6 .aa-nav a { border-radius: 12px 12px 12px 3px; color: var(--bg-encre); font-weight: 600; }
html:not(#_) .skin-6 .aa-nav a:hover, html:not(#_) .skin-6 .aa-nav a.is-actif { background: var(--bg-mand-pale); color: #7a3400; }
html:not(#_) .skin-6 .aa-nav__cta a { border-radius: 999px; padding-inline: 1.1rem; }
@media (max-width: 800px) {
  html:not(#_) .skin-6 .aa-nav { background: var(--bg-lin-clair); border-radius: 0 0 22px 22px; box-shadow: var(--aa-ombre); outline: 2px dashed rgba(239, 108, 0, .3); outline-offset: -8px; }
}

/* ---------- hero : quartier de mandarine en coin, H1 souligné d'un zeste ---------- */
html:not(#_) .skin-6 .aa-hero {
  position: relative; overflow: hidden; padding-top: 2.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(239, 108, 0, .16) 0 150px, transparent 151px),
    radial-gradient(circle at 100% 0, rgba(239, 108, 0, .08) 0 230px, transparent 231px);
}
html:not(#_) .skin-6 .aa-hero .aa-h1 { font-weight: 700; letter-spacing: -.01em; color: var(--bg-encre); }
html:not(#_) .skin-6 .aa-hero .aa-h1::after {
  content: ""; display: block; width: 86px; height: 12px; margin-top: .5rem;
  border-radius: 0 0 86px 86px; background: linear-gradient(90deg, var(--bg-mand), var(--bg-mand-clair));
}
html:not(#_) .skin-6 .aa-hero__chiffres { color: #7a3400; }
html:not(#_) .skin-6 .aa-hero__form {
  position: relative; border-radius: 40px 40px 22px 22px; padding: 1.7rem 1.5rem 1.5rem;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ef6c00' fill-opacity='.08' d='M12 21s-7.5-4.6-9.6-9.1C.9 8.6 3 5 6.6 5c2.1 0 3.6 1.2 5.4 3.1C13.8 6.2 15.3 5 17.4 5 21 5 23.1 8.6 21.6 11.9 19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") no-repeat right -26px bottom -30px / 170px,
    var(--bg-lin-clair);
  outline: 2px dashed rgba(239, 108, 0, .32); outline-offset: -10px;
  box-shadow: 0 26px 46px -28px rgba(184, 78, 0, .7);
}
html:not(#_) .skin-6 .aa-hero__form::before {
  content: ""; position: absolute; top: -12px; left: 50%; width: 64px; height: 24px; transform: translateX(-50%);
  border-radius: 0 0 64px 64px; background: var(--bg-mand); box-shadow: 0 6px 12px -6px rgba(184, 78, 0, .9);
}
html:not(#_) .skin-6 .aa-hero__form-h { color: var(--bg-encre); }
html:not(#_) .skin-6 .aa-hero__form-p { color: var(--bg-muet); }

/* ---------- bloc « passer une annonce » : carte centrée, avec de l'air ---------- */
html:not(#_) .aa-compo-4 .aa-bloc--deposer .aa-deposer-cta {
  max-width: 560px; margin: 0 auto; padding: 1.6rem 1.4rem; text-align: center;
  background: radial-gradient(circle at 50% 0, rgba(239, 108, 0, .14), transparent 60%), var(--bg-lin-clair);
  border: 0; border-radius: 999px; box-shadow: var(--aa-ombre);
  outline: 2px dashed rgba(239, 108, 0, .35); outline-offset: -9px;
}
@media (max-width: 640px) { html:not(#_) .aa-compo-4 .aa-bloc--deposer .aa-deposer-cta { border-radius: 30px; } }

/* ---------- filtres / moteur ---------- */
html:not(#_) .skin-6 .aa-filtres { background: var(--bg-lin-clair); border-radius: 18px 18px 18px 4px; border-left: 5px solid var(--bg-mand); }
html:not(#_) .skin-6 .aa-filtres__champ { color: var(--bg-muet); }
html:not(#_) .skin-6 select, html:not(#_) .skin-6 input[type="text"], html:not(#_) .skin-6 input[type="email"],
html:not(#_) .skin-6 input[type="tel"], html:not(#_) .skin-6 input[type="number"], html:not(#_) .skin-6 textarea {
  background: #fff; border: 1.5px solid var(--bg-ficelle); border-radius: 12px; color: var(--bg-encre);
}
html:not(#_) .skin-6 h2.aa-h2, html:not(#_) .skin-6 .aa-bloc__tete .aa-h2 { color: var(--bg-encre); }
html:not(#_) .skin-6 .aa-bloc__tete .aa-h2::before {
  content: ""; display: inline-block; width: .7em; height: .7em; margin-right: .45em; vertical-align: -.02em; border-radius: 50%;
  background: repeating-conic-gradient(var(--bg-mand) 0 40deg, #ffb066 40deg 45deg);
}

/* ---------- lignes d'annonce : carte de lin à zeste, vignette en arche ---------- */
html:not(#_) .skin-6 .aa-liste { gap: .9rem; }
html:not(#_) .skin-6 .aa-ligne {
  background: var(--bg-lin-clair); border-radius: 22px 22px 22px 6px;
  box-shadow: inset 5px 0 0 var(--bg-mand), 0 16px 30px -24px rgba(184, 78, 0, .6), 0 2px 6px -3px rgba(43, 29, 20, .12);
}
html:not(#_) .skin-6 .aa-ligne:hover {
  transform: translateY(-2px);
  box-shadow: inset 8px 0 0 var(--bg-mand), 0 24px 40px -24px rgba(184, 78, 0, .75), 0 2px 6px -3px rgba(43, 29, 20, .12);
}
html:not(#_) .skin-6 .aa-ligne__img {
  border-radius: 999px 999px 14px 14px; margin-left: .3rem;
  box-shadow: 0 0 0 3px var(--bg-lin-clair), 0 0 0 5px rgba(239, 108, 0, .45);
}
html:not(#_) .skin-6 .aa-ligne__cat { background: var(--bg-mand-pale); color: #7a3400; }
html:not(#_) .skin-6 .aa-ligne__new { background: var(--bg-encre); color: #ffd2a6; }
html:not(#_) .skin-6 .aa-ligne__titre { color: var(--bg-encre); font-weight: 700; }
html:not(#_) body.aa .aa-ligne__titre a { color: var(--bg-encre); }
html:not(#_) body.aa .aa-ligne__titre a:hover { color: var(--bg-mand-encre); }
html:not(#_) .skin-6 .aa-ligne__meta, html:not(#_) .skin-6 .aa-ligne__date { color: var(--bg-muet); }
html:not(#_) .skin-6 .aa-ligne__extrait { opacity: 1; color: #4a3a2e; }
html:not(#_) .skin-6 .aa-ligne__lire { background: var(--bg-mand-pale); color: #7a3400; box-shadow: none; border: 1.5px solid rgba(239, 108, 0, .35); }
html:not(#_) .skin-6 .aa-ligne__lire:hover { background: var(--bg-mand-fonce); color: #fff; }

/* ---------- liens (catégories, villes, régions) : étiquettes à œillet ---------- */
html:not(#_) .skin-6 .aa-liens li {
  box-shadow: 0 8px 16px -14px rgba(184, 78, 0, .7); border: 1px solid var(--bg-ficelle);
  border-radius: 6px 14px 14px 6px; padding: .45rem .7rem .45rem 1.35rem;
  background: radial-gradient(circle at 11px 50%, var(--bg-lin) 0 3.5px, rgba(239, 108, 0, .5) 4px 5px, transparent 5.5px), var(--bg-lin-clair);
}
html:not(#_) .skin-6 .aa-liens li a { color: var(--bg-encre); font-weight: 600; }
html:not(#_) .skin-6 .aa-liens li:hover { border-color: rgba(239, 108, 0, .6); }
html:not(#_) .skin-6 .aa-liens__nb { color: #7a3400; font-weight: 700; }

/* ---------- colonne latérale ---------- */
html:not(#_) .skin-6 .aa-side { background: var(--bg-lin-clair); border-radius: 22px; outline: 2px dashed rgba(239, 108, 0, .25); outline-offset: -8px; }
html:not(#_) .skin-6 .aa-side__h { color: var(--bg-mand-encre); font-style: normal; font-weight: 700; }
html:not(#_) .skin-6 .aa-side__nb { color: var(--bg-muet); }

/* ---------- fiche : photo en arche cerclée, CTA en carte cousue ---------- */
html:not(#_) .skin-6 .aa-fiche__cat { color: var(--bg-mand-encre); }
html:not(#_) .skin-6 .aa-fiche__titre { color: var(--bg-encre); }
html:not(#_) .skin-6 .aa-fiche__sous { color: var(--bg-muet); }
html:not(#_) .skin-6 .aa-fiche__photo {
  border-radius: 999px 999px 26px 26px;
  box-shadow: 0 0 0 6px var(--bg-lin-clair), 0 0 0 8px var(--bg-mand), 0 28px 44px -26px rgba(184, 78, 0, .8);
}
html:not(#_) .skin-6 .aa-fiche__new { background: var(--bg-encre); color: #ffd2a6; top: auto; bottom: 14px; right: auto; left: 50%; transform: translateX(-50%); white-space: nowrap; }
html:not(#_) .skin-6 .aa-fiche__cta--haut {
  background: var(--bg-lin-clair); border-radius: 24px; outline: 2px dashed rgba(239, 108, 0, .32); outline-offset: -8px;
}
html:not(#_) .skin-6 .aa-fiche__infos { background: var(--bg-lin-clair); border-radius: 18px; }
html:not(#_) .skin-6 .aa-fiche__infos dt, html:not(#_) .skin-6 .aa-fiche__physique dt { color: var(--bg-muet); }
html:not(#_) .skin-6 .aa-fiche__phy { background: #fff; border: 1px solid var(--bg-ficelle); border-radius: 16px 16px 16px 4px; border-top: 3px solid var(--bg-mand); }
html:not(#_) .skin-6 .aa-fiche__plage { background: var(--bg-mand-pale); color: #7a3400; border-radius: 999px; }
html:not(#_) .skin-6 .aa-chips li, html:not(#_) .skin-6 .aa-chip { background: var(--bg-mand-pale); color: #7a3400; }
html:not(#_) .skin-6 .aa-repondre { background: var(--bg-lin-clair); border-radius: 28px; outline: 2px dashed rgba(239, 108, 0, .25); outline-offset: -9px; }
html:not(#_) .skin-6 .aa-fiche__barre { background: color-mix(in srgb, var(--bg-lin-clair) 94%, transparent); box-shadow: 0 -8px 24px -12px rgba(184, 78, 0, .6); }
html:not(#_) .skin-6 .aa-depot__bloc { background: var(--bg-lin-clair); border-radius: 22px; border-top: 4px solid var(--bg-mand); }
html:not(#_) .skin-6 .aa-depot__bloc legend { color: var(--bg-mand-encre); }
html:not(#_) .skin-6 .aa-crumbs ol { color: var(--bg-muet); }
html:not(#_) .skin-6 .aa-pagination .is-actif { background: var(--bg-mand-fonce); color: #fff; }

/* ---------- pied : expresso, bord festonné ---------- */
html:not(#_) .skin-6 .aa-footer {
  position: relative; margin-top: 4rem; padding: 2.4rem var(--aa-gout) 1.2rem;
  background: var(--bg-encre); color: #f3e6d4;
}
html:not(#_) .skin-6 .aa-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: -15px; height: 16px;
  background: radial-gradient(circle at 16px 0, transparent 15px, var(--bg-encre) 15.5px) repeat-x 0 0 / 32px 16px;
}
html:not(#_) .skin-6 .aa-footer__grid, html:not(#_) .skin-6 .aa-footer__bas {
  max-width: var(--aa-max); margin-inline: auto; background: transparent; box-shadow: none; padding: .5rem 0; color: #f3e6d4;
}
html:not(#_) .skin-6 .aa-footer__bas { margin-top: 1.4rem; padding-top: 1rem; border-top: 2px dashed rgba(255, 176, 102, .35); border-radius: 0; opacity: 1; }
html:not(#_) .skin-6 .aa-footer a { color: #f3e6d4; }
html:not(#_) .skin-6 .aa-footer a:hover { color: #ffb066; }
html:not(#_) .skin-6 .aa-footer__h, html:not(#_) .skin-6 .aa-footer__brand { color: #ffb066; font-style: normal; }
html:not(#_) .skin-6 .aa-footer__fictif { color: #c9b49c; opacity: 1; }

/* ---------- porte d'âge et pop-up ---------- */
html:not(#_) .skin-6 .aa-gate { background: rgba(43, 29, 20, .86); }
html:not(#_) .skin-6 .aa-gate__box, html:not(#_) .skin-6 .aa-popup__box {
  background: var(--bg-lin-clair); color: var(--bg-encre); border-radius: 40px 40px 24px 24px; border-top: 6px solid var(--bg-mand);
}
html:not(#_) .skin-6 .aa-gate__mark {
  background: repeating-conic-gradient(from 10deg, var(--bg-mand) 0 40deg, #ffb066 40deg 45deg); color: #fff;
  text-shadow: 0 1px 3px rgba(122, 52, 0, .9); box-shadow: 0 0 0 5px var(--bg-lin-clair), 0 0 0 7px rgba(239, 108, 0, .4);
}

/* mobile : photo un peu plus basse pour que le CTA de la fiche reste dans le premier écran */
@media (max-width: 759px) {
  html:not(#_) .skin-6 .aa-fiche__photo--scene { height: min(var(--aa-ph-h, 600px), 50vh, 440px); }
}

@media (prefers-reduced-motion: reduce) {
  html:not(#_) .skin-6 .aa-ligne, html:not(#_) .skin-6 .aa-ligne:hover { transition: none; transform: none; }
}