/* club-echangiste-wallonie.be — registre « prune & or pâle, médaillons »
   Accent prune #8a2c5c (favicon) · neutre chaud ivoire/lin #fbf5ec · or pâle #e3c98a (décor seulement,
   or foncé #7a5a18 pour le texte) · encre #2a1320. Signatures : médaillons ronds cerclés d'or
   (vignettes, logo, compteurs, numéros), cartouches à filet d'or, ovale de la fiche, frise de
   médaillons en pied. Le texte reste sur ivoire (encre) ou sur prune profonde (ivoire / or pâle). */

body.aa.skin-5 {
  --aa-accent: #8a2c5c; --aa-teinte: #8a2c5c;
  --aa-primaire: #8a2c5c; --aa-primaire-fonce: #5e1a3d; --aa-primaire-txt: #fffaf2;
  --pr-profond: #2e0d20; --pr-barre: #45132f; --or: #e3c98a; --or-clair: #f3e6c4; --or-fonce: #7a5a18;
  --aa-page: #efe4d4; --aa-fond: #fffaf2; --aa-surface: #fffaf2; --aa-surface-2: #f8efe2;
  --aa-bord: #e6d6bf; --aa-texte: #2a1320; --aa-muet: #6a5360; --aa-lien: #8a2c5c;
  --aa-tete: var(--pr-profond); --aa-tete-txt: #fbf1e3; --aa-barre: var(--pr-barre);
  --aa-bande: #8a2c5c; --aa-bande-txt: #fffaf2; --aa-bande-bord: var(--or);
  --aa-secondaire: #5e1a3d; --aa-pied: #270a1b; --aa-pied-txt: #eadccb; --aa-ok: #7a5a18;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(94, 26, 61, .06), 0 18px 40px -22px rgba(94, 26, 61, .45);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --aa-police-titre: Georgia, "Palatino Linotype", "Book Antiqua", serif;
  background:
    radial-gradient(circle at 12px 12px, rgba(138, 44, 92, .07) 3px, transparent 4px) 0 0 / 34px 34px,
    linear-gradient(180deg, #f1e6d6, #eadcc8);
}

/* ---------- en-tête : prune profonde, filet d'or, logo médaillon ---------- */
body.aa .aa-header { background: linear-gradient(180deg, #3a1029, var(--pr-profond)); box-shadow: 0 3px 0 var(--or), 0 10px 28px -14px rgba(46, 13, 32, .8); }
body.aa .aa-logo__mark { width: 38px; height: 38px; border-radius: 50%; background:
  radial-gradient(circle at 50% 50%, #8a2c5c 0 9px, var(--or) 10px 12px, #5e1a3d 13px 15px, var(--or) 16px 19px);
  box-shadow: 0 0 0 2px rgba(227, 201, 138, .35), 0 4px 10px -4px rgba(0, 0, 0, .6); }
body.aa .aa-logo__txt { font-family: var(--aa-police-titre); font-style: italic; font-weight: 700; letter-spacing: .01em; color: #fff6e8; }
body.aa .aa-logo__sous { color: var(--or); opacity: 1; letter-spacing: .06em; text-transform: uppercase; font-size: .66rem; }
body.aa .aa-header .aa-header__cta { background: linear-gradient(180deg, #f3e1b0, var(--or)); color: #3a1029; border-color: #c9a85e; border-radius: 999px; box-shadow: 0 6px 16px -8px rgba(227, 201, 138, .9); }
body.aa .aa-nav { background: var(--aa-barre); border-top: 1px solid rgba(227, 201, 138, .25); }
body.aa .aa-nav a { color: #f6e9d6; letter-spacing: .02em; }
body.aa .aa-nav a:hover { background: rgba(227, 201, 138, .12); }
body.aa .aa-nav a.is-actif { background: var(--aa-fond); color: #5e1a3d; border-bottom-color: var(--or); border-radius: 12px 12px 0 0; }
body.aa .aa-burger { border-color: rgba(227, 201, 138, .5); color: var(--or); border-radius: 50%; }
@media (max-width: 859px) {
  body.aa .aa-nav { border-top: 0; background: #3a1029; box-shadow: inset 0 0 0 1px rgba(227, 201, 138, .3); }
  body.aa .aa-nav a.is-actif { border-radius: 10px; border-left-color: var(--or); }
}

/* ---------- conteneur + cartouches de section ---------- */
body.aa .aa-main > .aa-wrap { background: var(--aa-fond); border-color: var(--aa-bord); border-radius: 22px; box-shadow: var(--aa-ombre); }
body.aa .aa-h2, body.aa .aa-side__h, body.aa .aa-bande, body.aa .aa-depot__bloc legend {
  background: linear-gradient(90deg, #6e2049, #8a2c5c 60%, #9a3a6a); color: #fffaf2;
  border: 0; border-radius: 999px; padding: .5rem 1.1rem .5rem .55rem; font-family: var(--aa-police-titre);
  font-style: italic; text-transform: none; letter-spacing: .01em; font-size: 1rem; font-weight: 700;
  box-shadow: inset 0 0 0 1px rgba(227, 201, 138, .55), 0 8px 18px -12px rgba(94, 26, 61, .8);
}
body.aa .aa-h2 .aa-ico, body.aa .aa-side__h .aa-ico, body.aa .aa-bande .aa-ico {
  width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: var(--or); color: #5e1a3d; opacity: 1; box-sizing: border-box; }
body.aa .aa-side__h { border-radius: 14px 14px 0 0; margin: -.9rem -.95rem .8rem; }
body.aa .aa-bloc__tete { flex-wrap: wrap; row-gap: .5rem; }
body.aa .aa-bloc__tete .aa-h2 { min-width: min(100%, 15rem); }
body.aa .aa-lien { color: #8a2c5c; }

/* ---------- accueil : cartouche d'intro à médaillon ---------- */
body.aa .aa-hero { position: relative; overflow: hidden; background:
    radial-gradient(circle at calc(100% - 46px) 46px, transparent 26px, rgba(227, 201, 138, .9) 27px 29px, transparent 30px 34px, rgba(227, 201, 138, .6) 35px 36px, transparent 37px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238a2c5c' fill-opacity='.22' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.5 3 5 6.4 5c2.1 0 3.4 1.2 4 2.3h1.2C12.2 6.2 13.5 5 15.6 5 19 5 21.1 8.5 19.6 11.8 17.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") no-repeat calc(100% - 32px) 32px / 28px,
    linear-gradient(135deg, #f7ead9, var(--aa-fond) 72%);
  border: 1px solid var(--aa-bord); border-left: 0; border-radius: 22px; padding: 1.3rem 5.2rem 1.2rem 1.3rem;
  box-shadow: inset 0 0 0 4px var(--aa-fond), inset 0 0 0 5px var(--or-clair); }
body.aa .aa-h1 { font-family: var(--aa-police-titre); color: #3a1029; letter-spacing: 0; }
body.aa .aa-hero__chiffres, body.aa .aa-hero .aa-chip { color: #5e1a3d; }
@media (max-width: 520px) { body.aa .aa-hero { padding-right: 2.6rem; background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238a2c5c' fill-opacity='.22' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.5 3 5 6.4 5c2.1 0 3.4 1.2 4 2.3h1.2C12.2 6.2 13.5 5 15.6 5 19 5 21.1 8.5 19.6 11.8 17.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") no-repeat calc(100% - 14px) 16px / 24px,
    linear-gradient(135deg, #f7ead9, var(--aa-fond) 72%); } }
@media (max-width: 759px) { body.aa .aa-fiche__photo { margin-inline: auto; } }

/* ---------- lignes d'annonce : vignettes en médaillon ---------- */
body.aa .aa-ligne { border-bottom: 1px dashed #e2cfb2; border-radius: 18px; padding-inline: .5rem; }
body.aa .aa-ligne:hover { background: linear-gradient(90deg, #f8ecdc, transparent); }
body.aa .aa-ligne__img { border-radius: 50%; border: 0; padding: 0; background: #f8efe2;
  box-shadow: 0 0 0 2px var(--or), 0 0 0 5px var(--aa-fond), 0 0 0 6px #c9a85e, 0 10px 18px -10px rgba(94, 26, 61, .7); }
body.aa .aa-ligne__img img { border-radius: 50%; }
body.aa .aa-ligne__nb { left: 50%; bottom: 2px; transform: translateX(-50%); background: #3a1029; color: var(--or); }
body.aa .aa-ligne__cat { color: #7a5a18; }
body.aa .aa-ligne__new { background: var(--or-clair); color: #5e1a3d; border: 1px solid #c9a85e; border-radius: 999px; }
body.aa .aa-ligne__titre, body.aa .aa-ligne__titre a { font-family: var(--aa-police-titre); color: #7a2450; }
body.aa .aa-ligne__meta { color: var(--aa-muet); }
body.aa .aa-ligne__meta strong, body.aa .aa-ligne__meta b { color: var(--aa-texte); }

/* ---------- boutons ---------- */
body.aa .aa-btn { border-radius: 999px; }
body.aa .aa-btn--primaire { background: linear-gradient(180deg, #9d3a6c, #7a2450); color: #fffaf2; border-color: #5e1a3d;
  box-shadow: inset 0 0 0 1px rgba(227, 201, 138, .55), 0 10px 20px -12px rgba(94, 26, 61, .9); }
body.aa .aa-btn--secondaire { background: var(--aa-fond); color: #5e1a3d; border-color: #8a2c5c; }
body.aa .aa-btn--secondaire:hover { background: #f8ecdc; }

/* ---------- colonne latérale ---------- */
body.aa .aa-side { background: var(--aa-surface-2); border: 1px solid var(--aa-bord); border-radius: 18px; padding: .9rem .95rem 1rem; box-shadow: 0 12px 26px -20px rgba(94, 26, 61, .6); }
body.aa .aa-side--deposer { background: none; border: 0; box-shadow: none; }
body.aa .aa-side__nb, body.aa .aa-liens__nb { display: inline-grid; place-items: center; min-width: 1.9em; height: 1.9em; padding: 0 .3rem; border-radius: 50%;
  background: var(--aa-fond); color: #7a5a18; border: 1px solid var(--or); font-weight: 700; font-size: .75rem; line-height: 1; }
body.aa .aa-side__liste--inline .aa-side__nb { border: 0; background: none; height: auto; }
body.aa .aa-liens li { border-radius: 999px; background: var(--aa-fond); border-color: var(--aa-bord); padding-left: 1.4rem; }
body.aa .aa-liens li::before { width: 8px; height: 8px; top: 50%; left: .55rem; bottom: auto; transform: translateY(-50%); border-radius: 50%; background: #8a2c5c; box-shadow: 0 0 0 2px var(--or-clair); }
body.aa .aa-chips li, body.aa .aa-chip { background: var(--aa-fond); border-color: #d9c19a; color: #3a1029; }
body.aa select, body.aa input[type="text"], body.aa input[type="email"], body.aa input[type="tel"], body.aa input[type="number"], body.aa textarea {
  border-radius: 12px; border-color: #dcc6a6; background-color: #fffdf8; color: var(--aa-texte); }

/* ---------- étapes / atouts : numéros en médaillon ---------- */
body.aa .aa-etapes li, body.aa .aa-atouts li { background: var(--aa-surface-2); border: 1px solid var(--aa-bord); border-radius: 18px; }
body.aa .aa-etapes li::before, body.aa .aa-depot__bloc legend::before { background: var(--or); color: #3a1029; box-shadow: 0 0 0 2px var(--aa-fond), 0 0 0 3px #c9a85e; font-family: var(--aa-police-titre); }
body.aa .aa-atouts li { border-left: 0; }
body.aa .aa-atouts .aa-atouts__ico { background: var(--or-clair); color: #5e1a3d; box-shadow: 0 0 0 2px var(--or); }

/* ---------- fiche : photo en ovale doré, tableau ivoire ---------- */
body.aa .aa-fiche__titre { font-family: var(--aa-police-titre); color: #3a1029; }
body.aa .aa-fiche__photo { border: 0; border-radius: 50% / 44%; padding: 6px; background: linear-gradient(160deg, var(--or-clair), var(--or) 55%, #c9a85e);
  box-shadow: 0 0 0 4px var(--aa-fond), 0 0 0 5px #d9bd7a, 0 22px 40px -22px rgba(94, 26, 61, .8); }
body.aa .aa-fiche__photo img, body.aa .aa-fiche__img { border-radius: 50% / 44%; }
body.aa .aa-fiche__infos { border-color: var(--aa-bord); border-radius: 18px; background: var(--aa-fond); }
body.aa .aa-fiche__infos > div:nth-child(odd) { background: #f8eee0; }
body.aa .aa-fiche__infos dt { color: #6a4a55; }
body.aa .aa-fiche__infos dd { border-left-color: var(--aa-bord); color: var(--aa-texte); }
body.aa .aa-fiche__cta--haut, body.aa .aa-fiche__cta--bas { border-radius: 20px; }
body.aa .aa-repondre { background: var(--aa-surface-2); border-radius: 20px; }
body.aa .aa-fiche__barre, body.aa .aa-mobar { background: rgba(255, 250, 242, .95); border-top: 2px solid var(--or); }
body.aa .aa-fiche__barre .aa-btn, body.aa .aa-mobar .aa-btn { font-size: .82rem; padding-inline: .35em; }

/* ---------- dépôt : cartes ivoire à filet d'or ---------- */
body.aa .aa-depot__bloc { background: var(--aa-fond); border: 1px solid var(--aa-bord); border-radius: 20px; box-shadow: inset 0 3px 0 var(--or-clair); }
body.aa .aa-regles li { color: var(--aa-texte); }

/* ---------- pagination ---------- */
body.aa .aa-pagination a, body.aa .aa-pagination span { border-radius: 50%; background: var(--aa-fond); border-color: #d9c19a; color: #3a1029; }

/* ---------- pop-up ---------- */
body.aa .aa-popup__box { background: var(--aa-fond); border-radius: 22px; box-shadow: 0 0 0 1px var(--or), 0 30px 60px -20px rgba(46, 13, 32, .7); }
body.aa .aa-popup__tete { background: linear-gradient(180deg, #45132f, var(--pr-profond)); color: #fbf1e3; }

/* ---------- pied : prune nuit, frise de médaillons ---------- */
body.aa .aa-footer { border-top: 0; position: relative; background:
    radial-gradient(circle at 14px 0, var(--or) 0 4px, transparent 5px) 0 0 / 28px 10px repeat-x,
    linear-gradient(180deg, #3a1029, var(--aa-pied) 40%); padding-top: 10px; }
body.aa .aa-footer a { color: #f3e6d2; }
body.aa .aa-footer a:hover { color: var(--or); }
body.aa .aa-footer__h { color: var(--or); font-family: var(--aa-police-titre); font-style: italic; text-transform: none; letter-spacing: .02em; }

@media (prefers-reduced-motion: reduce) { body.aa .aa-ligne__img img { transition: none; } }