/* anuncios-gay-guatemala.lat — registre « café volcan » (inspiration Guatemala : café d'altitude, basalte des volcans)
   Palette : accent café torréfié du favicon #5a3b2a (bandeau d'en-tête, boutons, liens), caramel #b3805a en touche,
   neutre chaud = crème de café et sable volcanique (#fbf5ec, #f3e7d6, #e8d9c3), encre basalte #221a15.
   Composition : en-tête haut en bandeau plein café, vague de crème sous la barre de menu, silhouette de volcan dans
   l'accueil, vignettes en médaillons cerclés, photo de fiche en arche, titres de section en cartouches arrondis,
   villes et catégories en grille serrée de badges, pied basalte à filet caramel. */

html:not(#_) body {
  --aa-accent: #5a3b2a; --aa-teinte: #5a3b2a;
  --aa-primaire: #5a3b2a; --aa-primaire-fonce: #3a2519; --aa-primaire-txt: #fff;
  --aa-page: #e8d9c3; --aa-fond: #fbf5ec; --aa-surface: #fbf5ec; --aa-surface-2: #f3e7d6;
  --aa-bord: #e2cfb5; --aa-texte: #221a15; --aa-muet: #5c4c40; --aa-lien: #5a3b2a;
  --aa-tete: #5a3b2a; --aa-tete-txt: #fff; --aa-barre: #3a2519;
  --aa-bande: #5a3b2a; --aa-bande-txt: #fff; --aa-bande-bord: #b3805a;
  --aa-secondaire: #221a15; --aa-secondaire-txt: #fbf5ec;
  --aa-pied: #221a15; --aa-pied-txt: #eadccb; --aa-ok: #3f5b31;
  --aa-rayon: 18px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 5px rgba(90, 59, 42, .08), 0 18px 34px -22px rgba(90, 59, 42, .6);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --aa-police-titre: Georgia, "Palatino Linotype", "Book Antiqua", serif;
  background-color: var(--aa-page);
  background-image: radial-gradient(circle at 18% 12%, rgba(90, 59, 42, .07) 0 2px, transparent 3px),
                    radial-gradient(circle at 70% 60%, rgba(179, 128, 90, .09) 0 2px, transparent 3px);
  background-size: 38px 38px, 54px 54px;
}

/* --- en-tête : bandeau café plein + vague crème ------------------------------------------ */
html:not(#_) .aa-header { background: linear-gradient(180deg, #6a4633, #5a3b2a 70%); box-shadow: none; padding-top: .35rem; }
html:not(#_) .aa-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -13px; height: 14px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M0 0h120v4c-15 0-15 9-30 9S75 4 60 4 45 13 30 13 15 4 0 4z' fill='%233a2519'/%3E%3C/svg%3E") repeat-x 0 0 / 120px 14px;
}
html:not(#_) .aa-logo__mark { border-radius: 50%; background: #fbf5ec; box-shadow: 0 0 0 3px #b3805a; }
html:not(#_) .aa-logo__txt { font-family: var(--aa-police-titre); letter-spacing: .01em; }
html:not(#_) .aa-logo__sous { color: #f1e2cf; }
html:not(#_) .aa-header .aa-header__cta.aa-btn { background: #fbf5ec; color: #3a2519; border-color: #b3805a; box-shadow: 0 6px 14px -8px rgba(0,0,0,.6); }
html:not(#_) .aa-nav a { border-radius: 999px 999px 0 0; }
html:not(#_) .aa-nav a.is-actif { background: #fbf5ec; color: #3a2519; border-bottom-color: #b3805a; }
html:not(#_) .aa-main { padding-top: 1.7rem; }

/* --- conteneur et bandeaux en cartouches ------------------------------------------------- */
html:not(#_) .aa-main > .aa-wrap { border-radius: 26px; border-color: #e2cfb5; }
html:not(#_) .aa-h2, html:not(#_) .aa-bande, html:not(#_) .aa-depot__bloc legend {
  border-radius: 999px; border-left: 0; padding-left: 1.1rem; font-family: var(--aa-police-titre); letter-spacing: .03em;
  box-shadow: inset 0 -3px 0 #b3805a, 0 8px 16px -12px rgba(58, 37, 25, .8);
}
html:not(#_) .aa-side__h { border-radius: 18px 18px 0 0; font-family: var(--aa-police-titre); letter-spacing: .03em; border-bottom-color: #b3805a; }
html:not(#_) .aa-side > * { border-radius: 18px; }

/* --- accueil : carte crème avec silhouette de volcan -------------------------------------- */
html:not(#_) .aa-hero {
  position: relative; overflow: hidden; border: 0; border-radius: 26px 26px 26px 6px; padding-bottom: 2.4rem;
  background: #f3e7d6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 70'%3E%3Cpath d='M0 70 70 22c6-4 10-4 14 0l18 16 22-26c5-6 11-6 16 0l100 58z' fill='%235a3b2a' fill-opacity='.2'/%3E%3Cpath d='M112 16c4-7 10-9 16-6' stroke='%23b3805a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right -10px bottom / 260px auto;
  box-shadow: inset 0 0 0 1px #e2cfb5;
}
html:not(#_) .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #3a2519; }
html:not(#_) .aa-hero__chiffres span { background: #fbf5ec; border-color: #b3805a; color: #3a2519; border-radius: 999px; }

/* --- lignes d'annonce : médaillons cerclés, badges pilules --------------------------------- */
html:not(#_) .aa-liste { border-top: 0; }
html:not(#_) .aa-ligne { border-radius: 20px; padding-inline: .6rem; border-bottom-style: dashed; transition: background .25s, box-shadow .25s; }
html:not(#_) .aa-ligne:hover { background: #f5ead9; box-shadow: 0 10px 22px -18px rgba(90, 59, 42, .9); }
html:not(#_) .aa-ligne .aa-ligne__img { border-radius: 50%; padding: 3px; border: 2px solid #b3805a; background: #fbf5ec; box-shadow: 0 6px 14px -8px rgba(90, 59, 42, .7); }
html:not(#_) .aa-ligne .aa-ligne__img img { border-radius: 50%; }
html:not(#_) .aa-ligne .aa-ligne__titre a { color: #5a3b2a; font-family: var(--aa-police-titre); }
html:not(#_) .aa-ligne .aa-ligne__cat { color: #7a4f36; }
html:not(#_) .aa-ligne .aa-ligne__new { border-radius: 999px; background: #3f5b31; padding-inline: .6rem; }
html:not(#_) .aa-ligne .aa-ligne__lire { border-radius: 999px; }

/* --- boutons ----------------------------------------------------------------------------- */
html:not(#_) .aa-btn.aa-btn--primaire { background: #5a3b2a; color: #fff; border-color: #5a3b2a; box-shadow: 0 8px 18px -10px rgba(58, 37, 25, .9); }
html:not(#_) .aa-btn.aa-btn--secondaire { background: #fbf5ec; color: #3a2519; border-color: #5a3b2a; }
html:not(#_) .aa-pagination a, html:not(#_) .aa-pagination span { border-radius: 999px; }

/* --- villes / catégories : grille serrée de badges ---------------------------------------- */
html:not(#_) .aa-liens { gap: .35rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); }
html:not(#_) .aa-liens li { border-radius: 999px; background: #fbf5ec; border-color: #e2cfb5; padding-left: .8rem; }
html:not(#_) .aa-liens li::before { display: none; }
html:not(#_) .aa-liens li:hover { border-color: #5a3b2a; background: #f3e7d6; }
html:not(#_) .aa-liens__nb, html:not(#_) .aa-side__nb { background: #5a3b2a; color: #fff; border-radius: 999px; padding: 0 .45rem; font-size: .75rem; font-weight: 700; min-width: 1.6em; text-align: center; }
html:not(#_) .aa-chip { border-radius: 999px; background: #fbf5ec; color: #3a2519; }
html:not(#_) .aa-atouts > * { border-radius: 20px; }

/* --- fiche : photo en arche, tableau crème ----------------------------------------------- */
html:not(#_) .aa-fiche__photo { border-radius: 160px 160px 18px 18px; border: 3px solid #b3805a; box-shadow: 0 16px 30px -18px rgba(58, 37, 25, .8); }
html:not(#_) .aa-fiche__miniatures img { border-radius: 50%; }
html:not(#_) .aa-fiche__titre { font-family: var(--aa-police-titre); color: #3a2519; }
html:not(#_) .aa-fiche__phy > * { border-radius: 14px; }
html:not(#_) .aa-repondre, html:not(#_) .aa-tchat { border-radius: 22px; }
html:not(#_) .aa-form input, html:not(#_) .aa-form select, html:not(#_) .aa-form textarea { border-radius: 12px; background: #fff; }

/* --- pied basalte à filet caramel --------------------------------------------------------- */
html:not(#_) .aa-footer { background: #221a15; border-top: 0; box-shadow: inset 0 3px 0 #b3805a, inset 0 6px 0 #5a3b2a; color: #eadccb; }
html:not(#_) .aa-footer__h { color: #e9c9a8; font-family: var(--aa-police-titre); }
html:not(#_) .aa-footer a:hover { color: #fff; }
html:not(#_) .aa-footer__bas { border-top-color: rgba(233, 201, 168, .25); color: #cdbcaa; }

@media (max-width: 640px) {
  html:not(#_) .aa-main > .aa-wrap { border-radius: 18px; }
  html:not(#_) .aa-hero { background-size: 170px auto; }
  html:not(#_) .aa-fiche__photo { border-radius: 110px 110px 16px 16px; }
}
@media (prefers-reduced-motion: reduce) { html:not(#_) .aa-ligne { transition: none; } }