/* annonce-sex-wallonie.be — registre « cerise et ardoise »
   Palette : cerise #b23a48 (couleur du site / favicon) · ardoise #2b353b (encre, tête, pied, moteur)
             · sable chaud #f6eee3 (fond) · ivoire #fffaf3 (surfaces) · grès #ead9c4 (tuiles)
   Composition : bandeau d'ardoise à bord ondulé (logo à gauche, nav à droite), hero en deux colonnes
   avec carte d'accès en ARCHE, lignes d'annonce en tuiles ivoire à vignette en arche + cartouche
   d'ardoise pour la catégorie, moteur de recherche en ardoise, fiche avec photo en arche et carte
   CTA centrée, pied d'ardoise ondulé. Formes signature : arche, vague, pilule, cerises en motif. */

.aa.skin-1 {
  --cer: #b23a48; --cer-f: #8e2c39; --cer-c: #f2a7ae;
  --ard: #2b353b; --ard-2: #364249; --ard-txt: #f4ece1; --ard-muet: #cfc6ba;
  --sable: #f6eee3; --ivoire: #fffaf3; --gres: #ead9c4;
  --aa-fond: var(--sable); --aa-surface: var(--ivoire); --aa-texte: #2b2826; --aa-muet: #5c5753;
  --aa-bord: #e2d2bd; --aa-secondaire: var(--ard);
  --aa-tete: var(--ard); --aa-tete-txt: var(--ard-txt);
  --aa-pied: var(--ard); --aa-pied-txt: var(--ard-txt);
  --aa-rayon: 18px; --aa-rayon-s: 999px;
  --aa-ombre: 0 14px 34px -20px rgba(142, 44, 57, .45), 0 2px 6px -3px rgba(43, 53, 59, .12);
  --aa-police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b23a48' d='M12 21s-7.5-4.6-10-9.3C.4 8.4 2.4 4 6.3 4c2.3 0 3.8 1.3 4.7 2.7C11.9 5.3 13.4 4 15.7 4 19.6 4 21.6 8.4 20 11.7 17.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");
  --cerises: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23364249' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M38 8c-6 8-14 18-18 32M38 8c2 10 6 20 6 32'/%3E%3Cpath d='M38 8c6-4 12-3 16 0-5 4-11 4-16 0z' fill='%23364249' fill-opacity='.18'/%3E%3C/g%3E%3Ccircle cx='19' cy='46' r='9' fill='%23b23a48'/%3E%3Ccircle cx='45' cy='46' r='9' fill='%23b23a48'/%3E%3Ccircle cx='16' cy='43' r='2.4' fill='%23fff' fill-opacity='.55'/%3E%3Ccircle cx='42' cy='43' r='2.4' fill='%23fff' fill-opacity='.55'/%3E%3C/svg%3E");
}
.aa.skin-1 .aa-h1, .aa.skin-1 .aa-h2, .aa.skin-1 .aa-fiche__titre { color: var(--ard); }

/* ---------- bandeau d'ardoise, bord ondulé ---------- */
.aa.skin-1 .aa-header { border-bottom: 0; box-shadow: 0 10px 24px -18px rgba(43, 53, 59, .7); }
.aa.skin-1 .aa-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -11px; height: 12px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'%3E%3Cpath d='M0 0h40v2c-5 0-5 8-10 8S25 2 20 2 15 10 10 10 5 2 0 2z' fill='%232b353b'/%3E%3C/svg%3E") repeat-x 0 0 / 40px 12px; }
.aa.skin-1 .aa-logo { font-size: 1.4rem; letter-spacing: 0; }
.aa.skin-1 .aa-logo__mark { width: 13px; height: 13px; border-radius: 50%; transform: none; background: var(--cer); box-shadow: 8px 3px 0 -1px var(--cer-c); margin-right: .45rem; }
.aa.skin-1 .aa-burger { border: 1px solid rgba(244, 236, 225, .25); }
@media (min-width: 801px) {
  .aa.skin-1 .aa-header__in { flex-direction: row; justify-content: space-between; padding-block: .55rem; gap: 1rem; }
  .aa.skin-1 .aa-logo { font-size: 1.55rem; }
  .aa.skin-1 .aa-nav { border-top: 0; width: auto; }
  .aa.skin-1 .aa-nav ul { gap: .25rem; }
  .aa.skin-1 .aa-nav a { color: var(--ard-txt); letter-spacing: .06em; border-radius: 999px; border-bottom: 0; padding: .5rem .85rem; }
  .aa.skin-1 .aa-nav a:hover, .aa.skin-1 .aa-nav a.is-actif { background: rgba(244, 236, 225, .12); }
  .aa.skin-1 .aa-nav__cta a { border-radius: 999px; padding: .55rem 1.15rem; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .6); }
}
@media (max-width: 800px) {
  .aa.skin-1 .aa-nav { background: var(--ard-2); border-bottom: 0; border-radius: 0 0 22px 22px; padding-top: 1rem; }
  .aa.skin-1 .aa-nav a { color: var(--ard-txt); border-radius: 12px; }
  .aa.skin-1 .aa-nav__cta a { border-radius: 999px; }
}

/* ---------- hero : texte + carte d'accès en arche ---------- */
.aa.skin-1 .aa-hero { text-align: left; border-bottom: 0; padding-block: 2.6rem 2.4rem;
  background: radial-gradient(60% 80% at 92% 30%, rgba(178, 58, 72, .13), transparent 70%),
              var(--sable); }
.aa.skin-1 .aa-hero__txt { position: relative; padding-bottom: 4.5rem;
  background: var(--cerises) no-repeat left bottom / 64px 64px; }
.aa.skin-1 .aa-hero .aa-intro { margin-inline: 0; color: var(--aa-muet); }
.aa.skin-1 .aa-hero__chiffres { display: inline-block; background: var(--ard); color: var(--ard-txt); border-radius: 999px; padding: .35rem 1rem; font-size: .9rem; }
.aa.skin-1 .aa-hero__form { width: min(100%, 470px); justify-self: center; background: var(--ivoire); border: 0;
  border-radius: 240px 240px 26px 26px; padding: 3.4rem 1.6rem 1.6rem; box-shadow: var(--aa-ombre), 0 0 0 8px rgba(255, 250, 243, .55); text-align: center; position: relative; }
.aa.skin-1 .aa-hero__form::before { content: ""; position: absolute; top: 1.2rem; left: 50%; width: 22px; height: 22px; transform: translateX(-50%); background: var(--coeur) center / contain no-repeat; }
.aa.skin-1 .aa-hero__form-h { color: var(--ard); }
.aa.skin-1 .aa-hero__form input[type="text"], .aa.skin-1 .aa-hero__form input[type="email"] { border-radius: 999px; padding-inline: 1.1rem; background: #fff; }
.aa.skin-1 .aa-hero__form .aa-btn { border-radius: 999px; }
@media (min-width: 900px) {
  .aa.skin-1 .aa-hero__in { grid-template-columns: 1.15fr 1fr; justify-items: stretch; gap: 3rem; align-items: center; }
  .aa.skin-1 .aa-hero__txt { max-width: none; }
  .aa.skin-1 .aa-h1 { font-size: 2.5rem; }
}

/* ---------- boutons ---------- */
.aa.skin-1 .aa-btn { border-radius: 999px; letter-spacing: .05em; }
.aa.skin-1 .aa-btn--primaire { box-shadow: 0 10px 22px -12px rgba(142, 44, 57, .8); }
.aa.skin-1 .aa-btn--primaire:hover { background: var(--cer-f); }
.aa.skin-1 .aa-btn--secondaire { background: var(--ivoire); color: var(--ard); border-color: var(--ard); }
.aa.skin-1 .aa-chips li, .aa.skin-1 .aa-chip { background: #fff; border-color: var(--aa-bord); }

/* ---------- lignes d'annonce : tuiles ivoire, vignette en arche ---------- */
.aa.skin-1 .aa-liste { border-top: 0; gap: .8rem; }
.aa.skin-1 .aa-ligne { background: var(--ivoire); border: 1px solid #efe2d1; border-radius: 20px; box-shadow: var(--aa-ombre); padding: .8rem; transition: transform .2s ease, box-shadow .2s ease; }
.aa.skin-1 .aa-ligne:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 20px 40px -22px rgba(142, 44, 57, .55); }
.aa.skin-1 .aa-ligne__img { border-radius: 60px 60px 12px 12px; box-shadow: 0 8px 18px -10px rgba(142, 44, 57, .6); outline: 3px solid #fff; }
.aa.skin-1 .aa-ligne__img img { transition: transform .5s ease; }
.aa.skin-1 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.07); }
.aa.skin-1 .aa-ligne__cat { background: var(--ard); color: var(--ard-txt); border-radius: 999px; padding: .12rem .6rem; letter-spacing: .05em; font-size: .66rem; }
.aa.skin-1 .aa-ligne__titre { font-size: 1.12rem; color: var(--ard); }
.aa.skin-1 .aa-ligne__extrait { opacity: 1; color: #46413d; }
.aa.skin-1 .aa-ligne__lire { background: var(--gres); color: var(--ard); border: 0; border-radius: 999px; padding: .45em 1.1em; min-height: 40px; font-family: var(--aa-police); font-style: normal; font-weight: 700; font-size: .85rem; }
.aa.skin-1 .aa-ligne__lire:hover { background: var(--cer); color: #fff; }
@media (min-width: 720px) { .aa.skin-1 .aa-ligne { padding: .85rem 1.1rem .85rem .85rem; } }

/* ---------- listes de liens / régions ---------- */
.aa.skin-1 .aa-liens li { border-bottom: 1px dotted #d8c4ab; }
.aa.skin-1 .aa-liens__nb, .aa.skin-1 .aa-side__nb { background: var(--gres); color: var(--ard); border-radius: 999px; padding: 0 .5rem; font-size: .75rem; font-weight: 700; }

/* ---------- moteur de recherche en ardoise ---------- */
.aa.skin-1 .aa-bloc--moteur, .aa.skin-1 .aa-filtres { background: var(--ard); color: var(--ard-txt); border: 0; border-radius: 24px; padding: 1.3rem 1.3rem 1.1rem;
  --aa-texte: var(--ard-txt); --aa-muet: var(--ard-muet); --aa-bord: rgba(244, 236, 225, .2); box-shadow: 0 18px 36px -22px rgba(43, 53, 59, .9); }
.aa.skin-1 .aa-bloc--moteur .aa-filtres { padding: 0; box-shadow: none; background: none; }
.aa.skin-1 .aa-bloc--moteur .aa-h2, .aa.skin-1 .aa-bloc--moteur h2 { color: var(--ard-txt); }
.aa.skin-1 .aa-filtres__champ { color: var(--ard-muet); }
.aa.skin-1 .aa-filtres select { background: var(--ivoire); color: #2b2826; border-color: transparent; border-radius: 999px; padding-inline: 1rem; }

/* ---------- colonne latérale ---------- */
.aa.skin-1 .aa-side { background: var(--ivoire); border: 1px solid #efe2d1; border-top: 0; border-radius: 22px; padding: 1.1rem 1.2rem; box-shadow: var(--aa-ombre); position: relative; overflow: hidden; }
.aa.skin-1 .aa-side::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--cer), var(--ard)); }
.aa.skin-1 .aa-side__h { color: var(--cer-f); }
.aa.skin-1 .aa-side__liste li { border-top: 1px dotted #dcc8ae; }

/* ---------- fiche d'annonce ---------- */
.aa.skin-1 .aa-fiche__cat { display: inline-block; background: var(--ard); color: var(--ard-txt); padding: .2rem .75rem; border-radius: 999px; font-size: .72rem; }
.aa.skin-1 .aa-fiche__photo { border-radius: 220px 220px 22px 22px; box-shadow: 0 22px 44px -24px rgba(142, 44, 57, .7), 0 0 0 6px #fff; }
.aa.skin-1 .aa-fiche__miniatures img { border-radius: 40px 40px 10px 10px; }
.aa.skin-1 .aa-fiche__cta--haut { background: linear-gradient(180deg, #fff, var(--ivoire)); border: 1px solid #efe2d1; border-radius: 26px; padding: 1.2rem; box-shadow: var(--aa-ombre); }
.aa.skin-1 .aa-fiche__cta .aa-btn { border-radius: 999px; min-height: 48px; }
.aa.skin-1 .aa-fiche__infos { background: var(--ivoire); border: 1px solid #efe2d1; border-radius: 20px; }
.aa.skin-1 .aa-fiche__plage { background: rgba(178, 58, 72, .1); color: var(--cer-f); border-radius: 999px; padding: .45rem 1rem; }
.aa.skin-1 .aa-fiche__phy { background: var(--ivoire); border: 1px solid #ecdcc6; border-radius: 16px 16px 16px 4px; }
.aa.skin-1 .aa-fiche__physique dt { color: var(--aa-muet); }
.aa.skin-1 .aa-fiche__physique dd { color: var(--ard); }
.aa.skin-1 .aa-repondre { background: var(--ivoire) var(--coeur) no-repeat right 1.1rem top 1.1rem / 22px; border: 1px solid #efe2d1; border-radius: 24px; box-shadow: var(--aa-ombre); }
.aa.skin-1 .aa-repondre input, .aa.skin-1 .aa-repondre textarea, .aa.skin-1 .aa-depot__bloc input, .aa.skin-1 .aa-depot__bloc textarea,
.aa.skin-1 .aa-depot__bloc select { background: #fff; border-radius: 14px; }
.aa.skin-1 .aa-fiche__barre .aa-btn { text-transform: none; letter-spacing: 0; white-space: normal; font-size: .9rem; }

/* ---------- dépôt ---------- */
.aa.skin-1 .aa-depot__bloc { background: var(--ivoire); border: 1px solid #efe2d1; border-radius: 22px; box-shadow: var(--aa-ombre); }

/* ---------- pagination, fil d'Ariane ---------- */
.aa.skin-1 .aa-pagination a, .aa.skin-1 .aa-pagination span { border-radius: 999px; background: var(--ivoire); }
.aa.skin-1 .aa-pagination .is-actif { background: var(--cer); color: #fff; }

/* ---------- pied d'ardoise ondulé ---------- */
.aa.skin-1 .aa-footer { position: relative; border-top: 0; margin-top: 3.2rem; padding-block: 2.6rem 1.4rem; }
.aa.skin-1 .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -11px; height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'%3E%3Cpath d='M0 12h40v-2c-5 0-5-8-10-8S25 10 20 10 15 2 10 2 5 10 0 10z' fill='%232b353b'/%3E%3C/svg%3E") repeat-x 0 0 / 40px 12px; }
.aa.skin-1 .aa-footer a { color: var(--ard-txt); }
.aa.skin-1 .aa-footer a:hover { color: var(--cer-c); }
.aa.skin-1 .aa-footer__h { color: var(--cer-c); opacity: 1; }
.aa.skin-1 .aa-footer__brand { color: var(--ard-txt); }
.aa.skin-1 .aa-footer__brand::before { content: ""; display: inline-block; width: 26px; height: 26px; margin-right: .4rem; vertical-align: -4px; background: var(--cerises) center / contain no-repeat; filter: brightness(1.4); }
.aa.skin-1 .aa-footer__bas { border-top-color: rgba(244, 236, 225, .18); color: var(--ard-muet); }
.aa.skin-1 .aa-footer p, .aa.skin-1 .aa-footer__fictif { color: var(--ard-muet); }

/* ---------- porte d'âge et pop-up ---------- */
.aa.skin-1 .aa-gate__box, .aa.skin-1 .aa-popup__box { border: 0; border-radius: 140px 140px 24px 24px; padding-top: 3rem; background: var(--ivoire); box-shadow: 0 30px 60px -28px rgba(43, 53, 59, .8), 0 0 0 8px rgba(255, 250, 243, .35); }
.aa.skin-1 .aa-gate__mark { border-radius: 50%; }
.aa.skin-1 .aa-popup__box input { border-radius: 999px; padding-inline: 1rem; }
@media (prefers-reduced-motion: reduce) {
  .aa.skin-1 .aa-ligne, .aa.skin-1 .aa-ligne__img img { transition: none; }
  .aa.skin-1 .aa-ligne:hover { transform: none; }
}

/* ---------- tour 2 ---------- */
.aa.skin-1 .aa-fiche__cat a { color: var(--ard-txt); }
.aa.skin-1 .aa-fiche__cat a:hover { color: var(--cer-c); }
.aa.skin-1 .aa-fiche__photo .aa-fiche__new { top: .9rem; right: auto; left: 50%; transform: translateX(-50%); box-shadow: 0 6px 14px -6px rgba(142, 44, 57, .8); padding: .2rem .8rem; }
.aa.skin-1 .aa-side__nb, .aa.skin-1 .aa-liens__nb { align-self: center; line-height: 1.6; }
.aa.skin-1 .aa-hero { border-radius: 0 0 50% 50% / 0 0 46px 46px; }
@media (max-width: 899px) {
  .aa.skin-1 .aa-hero__txt { padding-bottom: 0; background-position: right 4px bottom -6px; background-size: 52px 52px; }
}
@media (max-width: 759px) {
  .aa.skin-1 .aa-fiche__photo--scene { height: min(var(--aa-ph-h, 600px), 46vh, 380px); }
}
.aa.skin-1 .aa-bloc--deposer .aa-deposer-cta { width: min(100%, 440px); margin: 1.6rem auto 0; padding: 2.6rem 1.4rem 1.4rem; text-align: center;
  background: var(--ivoire) var(--coeur) no-repeat center 1rem / 20px; border: 1px solid #efe2d1; border-radius: 120px 120px 24px 24px; box-shadow: var(--aa-ombre); }
.aa.skin-1 .aa-bloc--deposer .aa-btn { width: 100%; min-height: 48px; }