/* anuncios-gay-ecuador.lat — registre « tagua ivoire » (inspiration Équateur : noix de tagua sculptée, site gay).
   Palette : accent bronze-tagua #9a7b4f (favicon) · bronze profond #6f5431 (boutons, liens) · espresso #2b2117 (en-tête, pied)
   · neutre chaud ivoire #fbf6ea / sable #efe4cf / coquille #e5d6b8 · encre #261d14.
   Composition : en-tête espresso, ACTIONS À GAUCHE et LOGO À DROITE (médaillon ivoire à cœur) ; titres de bloc en
   CARTOUCHES ivoire à bouts arrondis ; lignes d'annonce en CARTES ivoire à BANDEAU BAS bronze, vignette en ARCHE ;
   cœur SVG discret (bandeau d'accueil, médaillon) ; fiche à photo en arche cadrée coquille ; pied de page sur une ligne. */

html:not(#_) body.aa {
  --aa-accent: #9a7b4f; --aa-teinte: #9a7b4f;
  --aa-primaire: #6f5431; --aa-primaire-fonce: #4f3b20; --aa-primaire-txt: #fffaf0;
  --aa-page: #efe4cf; --aa-fond: #fbf6ea; --aa-surface: #fffbf2; --aa-surface-2: #f5ecda;
  --aa-texte: #261d14; --aa-muet: #5f4f3c; --aa-bord: #e2d3b6; --aa-lien: #6f5431;
  --aa-tete: #2b2117; --aa-tete-txt: #f7efdd; --aa-barre: transparent;
  --aa-bande: #fbf3e2; --aa-bande-txt: #4f3b20; --aa-bande-bord: #9a7b4f;
  --aa-secondaire: #6f5431; --aa-secondaire-txt: #fffaf0;
  --aa-pied: #2b2117; --aa-pied-txt: #eadfc9;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 5px rgba(111, 84, 49, .07), 0 22px 40px -26px rgba(111, 84, 49, .55);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --aa-police-titre: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --tg-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='%239a7b4f'/%3E%3C/svg%3E");
  background: radial-gradient(900px 320px at 80% -120px, #e3cfa8, transparent 70%), var(--aa-page);
  color: var(--aa-texte);
}

/* --- en-tête : actions à gauche, logo à droite ---------------------------------- */
html:not(#_) .aa-header.aa-header { background: linear-gradient(180deg, #33281c, #2b2117); box-shadow: 0 3px 0 #9a7b4f, 0 14px 28px -18px rgba(43, 33, 23, .9); }
html:not(#_) .aa-header .aa-logo { justify-self: end; flex-direction: row-reverse; text-align: right; }
html:not(#_) .aa-header .aa-logo__txt { font-family: var(--aa-police-titre); font-style: italic; font-weight: 700; letter-spacing: .01em; color: #fbf3e2; }
html:not(#_) .aa-header .aa-logo__sous { color: #d9c7a4; opacity: 1; }
html:not(#_) .aa-header .aa-logo__mark { width: 34px; height: 34px; border-radius: 50%; background: #fbf3e2 var(--tg-coeur) center / 17px no-repeat; box-shadow: 0 0 0 2px #2b2117, 0 0 0 4px #9a7b4f; }
html:not(#_) .aa-header .aa-btn.aa-header__cta { border-radius: 999px; background: #c9ab7a; color: #2b2117; border-color: #c9ab7a; padding-inline: 1.2em; }
html:not(#_) .aa-header .aa-btn.aa-header__cta:hover { background: #dcc294; }
html:not(#_) .aa-header .aa-nav a { color: #efe3c9; border-bottom: 0; border-radius: 999px; }
html:not(#_) .aa-header .aa-nav a:hover { background: rgba(251, 243, 226, .1); }
html:not(#_) .aa-header .aa-nav a.is-actif { background: #fbf3e2; color: #2b2117; box-shadow: inset 0 -2px 0 #9a7b4f; }
html:not(#_) .aa-header .aa-burger { border-color: rgba(217, 199, 164, .55); color: #fbf3e2; border-radius: 50%; }
@media (min-width: 860px) {
  html:not(#_) .aa-header .aa-header__in { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "cta logo" "nav nav"; padding-block: .7rem .5rem; }
  html:not(#_) .aa-header .aa-nav { margin-inline: 0; padding: 0; border-top: 1px solid rgba(217, 199, 164, .22); padding-top: .4rem; margin-top: .2rem; }
  html:not(#_) .aa-header .aa-nav ul { gap: .2rem; }
  html:not(#_) .aa-header .aa-nav a { padding: .5rem .9rem; }
}
@media (max-width: 859px) {
  html:not(#_) .aa-header .aa-header__in { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "burger logo" "nav nav"; }
  html:not(#_) .aa-header .aa-nav { background: #3a2e20; border: 1px solid rgba(217, 199, 164, .3); }
  html:not(#_) .aa-header .aa-nav a.is-actif { border-left: 0; }
  html:not(#_) .aa-header .aa-nav__cta a { background: #c9ab7a; color: #2b2117; border-radius: 999px; }
}

/* --- conteneur, bandeau d'accueil ------------------------------------------------ */
html:not(#_) .aa-main > .aa-wrap.aa-wrap { background: var(--aa-fond); border: 1px solid var(--aa-bord); border-radius: 22px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa .aa-h1 { font-family: var(--aa-police-titre); font-weight: 700; letter-spacing: 0; color: var(--aa-texte); }
html:not(#_) .aa .aa-hero { position: relative; overflow: hidden; background: linear-gradient(160deg, #f3e6c9, var(--aa-surface) 65%); border: 1px solid var(--aa-bord); border-left: 0; border-radius: 26px 26px 26px 6px; box-shadow: inset 0 -5px 0 #9a7b4f; }
html:not(#_) .aa .aa-hero::after { content: ""; position: absolute; right: 18px; top: 14px; width: 62px; height: 56px; background: var(--tg-coeur) center / contain no-repeat; opacity: .1; transform: rotate(-10deg); pointer-events: none; }
html:not(#_) .aa .aa-hero__chiffres span { background: #fbf3e2; border-color: #d6c29c; color: #4f3b20; }

/* --- cartouches (titres de bloc, colonne, compte, légendes) ----------------------- */
html:not(#_) .aa .aa-h2, html:not(#_) .aa .aa-bande, html:not(#_) .aa .aa-depot__bloc legend {
  background: var(--aa-bande); color: var(--aa-bande-txt); border: 1.5px solid #9a7b4f; border-left-width: 1.5px; border-radius: 22px 22px 22px 6px;
  padding: .45rem 1.1rem; font-family: var(--aa-police-titre); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1rem;
  box-shadow: 0 0 0 3px var(--aa-fond), 0 0 0 4px #e2d3b6;
}
html:not(#_) .aa .aa-side__h { background: #6f5431; color: #fffaf0; border-bottom: 0; font-family: var(--aa-police-titre); font-style: italic; text-transform: none; letter-spacing: 0; font-size: .98rem; border-radius: 14px 14px 0 0; }
html:not(#_) .aa .aa-side > * { border-radius: 16px; }
html:not(#_) .aa .aa-side__nb, html:not(#_) .aa .aa-liens__nb { background: #f1e5cc; color: #4f3b20; border-radius: 999px; padding: 0 .45em; }

/* --- lignes d'annonce : cartes à bandeau bas bronze -------------------------------- */
html:not(#_) .aa .aa-liste { border-top: 0; display: grid; gap: .8rem; }
html:not(#_) .aa .aa-ligne { background: var(--aa-surface); border: 1px solid var(--aa-bord); border-bottom: 5px solid #9a7b4f; border-radius: 16px; padding: .85rem .9rem; box-shadow: 0 10px 22px -18px rgba(111, 84, 49, .6); transition: transform .2s ease, box-shadow .2s ease; }
html:not(#_) .aa .aa-ligne:hover { background: #fffdf7; transform: translateY(-2px); box-shadow: 0 16px 28px -18px rgba(111, 84, 49, .7); }
html:not(#_) .aa .aa-ligne__img { border-radius: 50px 50px 10px 10px; border: 2px solid #e5d6b8; padding: 0; }
html:not(#_) .aa .aa-ligne__img img { border-radius: 48px 48px 8px 8px; }
html:not(#_) .aa .aa-ligne__titre { font-family: var(--aa-police-titre); }
html:not(#_) .aa .aa-ligne__titre a { color: #5a4326; }
html:not(#_) .aa .aa-ligne__cat { color: #6f5431; }
html:not(#_) .aa .aa-ligne__new { background: #2f6b4a; border-radius: 999px; }
html:not(#_) .aa .aa-ligne__lire { border-radius: 999px; }

/* --- boutons ------------------------------------------------------------------ */
html:not(#_) .aa .aa-btn { border-radius: 999px; }
html:not(#_) .aa .aa-btn--primaire { background: linear-gradient(180deg, #7d6038, #6f5431); border-color: #4f3b20; color: #fffaf0; }
html:not(#_) .aa .aa-btn--secondaire { background: #fffbf2; color: #5a4326; border-color: #9a7b4f; }
html:not(#_) .aa .aa-chip, html:not(#_) .aa .aa-chips a { border-radius: 999px; }

/* --- fiche -------------------------------------------------------------------- */
html:not(#_) .aa .aa-fiche__titre { font-family: var(--aa-police-titre); color: #3d2e1c; }
html:not(#_) .aa .aa-fiche__photo { border-radius: 120px 120px 16px 16px; border: 3px solid #e5d6b8; overflow: hidden; box-shadow: 0 18px 32px -22px rgba(111, 84, 49, .8); }
html:not(#_) .aa .aa-fiche__photo img { border-radius: 116px 116px 13px 13px; }
html:not(#_) .aa .aa-fiche__identite, html:not(#_) .aa .aa-fiche__infos { border-radius: 14px; }
html:not(#_) .aa .aa-fiche__cta { background: #fbf3e2; border: 1px solid #e2d3b6; border-radius: 18px; padding: .8rem; box-shadow: 0 12px 24px -20px rgba(111, 84, 49, .7); }
html:not(#_) .aa .aa-repondre { border-radius: 18px; }

/* --- pied de page sur une ligne ------------------------------------------------ */
html:not(#_) .aa-footer.aa-footer { border-top: 4px solid #9a7b4f; }
html:not(#_) .aa-footer .aa-footer__h, html:not(#_) .aa-footer .aa-footer__brand { color: #fbf3e2; }
html:not(#_) .aa-footer .aa-footer__h { font-family: var(--aa-police-titre); font-style: italic; text-transform: none; letter-spacing: 0; font-size: .95rem; border-bottom-color: rgba(217, 199, 164, .3); }
html:not(#_) .aa-footer a:hover { color: #fff; }
html:not(#_) .aa-footer .aa-footer__fictif { opacity: .85; }
html:not(#_) .aa-footer .aa-footer__brand .aa-logo__mark { border-radius: 50%; background: #fbf3e2 var(--tg-coeur) center / 12px no-repeat; }
@media (min-width: 760px) {
  html:not(#_) .aa-footer .aa-footer__grid { grid-template-columns: 1.1fr 1fr 1fr 1fr; gap: 1.2rem 2rem; padding-block: 1.4rem 1rem; }
  html:not(#_) .aa-footer ul { display: flex; flex-wrap: wrap; gap: .15rem .7rem; }
}
html:not(#_) .aa-footer .aa-footer__bas { background: #1f180f; }
html:not(#_) .aa-footer .aa-footer__bas-in { flex-wrap: nowrap; }

@media (max-width: 759px) {
  html:not(#_) .aa .aa-bande { flex-wrap: wrap; row-gap: .15rem; }
  html:not(#_) .aa .aa-bande__droite { font-size: .8rem; }
  html:not(#_) .aa .aa-bloc__tete { flex-wrap: wrap; gap: .4rem; }
  html:not(#_) .aa .aa-bloc__tete .aa-h2 { flex-basis: 100%; }
  html:not(#_) .aa .aa-bloc__tete .aa-lien { margin-left: auto; }
}
/* --- mobile -------------------------------------------------------------------- */
html:not(#_) .aa .aa-mobar { background: #2b2117; }
@media (prefers-reduced-motion: reduce) { html:not(#_) .aa .aa-ligne, html:not(#_) .aa .aa-ligne:hover { transition: none; transform: none; } }
