/* annonces-sexe-monaco.com — gabarit « annonces » (annoncesastro),
   body = aa skin-1 aa-compo-4 aa-fiche-3, --aa-accent inline #c62828.
   REGISTRE « casino, rouge & or » : bandeau rouge profond bordé de laiton,
   tapis crème à losanges, plaques et filets dorés, jetons ronds.
   PALETTE #c62828 accent · #8d1618→#6d0f12 bandeau · #58090b pied · or déco
   #e7c766/#b8912f/#f0dfae · or ENCRE #8a6410 (4,9:1 sur crème, seul or
   lisible en petit) · #fbf5e8 fond · #fffdf6 surface · #fdf3e0 cartouche ·
   encre #24191a · secondaire #6a5a52 (6,4:1).
   COMPOSITION logo À GAUCHE + nav à DROITE sur UNE rangée (le skin 1 empile
   logo centré / nav dessous) · filet doré sous chaque titre, losange au
   centre sur le hero · lignes en plaques à bord gauche laiton, coin droit
   arrondi, compteurs en jetons · CTA pilule rouge à double lueur laiton,
   dépôt en carte centrée · fiche photo en ARCHE · pied en 2 BLOCS. */

body.aa.skin-1 {--mc-or:#b8912f;--mc-or-clair:#e7c766;--mc-or-pale:#f0dfae;--mc-or-encre:#8a6410;--mc-rouge:#c62828;--mc-rouge-f:#7e1113;--mc-cartouche:linear-gradient(180deg,#fdf3e0,#f7e7c4);--mc-plaque:linear-gradient(180deg,#fffdf6,#fdf7ea);--mc-lueur:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(231,199,102,.85),0 0 0 4px rgba(184,145,47,.17),0 13px 24px -15px rgba(126,17,19,.8);--mc-lueur-f:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 1px var(--mc-or-clair),0 0 0 6px rgba(184,145,47,.22),0 16px 30px -14px rgba(126,17,19,.85);--mc-cadre:inset 0 1px 0 #fff,0 0 0 5px rgba(184,145,47,.12),0 17px 32px -22px rgba(126,17,19,.55);--aa-fond:#fbf5e8;--aa-surface:#fffdf6;--aa-texte:#24191a;--aa-muet:#6a5a52;--aa-bord:#e6d7b9;--aa-secondaire:#7e1113;--aa-secondaire-txt:#fff9ec;--aa-rayon:12px;--aa-rayon-s:8px;--aa-max:1200px;--aa-ombre:0 1px 0 rgba(184,145,47,.18),0 14px 28px -20px rgba(126,17,19,.45);--aa-police:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--aa-police-titre:var(--aa-police);--aa-tete:#7e1113;--aa-tete-txt:#fdf3e0;--aa-pied:#58090b;--aa-pied-txt:#f3e4cd;background-color:var(--aa-fond);background-image:radial-gradient(1100px 360px at 50% -150px,rgba(198,40,40,.10),transparent 70%),repeating-linear-gradient(45deg,rgba(184,145,47,.055) 0 1px,transparent 1px 24px),repeating-linear-gradient(-45deg,rgba(184,145,47,.055) 0 1px,transparent 1px 24px)}

/* --- en-tête : bandeau rouge, logo à gauche / nav à droite -------------- */
body.aa .aa-header {background:linear-gradient(180deg,#8d1618,#7e1113 55%,#6d0f12);color:var(--aa-tete-txt);border-bottom:0;box-shadow:inset 0 3px 0 var(--mc-or),inset 0 4px 0 rgba(255,249,236,.18),inset 0 -2px 0 var(--mc-or),0 12px 26px -18px rgba(45,5,7,.85)}
body.aa .aa-header__in {min-height:64px}
body.aa .aa-logo {color:var(--aa-tete-txt);font-size:1.4rem;font-weight:700;letter-spacing:.035em}
body.aa .aa-logo__mark {width:13px;height:13px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#f6e2a3,var(--mc-or));box-shadow:0 0 0 3px rgba(231,199,102,.16)}
body.aa .aa-burger {color:var(--aa-tete-txt)}
body.aa .aa-nav a {color:var(--aa-tete-txt);font-weight:600}
body.aa .aa-nav a:hover, body.aa .aa-nav a.is-actif {background:rgba(253,243,224,.13);color:#fff}
body.aa .aa-nav__cta a {background:linear-gradient(180deg,#f2dc9d,var(--mc-or));color:#3b2505 !important;border-radius:999px;padding:.55rem 1.15rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.76rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 7px 16px -9px rgba(30,4,5,.8)}
@media (min-width: 801px) {
  body.aa .aa-header__in {flex-direction:row;align-items:center;justify-content:space-between;gap:1.1rem;padding-block:.6rem;min-height:68px}
  body.aa .aa-logo {font-size:1.6rem}
  body.aa .aa-nav {border-top:0;width:auto}
  body.aa .aa-nav ul {justify-content:flex-end;gap:.1rem}
  body.aa .aa-nav a {text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;padding:.7rem .62rem;border-radius:0;border-bottom:2px solid transparent}
  body.aa .aa-nav a:hover, body.aa .aa-nav a.is-actif {background:none;border-bottom-color:var(--mc-or-clair)}
  body.aa .aa-nav__cta a {margin-left:.7rem;border-bottom:0}
}
@media (min-width: 801px) and (max-width: 1010px) { body.aa .aa-nav a {padding:.6rem .42rem;font-size:.67rem;letter-spacing:.07em} body.aa .aa-logo {font-size:1.32rem} }
@media (max-width: 800px) { body.aa .aa-nav {border-bottom:2px solid var(--mc-or);box-shadow:0 14px 28px -18px rgba(45,5,7,.9)} body.aa .aa-nav a {border-radius:8px} }

/* --- titres : filet doré fin, losange au centre sur le hero ------------- */
body.aa .aa-h1 {position:relative;padding-bottom:.62rem}
body.aa .aa-h1::after {content:"";position:absolute;left:0;bottom:2px;width:148px;height:1px;background:linear-gradient(90deg,var(--mc-or),rgba(184,145,47,.12))}
body.aa .aa-hero .aa-h1::after {left:50%;margin-left:-74px;background:linear-gradient(90deg,rgba(184,145,47,.10),var(--mc-or) 50%,rgba(184,145,47,.10))}
body.aa .aa-hero .aa-h1::before {content:"";position:absolute;left:50%;bottom:-2px;margin-left:-4px;width:7px;height:7px;transform:rotate(45deg);background:var(--mc-or)}
body.aa .aa-h2 {display:inline-block;position:relative;padding-bottom:.42rem}
body.aa .aa-h2::after {content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--mc-or),rgba(184,145,47,.10))}
body.aa .aa-h2::before {content:"";position:absolute;left:0;bottom:-3px;width:6px;height:6px;transform:rotate(45deg);background:var(--mc-or)}

/* --- hero : tapis crème + plaque de jeu --------------------------------- */
body.aa .aa-hero {background:radial-gradient(720px 230px at 50% 0,rgba(198,40,40,.12),transparent 72%),linear-gradient(180deg,#fffdf6,#fbf5e8 68%,#f7eedc);border-bottom:1px solid var(--mc-or);box-shadow:0 1px 0 var(--mc-or-pale);padding-block:2rem 2.3rem}
body.aa .aa-hero__chiffres {color:var(--mc-or-encre);letter-spacing:.02em}
body.aa .aa-hero__form {width:min(100%,550px);background:var(--mc-plaque);border:1px solid var(--mc-or);border-radius:16px;padding:1.4rem 1.3rem 1.15rem;box-shadow:var(--mc-cadre)}
body.aa .aa-hero__form-h {font-size:1.24rem}

/* --- boutons : pilule rouge à double lueur laiton ----------------------- */
body.aa .aa-btn {border-radius:999px;letter-spacing:.09em;font-weight:800;font-size:.84rem}
body.aa .aa-btn--primaire, body.aa .aa-bloc--deposer .aa-deposer-cta .aa-btn {background:linear-gradient(180deg,#d6322f,#b21f21);color:#fff9ec;border-color:transparent;box-shadow:var(--mc-lueur)}
body.aa .aa-btn--primaire:hover, body.aa .aa-bloc--deposer .aa-deposer-cta .aa-btn:hover {box-shadow:var(--mc-lueur-f)}
body.aa .aa-btn--secondaire {background:var(--aa-surface);color:var(--mc-rouge-f);border-color:var(--mc-or)}
body.aa .aa-btn--secondaire:hover {background:#fdf6e7;border-color:var(--mc-or-encre);color:#6b0e10}

/* --- lignes d'annonce : plaques à bord gauche laiton -------------------- */
body.aa .aa-liste {gap:.78rem;border-top:0}
body.aa .aa-ligne {background:var(--aa-surface);border:1px solid var(--aa-bord);border-left:4px solid var(--mc-or);border-radius:0 13px 13px 0;padding:.85rem 1rem;box-shadow:inset 1px 0 0 rgba(255,255,255,.7),var(--aa-ombre)}
body.aa .aa-ligne:hover {background:#fffefa;border-color:var(--mc-or-pale);border-left-color:var(--mc-or-clair);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(184,145,47,.10),0 18px 30px -20px rgba(126,17,19,.55)}
body.aa .aa-ligne__img {aspect-ratio:4 / 5;border-radius:9px;background:linear-gradient(160deg,#f7e9cd,#eeddb8);box-shadow:0 0 0 1px var(--mc-or-pale),0 7px 15px -11px rgba(126,17,19,.7)}
body.aa .aa-ligne__nb {border-radius:999px;background:rgba(88,9,11,.85);color:#fdf3e0;box-shadow:0 0 0 1px rgba(231,199,102,.6);padding:.12rem .55rem}
body.aa .aa-ligne__cat, body.aa .aa-fiche__cat {color:var(--mc-or-encre);letter-spacing:.11em}
body.aa .aa-ligne__new, body.aa .aa-fiche__new {background:linear-gradient(180deg,#d6322f,#ad1f21);color:#fff9ec;border-radius:999px;box-shadow:0 0 0 1px rgba(231,199,102,.78)}
body.aa .aa-ligne__titre a:hover {color:var(--mc-rouge)}
body.aa .aa-ligne__lire {background:var(--aa-surface);color:var(--mc-rouge-f);border:1px solid var(--mc-or);border-radius:999px;font-family:var(--aa-police);font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;min-height:38px;padding:.45em 1.05em}
body.aa .aa-ligne__lire:hover {background:#fdf3e0;border-color:var(--mc-or-encre);color:#6b0e10}
@media (min-width: 720px) { body.aa .aa-ligne {padding:.9rem 1.1rem} }

/* --- filtres, champs, pastilles ----------------------------------------- */
body.aa .aa-filtres {background:var(--mc-plaque);border:0;border-top:1px solid var(--mc-or);border-bottom:1px solid var(--mc-or);border-radius:0;padding:1rem 1.05rem;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(184,145,47,.25)}
body.aa .aa-filtres__champ {color:var(--mc-or-encre);letter-spacing:.04em}
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 {background:#fffdf6;border:1px solid var(--aa-bord);border-radius:9px;box-shadow:inset 0 1px 2px rgba(126,17,19,.06)}
body.aa select:focus, body.aa input:focus, body.aa textarea:focus {outline:2px solid var(--mc-or);outline-offset:1px}
body.aa .aa-chip, body.aa .aa-chips li {border-radius:999px;border:1px solid var(--aa-bord);background:var(--mc-plaque);padding:.42rem .95rem}
body.aa .aa-chip:has(input:checked) {border-color:var(--mc-rouge);background:linear-gradient(180deg,#fff,#fdeceb);box-shadow:0 0 0 3px rgba(198,40,40,.13);color:var(--mc-rouge-f)}

/* --- pagination, fil d'Ariane, listes, plaques latérales ---------------- */
body.aa .aa-pagination a, body.aa .aa-pagination span {border-radius:999px;background:var(--aa-surface);border-color:var(--aa-bord);color:var(--aa-texte)}
body.aa .aa-pagination .is-actif {background:linear-gradient(180deg,#d6322f,#b21f21);color:#fff9ec;border-color:transparent;box-shadow:0 0 0 1px var(--mc-or-clair)}
body.aa .aa-crumbs li + li::before {color:var(--mc-or)}
body.aa .aa-liens li, body.aa .aa-fiche__phy {background:var(--mc-plaque);border:1px solid var(--aa-bord);border-left:3px solid var(--mc-or-pale);border-radius:0 9px 9px 0}
body.aa .aa-liens li {align-items:center;min-height:42px;padding:.45rem .7rem}
body.aa .aa-liens li:hover {border-left-color:var(--mc-or);background:#fffefa}
body.aa .aa-side__nb, body.aa .aa-liens__nb {display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#fdf3e0;box-shadow:inset 0 0 0 1px var(--mc-or-pale);color:var(--mc-or-encre);font-size:.72rem;font-weight:700;font-family:system-ui,"Segoe UI",sans-serif}
body.aa .aa-side, body.aa .aa-fiche__infos, body.aa .aa-repondre, body.aa .aa-depot__bloc {background:var(--mc-plaque);border:1px solid var(--aa-bord);border-top:2px solid var(--mc-or);border-radius:0 0 13px 13px;box-shadow:var(--aa-ombre)}
body.aa .aa-side {padding:.9rem 1rem 1rem}
body.aa .aa-side__h {color:var(--mc-or-encre);font-style:italic}
body.aa .aa-side__liste li {border-top-style:dotted;border-top-color:var(--mc-or-pale)}
body.aa .aa-vide {border:1px dashed var(--mc-or);background:var(--mc-plaque);border-radius:13px}

/* --- dépôt en carte centrée (aa-compo-4) -------------------------------- */
body.aa .aa-bloc--deposer .aa-deposer-cta {max-width:720px;margin-inline:auto;background:radial-gradient(420px 130px at 50% 0,rgba(198,40,40,.10),transparent 72%),linear-gradient(180deg,#fffdf6,#fbf4e6);border:1px solid var(--mc-or);border-radius:18px;padding:1.7rem 1.2rem;text-align:center;box-shadow:var(--mc-cadre)}

/* --- fiche d'annonce : photo en arche, plaques à liseré laiton ---------- */
body.aa .aa-fiche__titre {position:relative;padding-bottom:.5rem;font-weight:700}
body.aa .aa-fiche__titre::after {content:"";position:absolute;left:0;bottom:0;width:132px;height:1px;background:linear-gradient(90deg,var(--mc-or),rgba(184,145,47,.12))}
body.aa .aa-fiche__cta--haut {background:var(--mc-plaque);border:1px solid var(--mc-or);border-radius:15px;padding:1.05rem;box-shadow:var(--mc-cadre)}
body.aa .aa-fiche__photo {border-radius:44% 44% 12px 12px / 28% 28% 12px 12px;background:linear-gradient(160deg,#f7e9cd,#eeddb8);box-shadow:0 0 0 1px var(--mc-or),0 0 0 5px rgba(184,145,47,.14),0 20px 34px -24px rgba(126,17,19,.7)}
body.aa .aa-fiche__photo--vide {border-radius:13px;border:1px dashed var(--mc-or)}
body.aa .aa-fiche__miniatures img {border-radius:9px;box-shadow:0 0 0 1px var(--mc-or-pale)}
body.aa .aa-fiche__plage {background:var(--mc-cartouche);border:1px solid var(--mc-or-pale);border-radius:14px;color:var(--mc-rouge-f);padding:.45rem 1.05rem;box-shadow:inset 0 1px 0 #fff}
@media (min-width: 560px) { body.aa .aa-fiche__plage {border-radius:999px} }
body.aa .aa-fiche__barre {background:color-mix(in srgb,#fffdf6 94%,transparent);border-top:2px solid var(--mc-or);box-shadow:0 -12px 26px -16px rgba(126,17,19,.55)}

/* --- dépôt : blocs à cartouche laiton ---------------------------------- */
body.aa .aa-depot__bloc {border-radius:0 0 15px 15px;padding:1.15rem 1.2rem 1.3rem}
body.aa .aa-depot__bloc legend {background:var(--mc-cartouche);border:1px solid var(--mc-or-pale);border-radius:999px;color:var(--mc-rouge-f);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:800;padding:.3rem .9rem;font-family:system-ui,"Segoe UI",sans-serif}
body.aa .aa-depot__apercu img {border-radius:9px;box-shadow:0 0 0 1px var(--mc-or-pale)}

/* --- pied de page : rouge nuit, 2 blocs -------------------------------- */
body.aa .aa-footer {background:linear-gradient(180deg,#6d0f12,#58090b 58%,#4a0709);color:var(--aa-pied-txt);border-top:0;text-align:left;padding-block:2.6rem 1.2rem;box-shadow:inset 0 2px 0 var(--mc-or),inset 0 4px 0 rgba(231,199,102,.35)}
body.aa .aa-footer__grid {grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:1.7rem}
body.aa .aa-footer ul {display:grid;justify-content:start;gap:.3rem}
body.aa .aa-footer__h {color:var(--mc-or-clair);opacity:1;letter-spacing:.16em;font-size:.72rem}
body.aa .aa-footer__brand {font-size:1.55rem;font-style:italic;color:#fff8ea}
body.aa .aa-footer a:hover {color:var(--mc-or-clair)}
body.aa .aa-footer__fictif {opacity:.78}
body.aa .aa-footer__bas {justify-content:space-between;border-top:1px solid rgba(231,199,102,.28);opacity:.85}
@media (min-width: 760px) { body.aa .aa-footer__grid {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem;row-gap:2rem} }

/* --- porte de consentement & pop-up : jeton rouge, cadre laiton -------- */
body.aa .aa-gate__box, body.aa .aa-popup__box {background:var(--mc-plaque);border:1px solid var(--mc-or);border-radius:18px;box-shadow:0 0 0 5px rgba(184,145,47,.20),0 0 0 6px rgba(126,17,19,.28),0 34px 60px -26px rgba(31,4,5,.75)}
body.aa .aa-gate__mark {border-radius:50%;background:radial-gradient(circle at 34% 28%,#d6322f,#8e1517 74%);color:#fff9ec;box-shadow:0 0 0 3px #fdf3e0,0 0 0 6px var(--mc-or),0 11px 22px -11px rgba(126,17,19,.85)}
body.aa .aa-popup__pour {color:var(--mc-rouge-f)}

@media (prefers-reduced-motion: reduce) { body.aa .aa-ligne:hover {transform:none} }