/* classificados-gay-brasil.lat — registre « ipê amarelo » (inspiration Brésil)
   Palette : accent ipê du favicon #d9a400 (boutons jaunes, encre #2a1f05 dessus),
   ocre profond #7d5a00 pour liens et catégories (lisible sur crème et en blanc),
   neutre chaud = crème / sable (#fffaf0, #f7edd6, #efe1c1), encre #2b2410.
   Composition : logo à DROITE, actions à GAUCHE ; vague sous l'en-tête et au-dessus du pied ;
   vignettes en médaillon cerclé d'ipê ; lignes d'annonce en cartes arrondies 18 px à ombre douce ;
   photo de fiche en arche ; CTA en carte centrée ; pied sombre à filet d'accent. */

html:not(#_) .skin-2, html:not(#_) body.skin-2 {
  color-scheme: light;
  --aa-accent: #d9a400;
  --aa-primaire: #7d5a00; --aa-primaire-txt: #fff;
  --aa-fond: #f7edd6; --aa-surface: #fffaf0;
  --aa-texte: #2b2410; --aa-muet: #6a5a38; --aa-bord: #e8d6ae;
  --aa-secondaire: #2b2410; --aa-secondaire-txt: #fffaf0;
  --aa-rayon: 18px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 4px rgba(125, 90, 0, .06), 0 16px 32px -20px rgba(160, 110, 0, .55);
  --aa-police: "Segoe UI", "Trebuchet MS", Roboto, sans-serif;
  --aa-police-titre: "Trebuchet MS", "Segoe UI", sans-serif;
  --aa-tete: #fffaf0; --aa-tete-txt: #2b2410;
  --aa-pied: #211a0c; --aa-pied-txt: #efe3c6; --aa-erreur: #b3261e;
  --ipe: #d9a400; --ipe-encre: #2a1f05;
}

/* Fond sable semé de pétales d'ipê très discrets */
html:not(#_) body.skin-2 {
  background-color: var(--aa-fond);
  background-image: radial-gradient(ellipse 5px 3px at 30% 40%, rgba(217, 164, 0, .18), transparent 70%),
                    radial-gradient(ellipse 3px 5px at 75% 70%, rgba(217, 164, 0, .14), transparent 70%);
  background-size: 90px 90px, 130px 130px;
  color: var(--aa-texte);
}

/* ---------- En-tête : logo à droite, actions à gauche, vague dessous ---------- */
html:not(#_) .skin-2 .aa-header {
  border-top: 0; background: var(--aa-tete); color: var(--aa-tete-txt);
  box-shadow: 0 10px 24px -22px rgba(125, 90, 0, .8);
}
html:not(#_) .skin-2 .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 10-30 10S75 4 60 4 45 14 30 14 15 4 0 4z' fill='%23fffaf0'/%3E%3Cpath d='M0 4c15 0 15 10 30 10S45 4 60 4s15 10 30 10 15-10 30-10' fill='none' stroke='%23d9a400' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x;
  background-size: 120px 14px;
}
html:not(#_) .skin-2 .aa-header .aa-header__in { flex-direction: row-reverse; }
html:not(#_) .skin-2 .aa-header .aa-logo { letter-spacing: .04em; font-weight: 800; text-transform: none; font-size: 1.12rem; color: var(--aa-texte); font-family: var(--aa-police-titre); }
html:not(#_) .skin-2 .aa-header .aa-logo__mark {
  width: 30px; height: 30px; border-radius: 50%;
  background: radial-gradient(circle, #7d5a00 0 18%, #d9a400 20% 60%, #fffaf0 62% 70%, #d9a400 72%);
  box-shadow: 0 4px 10px -4px rgba(217, 164, 0, .9);
}
html:not(#_) .skin-2 .aa-header .aa-nav a { text-transform: none; font-size: .92rem; letter-spacing: .01em; color: var(--aa-texte); border-radius: 999px; }
html:not(#_) .skin-2 .aa-header .aa-nav a:hover, html:not(#_) .skin-2 .aa-header .aa-nav a.is-actif { background: #f7e7bd; text-decoration: none; }
html:not(#_) .skin-2 .aa-header .aa-nav .aa-nav__cta a { background: var(--ipe); color: var(--ipe-encre) !important; margin-left: .4rem; box-shadow: 0 8px 16px -10px rgba(160, 110, 0, .9); }
html:not(#_) .skin-2 .aa-header .aa-burger { color: var(--aa-texte); border: 1px solid var(--aa-bord); border-radius: 50%; }
@media (max-width: 800px) {
  html:not(#_) .skin-2 .aa-header .aa-nav { background: #fffaf0; border-radius: 0 0 22px 22px; border-bottom: 3px solid var(--ipe); }
  html:not(#_) .skin-2 .aa-header .aa-nav .aa-nav__cta a { margin: .4rem 0 0; }
}

/* ---------- Accueil : hero crème, fleur d'ipê en filigrane, carte d'inscription ---------- */
html:not(#_) .skin-2 .aa-main .aa-hero {
  position: relative; overflow: hidden; border-bottom: 0; padding-top: 2.4rem;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='%23d9a400' opacity='.28'%3E%3Cellipse rx='13' ry='24' cy='-22'/%3E%3Cellipse rx='13' ry='24' cy='-22' transform='rotate(72)'/%3E%3Cellipse rx='13' ry='24' cy='-22' transform='rotate(144)'/%3E%3Cellipse rx='13' ry='24' cy='-22' transform='rotate(216)'/%3E%3Cellipse rx='13' ry='24' cy='-22' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle r='7' fill='%237d5a00' opacity='.35'/%3E%3C/svg%3E") no-repeat right -60px top -50px / 260px,
    linear-gradient(160deg, #fff4d2, #f7edd6 65%);
}
html:not(#_) .skin-2 .aa-main .aa-hero .aa-h1 { font-family: var(--aa-police-titre); letter-spacing: -.01em; color: #2b2410; }
html:not(#_) .skin-2 .aa-main .aa-hero .aa-hero__txt p { color: #4d4128; }
html:not(#_) .skin-2 .aa-main .aa-hero__form {
  border: 0; border-top: 5px solid var(--ipe); border-radius: 24px; background: #fffaf0;
  box-shadow: 0 24px 44px -26px rgba(125, 90, 0, .7); padding: 1.4rem 1.4rem 1.2rem;
}
html:not(#_) .skin-2 .aa-main .aa-hero__form .aa-hero__form-p { color: var(--aa-muet); }

/* Boutons : jaune ipê, encre sombre, pilule */
html:not(#_) .skin-2 .aa-btn.aa-btn--primaire { background: var(--ipe); color: var(--ipe-encre); border-color: var(--ipe); border-radius: 999px; box-shadow: 0 10px 20px -12px rgba(160, 110, 0, .9); }
html:not(#_) .skin-2 .aa-btn.aa-btn--primaire:hover { filter: brightness(1.06); box-shadow: 0 0 0 4px rgba(217, 164, 0, .25); }
html:not(#_) .skin-2 .aa-btn.aa-btn--secondaire { background: #fffaf0; color: #2b2410; border-color: #2b2410; border-radius: 999px; }
html:not(#_) .skin-2 .aa-btn.aa-btn--secondaire:hover { background: #2b2410; color: #fffaf0; }

/* Titres de section : cartouche à pastille */
html:not(#_) .skin-2 .aa-h2 { font-family: var(--aa-police-titre); color: #2b2410; display: flex; align-items: center; gap: .55rem; }
html:not(#_) .skin-2 .aa-h2::before { content: ""; flex: none; width: 14px; height: 14px; border-radius: 50%; background: var(--ipe); box-shadow: 0 0 0 4px #f7e7bd; }

/* ---------- Filtres et colonne latérale ---------- */
html:not(#_) .skin-2 .aa-filtres, html:not(#_) .skin-2 .aa-layout .aa-side {
  border: 0; border-radius: 22px; background: #fffaf0; box-shadow: var(--aa-ombre);
}
html:not(#_) .skin-2 .aa-layout .aa-side { border-left: 0; padding: 1rem 1.1rem; }
html:not(#_) .skin-2 .aa-side .aa-side__h { color: #7d5a00; letter-spacing: .08em; }
html:not(#_) .skin-2 .aa-side .aa-side__liste a { color: #2b2410; }
html:not(#_) .skin-2 .aa-side .aa-side__liste li.is-actif a { color: #7d5a00; }
html:not(#_) .skin-2 .aa-side .aa-side__nb { background: #f7e7bd; color: #5a4000; border-radius: 999px; min-width: 1.8em; text-align: center; }
html:not(#_) .skin-2 select, html:not(#_) .skin-2 input, html:not(#_) .skin-2 textarea { background-color: #fff; color: #2b2410; border-color: #dcc79a; border-radius: 12px; }

/* ---------- Lignes d'annonce : cartes 18 px, vignette en médaillon ---------- */
html:not(#_) .skin-2 .aa-liste { gap: .8rem; }
html:not(#_) .skin-2 .aa-liste .aa-ligne {
  border: 0; border-radius: 18px; background: #fffaf0; box-shadow: var(--aa-ombre);
  transition: transform .2s ease, box-shadow .2s ease;
}
html:not(#_) .skin-2 .aa-liste .aa-ligne:hover { background: #fffaf0; transform: translateY(-2px); box-shadow: 0 2px 4px rgba(125, 90, 0, .08), 0 22px 36px -20px rgba(160, 110, 0, .7); }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__img {
  border-radius: 50%; background: #f7e7bd;
  box-shadow: 0 0 0 3px #fffaf0, 0 0 0 5px var(--ipe), 0 10px 18px -10px rgba(125, 90, 0, .8);
  overflow: hidden; align-self: center; margin: 4px;
}
html:not(#_) .skin-2 .aa-ligne .aa-ligne__img img { transition: transform .35s ease; }
html:not(#_) .skin-2 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.07); }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__nb { border-radius: 999px; background: rgba(43, 36, 16, .82); color: #fff; }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__titre, html:not(#_) .skin-2 .aa-ligne .aa-ligne__titre a { color: #2b2410; }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__titre a:hover { color: #7d5a00; }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__meta, html:not(#_) .skin-2 .aa-ligne .aa-ligne__date { color: #6a5a38; }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__extrait { color: #4d4128; }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__cat, html:not(#_) .skin-2 .aa-fiche__cat a { color: #7d5a00; }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__new, html:not(#_) .skin-2 .aa-fiche .aa-fiche__new { background: var(--ipe); color: var(--ipe-encre); }
html:not(#_) .skin-2 .aa-ligne .aa-ligne__lire { border-radius: 999px; }
html:not(#_) .skin-2 .aa-ligne--sans-photo .aa-ligne__img { background: #f7e7bd; }

/* Blocs de liens (catégories, régions, villes) : pilules crème */
html:not(#_) .skin-2 .aa-liens li { border-radius: 999px; background: #fffaf0; border-color: #eddcb4; padding-inline: .8rem; }
html:not(#_) .skin-2 .aa-liens li a { color: #2b2410; }
html:not(#_) .skin-2 .aa-liens li:hover { border-color: var(--ipe); }
html:not(#_) .skin-2 .aa-pagination a, html:not(#_) .skin-2 .aa-pagination span { border-radius: 999px; }
html:not(#_) .skin-2 .aa-pagination .is-actif { background: var(--ipe); color: var(--ipe-encre); border-color: var(--ipe); }
html:not(#_) .skin-2 .aa-chips li, html:not(#_) .skin-2 .aa-chip { background: #f7e7bd; color: #3d3110; border-color: #eddcb4; border-radius: 999px; }

/* ---------- Fiche d'annonce : photo en arche, CTA en carte ---------- */
html:not(#_) .skin-2 .aa-fiche .aa-fiche__photo {
  border-radius: 999px 999px 22px 22px; background: #f7e7bd;
  box-shadow: 0 0 0 4px #fffaf0, 0 0 0 6px var(--ipe), 0 26px 40px -24px rgba(125, 90, 0, .8);
}
html:not(#_) .skin-2 .aa-fiche .aa-fiche__titre { font-family: var(--aa-police-titre); color: #2b2410; }
html:not(#_) .skin-2 .aa-fiche .aa-fiche__texte { color: #3a3018; }
html:not(#_) .skin-2 .aa-fiche .aa-fiche__cta--haut {
  border: 0; border-top: 5px solid var(--ipe); border-left: 0; border-radius: 22px; background: #fffaf0;
  box-shadow: 0 22px 40px -24px rgba(125, 90, 0, .75); padding: 1rem;
}
html:not(#_) .skin-2 .aa-fiche .aa-fiche__plage, html:not(#_) .skin-2 .aa-fiche .aa-fiche__infos,
html:not(#_) .skin-2 .aa-repondre, html:not(#_) .skin-2 .aa-depot__bloc {
  background: #fffaf0; border: 0; border-radius: 20px; box-shadow: var(--aa-ombre); color: #2b2410;
}
html:not(#_) .skin-2 .aa-fiche .aa-fiche__phy { background: #f7edd6; border-color: #eddcb4; border-radius: 14px; color: #2b2410; }
html:not(#_) .skin-2 .aa-fiche .aa-fiche__miniatures img { border-radius: 50%; box-shadow: 0 0 0 2px var(--ipe); }
html:not(#_) .skin-2 .aa-fiche__barre { background: rgba(255, 250, 240, .96); box-shadow: 0 -10px 24px -14px rgba(125, 90, 0, .6); }

html:not(#_) .skin-2 .aa-fiche .aa-fiche__photo .aa-fiche__new { top: auto; bottom: .9rem; right: auto; left: 50%; transform: translateX(-50%); z-index: 2; box-shadow: 0 6px 14px -6px rgba(43, 36, 16, .7); }

/* ---------- Pop-up et porte d'âge ---------- */
html:not(#_) .skin-2 .aa-gate, html:not(#_) .skin-2 .aa-popup { background: rgba(33, 26, 12, .82); }
html:not(#_) .skin-2 .aa-gate__box, html:not(#_) .skin-2 .aa-popup__box { border: 0; border-top: 6px solid var(--ipe); border-radius: 26px; background: #fffaf0; color: #2b2410; }
html:not(#_) .skin-2 .aa-gate .aa-gate__mark { background: var(--ipe); color: var(--ipe-encre); box-shadow: 0 0 0 6px #f7e7bd; }

/* ---------- Pied de page : sombre, vague et filet d'ipê ---------- */
html:not(#_) .skin-2 .aa-footer {
  position: relative; margin-top: 3.4rem; border-top: 4px solid var(--ipe);
  background: #211a0c; color: #efe3c6;
}
html:not(#_) .skin-2 .aa-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 18px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 18' preserveAspectRatio='none'%3E%3Cpath d='M0 18V10c15 0 15-9 30-9s15 9 30 9 15-9 30-9 15 9 30 9v8z' fill='%23d9a400'/%3E%3C/svg%3E") repeat-x;
  background-size: 120px 18px;
}
html:not(#_) .skin-2 .aa-footer a { color: #efe3c6; }
html:not(#_) .skin-2 .aa-footer a:hover { color: #ffd34d; }
html:not(#_) .skin-2 .aa-footer .aa-footer__h { color: #ffcf3a; letter-spacing: .1em; }
html:not(#_) .skin-2 .aa-footer .aa-footer__brand { color: #fff; letter-spacing: .06em; }
html:not(#_) .skin-2 .aa-footer .aa-footer__fictif, html:not(#_) .skin-2 .aa-footer .aa-footer__bas { color: #cdbf9c; }

@media (prefers-reduced-motion: reduce) {
  html:not(#_) .skin-2 .aa-liste .aa-ligne, html:not(#_) .skin-2 .aa-ligne .aa-ligne__img img { transition: none; }
  html:not(#_) .skin-2 .aa-liste .aa-ligne:hover { transform: none; }
  html:not(#_) .skin-2 .aa-ligne:hover .aa-ligne__img img { transform: none; }
}
