/* anuncios-gay-chile.lat — annoncesastro (skin-2, aa-compo-1)
   REGISTRE « copihue » — la fleur rouge du Chili : cloche charnue, pétales cireux, feuillage sombre.
   PALETTE  rouge copihue du favicon #b3123b (profond #7e0d2a, clair #e0486e, voile #fbe3e9)
            + neutres chauds ivoire #fdf7f0 / lin #f5e9dc / sable #ead8c6
            + encre #2a1519 (muet #6b5256). Aucun accent étranger à la teinte.
   COMPOSITION en-tête en BANDEAU PLEIN rouge copihue (marque ivoire en cartouche, nav ivoire) ·
            lignes d'annonce à BORD HAUT ÉPAIS rouge, vignette en CLOCHE (arche renversée du copihue) ·
            catégories et « nouveau » en CARTOUCHES à encoches · cœur SVG discret dans le hero ·
            fiche : cadre-cloche de la photo, appels en carte ivoire à liseré haut · pied rouge profond
            sur une ligne par colonne.
   FORMES   cloche · cartouche · pilule · cœur.
   Les deux appels de la fiche, le bouton du dépôt, la barre basse et la pop-up gardent place,
   taille et mécanique : seuls couleurs, bordures, rayons et rythme changent. */

/* 1. jetons */
html:not(#_) body.aa.skin-2 {
  color-scheme: light;
  --aa-accent: #b3123b; --aa-primaire: #b3123b; --aa-primaire-txt: #fff;
  --cp-fonce: #7e0d2a; --cp-clair: #e0486e; --cp-voile: #fbe3e9;
  --cp-ivoire: #fdf7f0; --cp-lin: #f5e9dc; --cp-sable: #ead8c6;
  --aa-fond: #f5e9dc; --aa-surface: #fdf7f0; --aa-texte: #2a1519; --aa-muet: #6b5256;
  --aa-bord: #e6d1c0; --aa-secondaire: #7e0d2a; --aa-secondaire-txt: #fff;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(126, 13, 42, .06), 0 14px 30px -16px rgba(126, 13, 42, .35);
  --aa-tete: #b3123b; --aa-tete-txt: #fff7f2;
  --aa-pied: #5e0a20; --aa-pied-txt: #f6e4e4;
  --aa-erreur: #a3172b;
  background: var(--aa-fond); color: var(--aa-texte);
}

/* 2. en-tête : bandeau plein */
html:not(#_) .skin-2 .aa-header { background: linear-gradient(180deg, #bb1741, #a50f36); border: 0; box-shadow: 0 10px 24px -14px rgba(126, 13, 42, .7); }
html:not(#_) .skin-2 .aa-header__in { min-height: 66px; }
html:not(#_) .skin-2 .aa-logo { color: #fff7f2; background: rgba(255, 247, 242, .12); padding: .35rem 1rem .35rem .7rem; border-radius: 999px; letter-spacing: .08em; box-shadow: inset 0 0 0 1px rgba(255, 247, 242, .35); }
html:not(#_) .skin-2 .aa-logo__mark { width: 16px; height: 20px; border-radius: 50% 50% 45% 45% / 30% 30% 70% 70%; background: #fff7f2; box-shadow: 0 0 0 3px rgba(255, 247, 242, .25); }
html:not(#_) .skin-2 .aa-nav a { color: #fff7f2; border-radius: 999px; }
html:not(#_) .skin-2 .aa-nav a:hover, html:not(#_) .skin-2 .aa-nav a.is-actif { background: rgba(255, 247, 242, .16); }
html:not(#_) .skin-2 .aa-nav__cta a { background: #fff7f2; color: #8a0f2f !important; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5); }
html:not(#_) .skin-2 .aa-burger { color: #fff7f2; }
@media (max-width: 800px) {
  html:not(#_) .skin-2 .aa-nav { background: #a50f36; border-bottom: 0; border-radius: 0 0 22px 22px; }
  html:not(#_) .skin-2 .aa-logo__txt { max-width: 58vw; }
}

/* 3. hero + cœur */
html:not(#_) .skin-2 .aa-hero {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M16 29 3 16C-1 12 0 5 5 3c4-2 8 0 11 4 3-4 7-6 11-4 5 2 6 9 2 13Z' fill='%23b3123b' fill-opacity='.08'/%3E%3C/svg%3E") no-repeat right 4% top 18px / 190px auto,
    radial-gradient(70% 120% at 0% 0%, var(--cp-voile), transparent 65%), var(--cp-lin);
  border-bottom: 0; }
html:not(#_) .skin-2 .aa-h1 { color: var(--cp-fonce); }
html:not(#_) .skin-2 .aa-intro, html:not(#_) .skin-2 .aa-hero__chiffres { color: var(--aa-muet); }
html:not(#_) .skin-2 .aa-hero__form { background: var(--cp-ivoire); border: 0; border-top: 6px solid var(--aa-primaire); border-radius: 22px 22px 16px 16px; box-shadow: var(--aa-ombre); }
html:not(#_) .skin-2 .aa-hero__form-h { color: var(--cp-fonce); }

/* 4. boutons */
html:not(#_) .skin-2 .aa-btn { border-radius: 999px; }
html:not(#_) .skin-2 .aa-btn--primaire { background: var(--aa-primaire); color: #fff; box-shadow: 0 10px 20px -12px rgba(179, 18, 59, .8); }
html:not(#_) .skin-2 .aa-btn--secondaire { background: var(--cp-ivoire); color: var(--cp-fonce); border-color: var(--cp-fonce); }
html:not(#_) .skin-2 .aa-btn:hover { box-shadow: 0 0 0 3px rgba(179, 18, 59, .2); }

/* 5. barre latérale, filtres, blocs */
html:not(#_) .skin-2 .aa-side, html:not(#_) .skin-2 .aa-filtres, html:not(#_) .skin-2 .aa-depot__bloc,
html:not(#_) .skin-2 .aa-repondre, html:not(#_) .skin-2 .aa-fiche__infos, html:not(#_) .skin-2 .aa-vide {
  background: var(--cp-ivoire); color: var(--aa-texte); border: 1px solid var(--aa-bord); border-top: 5px solid var(--aa-primaire);
  border-radius: 18px; box-shadow: var(--aa-ombre); }
html:not(#_) .skin-2 .aa-side__h { color: var(--cp-fonce); }
html:not(#_) .skin-2 .aa-side__liste li { border-top-color: var(--cp-lin); }
html:not(#_) .skin-2 .aa-filtres select, html:not(#_) .skin-2 .aa-form input, html:not(#_) .skin-2 .aa-form select,
html:not(#_) .skin-2 .aa-form textarea, html:not(#_) .skin-2 .aa-hero__form input, html:not(#_) .skin-2 .aa-repondre input,
html:not(#_) .skin-2 .aa-repondre textarea {
  background: #fff; color: var(--aa-texte); border: 1px solid var(--cp-sable); border-radius: 12px; }

/* 6. lignes d'annonce : bord haut épais, vignette en cloche */
html:not(#_) .skin-2 .aa-liste { gap: .9rem; }
html:not(#_) .skin-2 .aa-ligne { background: var(--cp-ivoire); border: 1px solid var(--aa-bord); border-top: 5px solid var(--aa-primaire); border-radius: 6px 6px 18px 18px; box-shadow: var(--aa-ombre); }
html:not(#_) .skin-2 .aa-ligne:hover { background: #fff; border-top-color: var(--cp-fonce); box-shadow: 0 18px 34px -18px rgba(126, 13, 42, .45); }
html:not(#_) .skin-2 .aa-ligne__img { border-radius: 10px 10px 50% 50% / 10px 10px 34% 34%; background: var(--cp-voile); box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--cp-sable); }
html:not(#_) .skin-2 .aa-ligne__img img { transition: transform .35s ease; }
html:not(#_) .skin-2 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
html:not(#_) .skin-2 .aa-ligne--sans-photo .aa-ligne__img { background: var(--cp-voile); }
html:not(#_) .skin-2 .aa-ligne__titre, html:not(#_) .skin-2 .aa-ligne__titre a { color: var(--aa-texte); }
html:not(#_) .skin-2 .aa-ligne__meta, html:not(#_) .skin-2 .aa-ligne__date, html:not(#_) .skin-2 .aa-ligne__extrait { color: var(--aa-muet); }

/* cartouches à encoches */
html:not(#_) .skin-2 .aa-ligne__cat, html:not(#_) .skin-2 .aa-fiche__cat a {
  color: var(--cp-fonce); background: var(--cp-voile); padding: .08rem .6rem;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%); }
html:not(#_) .skin-2 .aa-ligne__new, html:not(#_) .skin-2 .aa-fiche__new {
  background: var(--aa-primaire); color: #fff; border-radius: 0;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%); padding-inline: .7rem; }
html:not(#_) .skin-2 .aa-ligne__nb { background: rgba(42, 21, 25, .78); color: #fff; }

/* 7. listes de liens, pastilles, pagination */
html:not(#_) .skin-2 .aa-liens li { background: var(--cp-ivoire); border: 1px solid var(--aa-bord); border-radius: 999px; }
html:not(#_) .skin-2 .aa-liens li a { color: var(--aa-texte); }
html:not(#_) .skin-2 .aa-liens__nb { color: var(--cp-fonce); }
html:not(#_) .skin-2 .aa-chips li, html:not(#_) .skin-2 .aa-chip { background: var(--cp-voile); color: var(--cp-fonce); border-radius: 999px; }
html:not(#_) .skin-2 .aa-pagination a, html:not(#_) .skin-2 .aa-pagination span { border-radius: 999px; background: var(--cp-ivoire); color: var(--aa-texte); }
html:not(#_) .skin-2 .aa-h2 { color: var(--cp-fonce); }

/* 8. fiche d'annonce */
html:not(#_) .skin-2 .aa-fiche__titre { color: var(--cp-fonce); }
html:not(#_) .skin-2 .aa-fiche__photo { border-radius: 18px 18px 46% 46% / 18px 18px 22% 22%; overflow: hidden; box-shadow: 0 0 0 5px var(--cp-ivoire), 0 18px 34px -16px rgba(126, 13, 42, .5); }
html:not(#_) .skin-2 .aa-fiche__cta--haut { background: var(--cp-ivoire); border: 1px solid var(--aa-bord); border-top: 5px solid var(--aa-primaire); border-radius: 18px; }
html:not(#_) .skin-2 .aa-fiche__phy { background: var(--cp-ivoire); border-color: var(--aa-bord); border-radius: 12px; }
html:not(#_) .skin-2 .aa-fiche__plage { background: var(--cp-voile); color: var(--cp-fonce); border-radius: 999px; }
html:not(#_) .skin-2 .aa-fiche__barre { background: rgba(253, 247, 240, .95); border-top: 3px solid var(--aa-primaire); }

/* 9. porte et pop-up */
html:not(#_) .skin-2 .aa-gate, html:not(#_) .skin-2 .aa-popup { background: rgba(42, 12, 20, .78); }
html:not(#_) .skin-2 .aa-gate__box, html:not(#_) .skin-2 .aa-popup__box { background: var(--cp-ivoire); color: var(--aa-texte); border: 0; border-top: 6px solid var(--aa-primaire); border-radius: 22px; }

/* 10. pied : une ligne par colonne */
html:not(#_) .skin-2 .aa-footer { background: linear-gradient(180deg, #6a0c24, #4e0819); color: var(--aa-pied-txt); border-top: 0; border-radius: 28px 28px 0 0; }
html:not(#_) .skin-2 .aa-footer__brand, html:not(#_) .skin-2 .aa-footer__h { color: #fff; }
@media (min-width: 900px) {
  html:not(#_) .skin-2 .aa-footer__grid { grid-template-columns: 1fr; gap: .9rem; }
  html:not(#_) .skin-2 .aa-footer__col { display: flex; align-items: baseline; gap: 1.2rem; padding-bottom: .8rem; border-bottom: 1px solid rgba(246, 228, 228, .14); }
  html:not(#_) .skin-2 .aa-footer__col > :first-child { flex: 0 0 170px; margin: 0; }
  html:not(#_) .skin-2 .aa-footer__col ul { display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; }
}
html:not(#_) .skin-2 .aa-footer__bas { border-top-color: rgba(246, 228, 228, .2); justify-content: center; }

/* 11. lisibilité des liens sur fonds sombres (pied, bandeau) */
html:not(#_) .skin-2 .aa-footer a { color: #f6e4e4; }
html:not(#_) .skin-2 .aa-footer a:hover { color: #fff; }
html:not(#_) .skin-2 .aa-logo, html:not(#_) .skin-2 .aa-logo__txt { color: #fff7f2; }
@media (max-width: 720px) {
  html:not(#_) .skin-2 .aa-hero { background-position: right 10px top 8px, 0 0, 0 0; background-size: 64px auto, auto, auto; }
}