/* anuncios-gay-argentina.lat — registre « malbec » (inspiration Argentine, site gay).
   Palette : accent malbec #6b1d3a (favicon) · lie-de-vin #4a1228 / grenat clair #8a2c50 · neutre chaud
   lin/sable #f4ece2, ivoire #fffaf4, liège #ead9c6 · encre #231417.
   Composition : en-tête en rangée fine lie-de-vin (logo à gauche, menu + bouton à droite sur la même ligne) ;
   titres de bloc en CARTOUCHES ivoire à double filet malbec ; lignes d'annonce en cartes à BANDEAU BAS
   coloré, vignette en médaillon arrondi ; petit cœur SVG en filigrane (bandeau d'accueil, CTA) ;
   fiche à photo encadrée liège, CTA en carte centrée ; pied de page compact sur une ligne. */

html:not(#_) body.aa {
  --aa-accent: #6b1d3a; --aa-teinte: #6b1d3a;
  --aa-primaire: #6b1d3a; --aa-primaire-fonce: #4a1228; --aa-primaire-txt: #fffaf4;
  --aa-page: #f4ece2; --aa-fond: #fffaf4; --aa-surface: #fffdf9; --aa-surface-2: #f8f0e6;
  --aa-texte: #231417; --aa-muet: #654f52; --aa-bord: #e6d6c4; --aa-lien: #6b1d3a;
  --aa-tete: #4a1228; --aa-tete-txt: #fffaf4; --aa-barre: transparent;
  --aa-bande: #fffaf4; --aa-bande-txt: #4a1228; --aa-bande-bord: #6b1d3a;
  --aa-secondaire: #6b1d3a; --aa-secondaire-txt: #fffaf4;
  --aa-pied: #2b1419; --aa-pied-txt: #eadccd;
  --aa-rayon: 14px; --aa-rayon-s: 9px;
  --aa-ombre: 0 2px 4px rgba(107, 29, 58, .06), 0 20px 38px -24px rgba(107, 29, 58, .5);
  --aa-police: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --aa-police-titre: Rockwell, "Roboto Slab", "Bookman Old Style", Georgia, serif;
  --mb-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14.4 2 7.6A5.1 5.1 0 0 1 12 5a5.1 5.1 0 0 1 10 2.6C22 14.4 12 21 12 21z' fill='%236b1d3a'/%3E%3C/svg%3E");
  background: radial-gradient(1100px 360px at 50% -140px, #ecd3cf, transparent 70%), var(--aa-page);
}

/* --- en-tête : une rangée fine ------------------------------------------------ */
html:not(#_) .aa-header.aa-header { background: linear-gradient(90deg, #4a1228, #5c1830 60%, #4a1228); box-shadow: 0 3px 0 #ead9c6, 0 12px 26px -18px rgba(74, 18, 40, .8); }
html:not(#_) .aa-header .aa-logo__txt { font-family: var(--aa-police-titre); font-weight: 700; letter-spacing: .01em; color: #fffaf4; }
html:not(#_) .aa-header .aa-logo__sous { color: #ead9c6; opacity: 1; }
html:not(#_) .aa-header .aa-logo__mark { width: 30px; height: 30px; border-radius: 50%; background: #fffaf4 var(--mb-coeur) center / 16px no-repeat; box-shadow: 0 0 0 2px #4a1228, 0 0 0 3px #ead9c6; }
html:not(#_) .aa-header .aa-btn.aa-header__cta { border-radius: 999px; background: #fffaf4; color: #4a1228; border-color: #fffaf4; padding-inline: 1.1em; font-weight: 700; }
html:not(#_) .aa-header .aa-btn.aa-header__cta:hover { background: #ead9c6; }
html:not(#_) .aa-header .aa-nav a { color: #fbeee6; border-bottom: 0; border-radius: 999px; font-weight: 600; }
html:not(#_) .aa-header .aa-nav a:hover { background: rgba(255, 250, 244, .12); }
html:not(#_) .aa-header .aa-nav a.is-actif { background: rgba(255, 250, 244, .16); color: #fffaf4; box-shadow: inset 0 0 0 1px rgba(234, 217, 198, .55); }
html:not(#_) .aa-header .aa-burger { border-color: rgba(234, 217, 198, .5); color: #fffaf4; }
@media (min-width: 860px) {
  html:not(#_) .aa-header .aa-header__in { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "logo nav cta"; padding-block: .45rem; gap: 0 .8rem; }
  html:not(#_) .aa-header .aa-nav { margin: 0; padding: 0; justify-self: end; }
  html:not(#_) .aa-header .aa-nav ul { flex-wrap: nowrap; gap: .1rem; }
  html:not(#_) .aa-header .aa-nav a { padding: .45rem .75rem; font-size: .86rem; }
  html:not(#_) .aa-header .aa-header__cta { min-height: 38px; }
}
@media (max-width: 859px) {
  html:not(#_) .aa-header .aa-nav { background: #5c1830; border: 1px solid rgba(234, 217, 198, .3); }
  html:not(#_) .aa-header .aa-nav a { margin: .1rem 0; }
  html:not(#_) .aa-header .aa-nav a.is-actif { border-left: 0; }
  html:not(#_) .aa-header .aa-nav__cta a { background: #fffaf4; color: #4a1228; border-radius: 999px; }
}

/* --- conteneur, bandeau d'accueil ------------------------------------------------ */
html:not(#_) .aa-main > .aa-wrap.aa-wrap { border-color: var(--aa-bord); border-radius: 20px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa .aa-h1 { font-family: var(--aa-police-titre); font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--aa-texte); }
html:not(#_) .aa .aa-hero { position: relative; overflow: hidden; background: linear-gradient(150deg, #f3e1dc, var(--aa-surface) 62%); border: 1px solid var(--aa-bord); border-left: 0; border-radius: 18px; box-shadow: inset 0 -4px 0 var(--aa-primaire); }
html:not(#_) .aa .aa-hero::after { content: ""; position: absolute; right: 16px; bottom: 16px; width: 58px; height: 52px; background: var(--mb-coeur) center / contain no-repeat; opacity: .09; transform: rotate(12deg); pointer-events: none; }
html:not(#_) .aa .aa-hero__chiffres span { background: #fffaf4; color: #4a1228; border-color: #dcc3b0; border-radius: 999px; }

/* --- titres de bloc : cartouches à double filet --------------------------------- */
html:not(#_) .aa .aa-h2, html:not(#_) .aa .aa-bande, html:not(#_) .aa .aa-depot__bloc legend, html:not(#_) .aa .aa-side__h {
  background: var(--aa-bande); color: var(--aa-bande-txt); border: 1px solid var(--aa-primaire); border-left: 1px solid var(--aa-primaire);
  box-shadow: inset 0 0 0 3px var(--aa-bande), inset 0 0 0 4px #c99aa8; border-radius: 10px;
  font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .01em; font-size: 1rem;
}
html:not(#_) .aa .aa-h2 .aa-ico, html:not(#_) .aa .aa-bande .aa-ico, html:not(#_) .aa .aa-side__h .aa-ico { color: var(--aa-primaire); opacity: 1; }
html:not(#_) .aa .aa-bande__droite { color: var(--aa-muet); opacity: 1; }
html:not(#_) .aa .aa-side__h { border-radius: 10px; margin: -.3rem -.4rem .7rem; }
html:not(#_) .aa .aa-bloc__tete .aa-lien { color: var(--aa-primaire); font-weight: 700; }
html:not(#_) .aa .aa-bloc__tete { flex-wrap: wrap; gap: .5rem 1rem; }
html:not(#_) .aa .aa-bloc__tete .aa-h2 { flex: 1 1 16rem; }

/* --- lignes d'annonce : cartes à bandeau bas coloré ------------------------------- */
html:not(#_) .aa .aa-liste { border-top: 0; display: grid; gap: .8rem; }
html:not(#_) .aa .aa-ligne.aa-ligne { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: var(--aa-rayon); padding: .85rem .85rem 1.15rem;
  box-shadow: inset 0 -6px 0 var(--aa-primaire), 0 12px 24px -20px rgba(107, 29, 58, .55); transition: box-shadow .25s ease, transform .25s ease; }
html:not(#_) .aa .aa-ligne.aa-ligne:hover { background: #fff7f1; transform: translateY(-1px); box-shadow: inset 0 -6px 0 #8a2c50, 0 16px 28px -18px rgba(107, 29, 58, .6); }
html:not(#_) .aa .aa-ligne__img { border-radius: 22px; border: 2px solid #ead9c6; padding: 3px; background: #fffaf4; box-shadow: 0 8px 16px -12px rgba(74, 18, 40, .6); }
html:not(#_) .aa .aa-ligne__img img { border-radius: 18px; }
html:not(#_) .aa .aa-ligne__cat { color: var(--aa-primaire-fonce); }
html:not(#_) .aa .aa-ligne__new { border-radius: 999px; background: #2f6b3f; }
html:not(#_) .aa .aa-ligne__titre a { color: var(--aa-primaire); font-family: var(--aa-police-titre); text-decoration: none; }
html:not(#_) .aa .aa-ligne__titre a:hover { text-decoration: underline; text-decoration-color: #c99aa8; }
html:not(#_) .aa .aa-ligne__lire { border-radius: 999px; }
html:not(#_) .aa .aa-ligne__date { color: var(--aa-muet); }

/* --- boutons, champs, colonne latérale -------------------------------------------- */
html:not(#_) .aa .aa-btn--primaire { border-radius: 999px; background: var(--aa-primaire); color: var(--aa-primaire-txt); border-color: var(--aa-primaire-fonce); box-shadow: 0 10px 22px -12px rgba(107, 29, 58, .85); }
html:not(#_) .aa .aa-btn--primaire:hover { background: var(--aa-primaire-fonce); }
html:not(#_) .aa .aa-btn--secondaire { border-radius: 999px; background: var(--aa-surface); color: var(--aa-primaire); border-color: var(--aa-primaire); }
html:not(#_) .aa .aa-side { background: var(--aa-surface-2); border-radius: var(--aa-rayon); }
html:not(#_) .aa .aa-side__liste li::before { width: 9px; height: 8px; border-radius: 0; top: .62em; background: var(--mb-coeur) center / contain no-repeat; }
html:not(#_) .aa .aa-side__liste li a { color: var(--aa-texte); }
html:not(#_) .aa .aa-side__nb, html:not(#_) .aa .aa-liens__nb { background: #ead9c6; color: #4a1228; border: 0; border-radius: 999px; padding: 0 .5rem; min-width: 1.8em; text-align: center; font-weight: 700; font-size: .75rem; line-height: 1.6; }
html:not(#_) .aa .aa-filtres { background: #f3e1dc; border-color: #dcc3b0; border-radius: var(--aa-rayon); }
html:not(#_) .aa .aa-filtres__champ { color: var(--aa-primaire-fonce); }

/* --- grilles de liens (villes, catégories) ----------------------------------------- */
html:not(#_) .aa .aa-liens li { background: var(--aa-surface); border-color: var(--aa-bord); border-radius: 999px; padding-inline: .8rem .5rem; }
html:not(#_) .aa .aa-liens li:hover { border-color: #c99aa8; background: #fff3ee; }
html:not(#_) .aa .aa-liens a { color: var(--aa-texte); font-weight: 600; }

/* --- atouts, étapes, dépôt --------------------------------------------------------- */
html:not(#_) .aa .aa-atouts li { border-left: 0; border-radius: var(--aa-rayon); background: var(--aa-surface-2); box-shadow: inset 0 -3px 0 #ead9c6; }
html:not(#_) .aa .aa-atouts .aa-atouts__ico { background: #f3e1dc; color: var(--aa-primaire); border-radius: 50%; }
html:not(#_) .aa .aa-etapes li { border-radius: var(--aa-rayon); box-shadow: inset 0 -4px 0 var(--aa-primaire); }
html:not(#_) .aa .aa-etapes li::before { background: var(--aa-primaire); color: #fffaf4; }
html:not(#_) .aa .aa-deposer-cta { position: relative; max-width: 560px; margin-inline: auto; text-align: center; border-radius: 22px; background: linear-gradient(160deg, #f3e1dc, var(--aa-surface)); border: 1px solid #dcc3b0; box-shadow: var(--aa-ombre); }
html:not(#_) .aa .aa-depot__bloc { border-radius: var(--aa-rayon); background: var(--aa-surface); }
html:not(#_) .aa .aa-chip:has(input:checked) { border-color: var(--aa-primaire); background: #f3e1dc; color: #4a1228; }
html:not(#_) .aa .aa-pagination a, html:not(#_) .aa .aa-pagination span { border-radius: 999px; }

/* --- fiche ------------------------------------------------------------------------ */
html:not(#_) .aa .aa-fiche__titre { font-family: var(--aa-police-titre); color: var(--aa-texte); }
html:not(#_) .aa .aa-fiche__photo { border-radius: 26px; border: 2px solid #ead9c6; padding: 5px; background: #fffaf4; box-shadow: 0 20px 36px -22px rgba(74, 18, 40, .65); }
html:not(#_) .aa .aa-fiche__photo img { border-radius: 20px; transition: transform .4s ease; }
html:not(#_) .aa .aa-fiche__photo:hover img { transform: scale(1.03); }
html:not(#_) .aa .aa-fiche__infos { border-radius: var(--aa-rayon); overflow: hidden; }
html:not(#_) .aa .aa-fiche__infos > div:nth-child(odd) { background: #f8f0e6; }
html:not(#_) .aa .aa-fiche__cta--haut { background: #f3e1dc; border-color: #dcc3b0; border-radius: var(--aa-rayon); }
html:not(#_) .aa .aa-fiche__cta--bas { position: relative; max-width: 540px; margin-inline: auto; border: 1px solid #dcc3b0; border-radius: 22px; background: linear-gradient(160deg, #f3e1dc, var(--aa-surface)); box-shadow: var(--aa-ombre); }
html:not(#_) .aa .aa-repondre { border-radius: var(--aa-rayon); }

/* --- pied de page compact sur une ligne -------------------------------------------- */
html:not(#_) .aa .aa-footer { border-top: 4px solid var(--aa-primaire); margin-top: 2rem; }
html:not(#_) .aa .aa-footer__grid { gap: 1rem 1.6rem; padding-block: 1.4rem 1rem; }
@media (min-width: 760px) {
  html:not(#_) .aa .aa-footer__grid { grid-template-columns: minmax(0, 1.1fr) repeat(3, minmax(0, 1fr)); align-items: start; }
}
html:not(#_) .aa .aa-footer ul { display: flex; flex-wrap: wrap; gap: .15rem .7rem; }
html:not(#_) .aa .aa-footer__h { color: #f0c9d4; font-family: var(--aa-police-titre); text-transform: none; letter-spacing: 0; font-size: .95rem; border-bottom-color: rgba(234, 217, 198, .22); }
html:not(#_) .aa .aa-footer__brand { color: #fffaf4; font-family: var(--aa-police-titre); }
html:not(#_) .aa .aa-footer .aa-logo__mark { border-radius: 50%; background: #fffaf4 var(--mb-coeur) center / 12px no-repeat; box-shadow: none; }
html:not(#_) .aa .aa-footer a { color: #eadccd; }
html:not(#_) .aa .aa-footer a:hover { color: #fffaf4; }
html:not(#_) .aa .aa-footer__bas { background: rgba(0, 0, 0, .28); }

/* --- pop-up / porte / barres mobiles -------------------------------------------------- */
html:not(#_) .aa .aa-popup__box, html:not(#_) .aa .aa-gate__box { border-top: 0; border-radius: 22px; box-shadow: 0 30px 60px -24px rgba(43, 20, 25, .75); }
html:not(#_) .aa .aa-gate__mark { border-radius: 50%; background: #fffaf4 var(--mb-coeur) center / 22px no-repeat; box-shadow: 0 0 0 2px var(--aa-primaire); }
html:not(#_) .aa .aa-mobar, html:not(#_) .aa .aa-fiche__barre { background: color-mix(in srgb, #fffaf4 95%, transparent); border-top-color: #dcc3b0; }
@media (prefers-reduced-motion: reduce) {
  html:not(#_) .aa .aa-ligne.aa-ligne, html:not(#_) .aa .aa-fiche__photo img { transition: none; }
  html:not(#_) .aa .aa-ligne.aa-ligne:hover { transform: none; }
}