/* encontros-casuais-brasil.lat — registre « pedra mineira » (inspiration Brésil : pedra-sabão d'Ouro Preto,
   chaux des façades coloniales de Minas Gerais).
   Palette : accent = vert-de-gris du favicon #4f5d57 (boutons, bandeaux), nuance profonde #34403b,
   nuance claire #a9b8b0 (filets sur fond sombre) ; neutre chaud = chaux et lin (#f7f2e9, #efe6d6, #e4d8c3) ;
   encre #1f2622. Titres en Georgia.
   Composition : logo dans un cartouche à coins taillés, nav en pilules alignées à droite sur la même rangée ;
   médaillons ronds (âge de la fiche, chiffres d'accueil, compteurs) ; vague sculptée sous les titres de section ;
   cartes larges photo à gauche sur toute la hauteur ; pied sombre à filet d'accent. */

html:not(#_), html:not(#_) body, html:not(#_) .skin-1 {
  --aa-accent: #4f5d57; --aa-teinte: #4f5d57;
  --aa-primaire: #4f5d57; --aa-primaire-fonce: #34403b; --aa-primaire-txt: #fff;
  --aa-page: #e9e0cf; --aa-fond: #fbf8f2; --aa-surface: #fffdf8; --aa-surface-2: #f3ece0;
  --aa-bord: #e0d5c1; --aa-texte: #1f2622; --aa-muet: #56605b; --aa-lien: #34403b;
  --aa-tete: #2b332f; --aa-tete-txt: #f5efe4; --aa-barre: #2b332f;
  --aa-bande: #4f5d57; --aa-bande-txt: #fff; --aa-bande-bord: #34403b;
  --aa-secondaire: #34403b; --aa-secondaire-txt: #fff;
  --aa-pied: #232a26; --aa-pied-txt: #e7e0d2; --aa-ok: #4b6b52;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(52, 64, 59, .06), 0 18px 34px -22px rgba(52, 64, 59, .6);
  --aa-police-titre: Georgia, "Palatino Linotype", "Book Antiqua", serif;
  --pm-vague: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 7 C15 1 25 1 40 6 S65 11 80 6 105 1 120 6' fill='none' stroke='%234f5d57' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html:not(#_) body {
  background-color: var(--aa-page);
  background-image:
    radial-gradient(ellipse 60% 40% at 15% 0%, rgba(79, 93, 87, .14), transparent 70%),
    radial-gradient(ellipse 50% 35% at 90% 8%, rgba(255, 250, 240, .6), transparent 70%);
}
html:not(#_) .aa-main a:not(.aa-btn) { color: var(--aa-lien); }

/* ---------- En-tête : pierre sombre, cartouche + pilules ---------- */
html:not(#_) .skin-1 .aa-header {
  background:
    radial-gradient(ellipse 40% 120% at 80% 0%, rgba(169, 184, 176, .16), transparent 70%),
    linear-gradient(180deg, #313a35, #262d29);
  color: #f5efe4; box-shadow: 0 3px 0 #4f5d57, 0 14px 26px -18px rgba(35, 42, 38, .9);
}
html:not(#_) .aa-header .aa-logo {
  padding: .35rem .9rem .35rem .45rem; border: 1px solid rgba(233, 224, 207, .45);
  background: rgba(247, 242, 233, .06);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
  box-shadow: inset 0 0 0 3px rgba(35, 42, 38, .5);
}
html:not(#_) .aa-header .aa-logo__txt { font-family: var(--aa-police-titre); font-weight: 700; color: #f7f2e9; letter-spacing: .01em; }
html:not(#_) .aa-header .aa-logo__sous { color: #d8cfbf; opacity: 1; }
html:not(#_) .aa-logo .aa-logo__mark {
  border-radius: 50%; background: radial-gradient(circle at 35% 30%, #a9b8b0, #4f5d57 60%, #34403b);
  box-shadow: 0 0 0 2px #2b332f, 0 0 0 3px #a9b8b0;
}
html:not(#_) .aa-header .aa-burger { color: #f5efe4; border-color: rgba(233, 224, 207, .4); border-radius: 12px; }
html:not(#_) .skin-1 .aa-header .aa-header__cta {
  border-radius: 999px; background: #efe6d6; color: #1f2622; border: 0; font-weight: 700;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .6);
}
html:not(#_) .skin-1 .aa-header .aa-header__cta:hover { background: #fff; }

@media (min-width: 860px) {
  html:not(#_) .skin-1 .aa-header__in {
    grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "logo nav cta";
    padding-block: .8rem; gap: 1rem;
  }
  html:not(#_) .skin-1 .aa-nav { background: none; margin-inline: 0; padding-inline: 0; }
  html:not(#_) .skin-1 .aa-header .aa-logo { min-width: 0; flex: none; }
  html:not(#_) .skin-1 .aa-header .aa-logo__txt { font-size: 1.08rem; overflow: visible; }
  html:not(#_) .skin-1 .aa-header .aa-logo__sous { font-size: .68rem; }
  html:not(#_) .skin-1 .aa-nav ul { justify-content: flex-end; gap: .15rem; flex-wrap: nowrap; }
  html:not(#_) .skin-1 .aa-nav a {
    border-radius: 999px; border: 1px solid transparent; padding: .4rem .55rem; font-size: .78rem; white-space: nowrap; gap: .3rem;
    color: #efe8da;
  }
  html:not(#_) .skin-1 .aa-nav a:hover { background: rgba(247, 242, 233, .1); border-color: rgba(233, 224, 207, .3); }
  html:not(#_) .skin-1 .aa-nav a.is-actif { background: #f7f2e9; color: #1f2622; border-color: #f7f2e9; }
}
@media (max-width: 859px) {
  html:not(#_) .aa-header .aa-logo { padding-block: .25rem; }
  html:not(#_) .aa-header .aa-nav { background: #f7f2e9; border-radius: 18px; box-shadow: 0 14px 28px -14px rgba(0, 0, 0, .6); }
  html:not(#_) .aa-header .aa-nav a { color: #1f2622; border-radius: 999px; }
  html:not(#_) .aa-header .aa-nav a.is-actif { background: #e4ddd0; border-left: 0; box-shadow: inset 4px 0 0 #4f5d57; }
  html:not(#_) .aa-header .aa-nav .aa-nav__cta a { background: #4f5d57; color: #fff; }
}

/* ---------- Conteneurs ---------- */
html:not(#_) .aa-main > .aa-wrap { border: 0; border-radius: 26px; background: var(--aa-fond); box-shadow: 0 0 0 1px #e4d8c3, var(--aa-ombre); }
html:not(#_) .aa-layout .aa-side { border: 0; border-radius: 20px; background: #f3ece0; box-shadow: inset 0 0 0 1px #e4d8c3, 0 12px 22px -20px rgba(52, 64, 59, .7); }
html:not(#_) .aa-layout .aa-side--deposer { background: none; box-shadow: none; }
html:not(#_) .aa-side .aa-side__liste li a { color: #1f2622; }
html:not(#_) .aa-side .aa-side__liste li::before { background: #4f5d57; }
html:not(#_) .aa-side .aa-side__nb, html:not(#_) .aa-liens .aa-liens__nb {
  display: inline-grid; place-items: center; min-width: 1.9em; height: 1.9em; padding: 0 .3rem;
  border-radius: 999px; border: 0; background: #fffdf8; color: #34403b; font-weight: 700;
  box-shadow: 0 0 0 1px #d6cab3;
}
html:not(#_) .aa-side__liste--inline .aa-side__nb { box-shadow: none; background: none; height: auto; }

/* Bandeaux : pierre pleine en cartouche, vague sculptée dessous */
html:not(#_) .skin-1 .aa-h2, html:not(#_) .skin-1 .aa-side__h, html:not(#_) .skin-1 .aa-bande, html:not(#_) .skin-1 .aa-depot__bloc legend {
  background: linear-gradient(90deg, #4f5d57, #5d6c65); color: #fff; border-left: 0;
  font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .01em; font-weight: 700;
}
html:not(#_) .skin-1 .aa-main .aa-h2 {
  position: relative; border-radius: 12px 12px 12px 2px; margin-bottom: 1.35rem; font-size: 1.02rem;
  box-shadow: 0 8px 16px -12px rgba(52, 64, 59, .9);
}
html:not(#_) .skin-1 .aa-main .aa-h2::after {
  content: ""; position: absolute; left: 12px; bottom: -13px; width: 120px; height: 10px; pointer-events: none;
  background: var(--pm-vague) no-repeat center / 100% 100%;
}
html:not(#_) .skin-1 .aa-side .aa-side__h { border-radius: 20px 20px 0 0; border-bottom: 0; box-shadow: inset 0 -3px 0 #34403b; }
html:not(#_) .skin-1 .aa-bande { border-radius: 999px; padding-inline: 1.1rem; }

/* ---------- Accueil ---------- */
html:not(#_) .skin-1 .aa-hero {
  position: relative; border: 0; border-radius: 24px; padding: 1.5rem 1.4rem 1.6rem;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 5 6.4 5c2 0 3.3 1.1 3.9 2.2.3.5 1.1.5 1.4 0C12.3 6.1 13.6 5 15.6 5 19 5 21.1 8.4 19.6 11.8 17.5 16.4 12 21 12 21z' fill='%234f5d57' fill-opacity='.12'/%3E%3C/svg%3E") no-repeat right -14px top -22px / 130px,
    linear-gradient(135deg, #efe6d6, #fbf8f2 70%);
  box-shadow: inset 0 0 0 1px #e4d8c3, 0 16px 30px -24px rgba(52, 64, 59, .8);
}
html:not(#_) .skin-1 .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #1f2622; }
html:not(#_) .skin-1 .aa-hero .aa-intro { color: #3f4843; }
html:not(#_) .skin-1 .aa-hero__chiffres span {
  background: #fffdf8; color: #34403b; border: 0; padding: .3rem .9rem .3rem .4rem;
  box-shadow: 0 0 0 1px #d6cab3, 0 6px 12px -10px rgba(52, 64, 59, .8);
}
html:not(#_) .skin-1 .aa-hero__chiffres span::before { width: 1.3em; height: 1.3em; background: radial-gradient(circle at 35% 30%, #a9b8b0, #4f5d57 65%); box-shadow: 0 0 0 2px #efe6d6; }

/* Champs et boutons */
html:not(#_) .aa-main input:not([type=radio]):not([type=checkbox]), html:not(#_) .aa-main select, html:not(#_) .aa-main textarea,
html:not(#_) .aa-side input:not([type=radio]):not([type=checkbox]), html:not(#_) .aa-side select {
  border-radius: 12px; border-color: #d6cab3; background: #fffdf8; color: #1f2622;
}
html:not(#_) .aa-main input:focus, html:not(#_) .aa-main select:focus, html:not(#_) .aa-main textarea:focus { outline: 2px solid #4f5d57; outline-offset: 1px; }
html:not(#_) .skin-1 .aa-btn { border-radius: 999px; min-height: 44px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
html:not(#_) .skin-1 .aa-btn--primaire, html:not(#_) .skin-1 button.aa-btn:not(.aa-btn--secondaire) {
  background: #4f5d57; color: #fff; border-color: #4f5d57; box-shadow: 0 10px 20px -12px rgba(52, 64, 59, .95);
}
html:not(#_) .skin-1 .aa-btn--primaire:hover, html:not(#_) .skin-1 button.aa-btn:not(.aa-btn--secondaire):hover { background: #34403b; transform: translateY(-1px); }
html:not(#_) .skin-1 .aa-btn--secondaire { background: #fffdf8; color: #34403b; border: 2px solid #4f5d57; }
html:not(#_) .skin-1 .aa-btn--secondaire:hover { background: #efe6d6; }

/* Catégories et chips */
html:not(#_) .aa-liens--cats li, html:not(#_) .aa-liens--villes li { border-color: #e4d8c3; }
html:not(#_) .aa-chips li, html:not(#_) .aa-chip { border-color: #d6cab3; background: #fffdf8; }
html:not(#_) .aa-chip:has(input:checked) { border-color: #4f5d57; background: #e4e8e3; }

/* ---------- Lignes d'annonce : cartes larges, photo à gauche sur toute la hauteur ---------- */
html:not(#_) .aa-main .aa-liste { border-top: 0; display: grid; gap: .9rem; }
html:not(#_) .skin-1 .aa-liste .aa-ligne {
  border: 0; border-radius: 20px; padding: .8rem 1rem .8rem .8rem; background: #fffdf8;
  box-shadow: 0 0 0 1px #e4d8c3, 0 12px 24px -20px rgba(52, 64, 59, .8);
  transition: transform .25s ease, box-shadow .25s ease;
}
html:not(#_) .skin-1 .aa-liste .aa-ligne:hover { background: #fffdf8; transform: translateY(-2px); box-shadow: 0 0 0 1px #c9bca3, 0 20px 32px -22px rgba(52, 64, 59, .95); }
@media (min-width: 560px) {
  html:not(#_) .skin-1 .aa-liste .aa-ligne { grid-template-columns: 132px minmax(0, 1fr); grid-template-areas: "img corps" "img extrait" "img action"; column-gap: 1.1rem; }
  html:not(#_) .skin-1 .aa-liste .aa-ligne .aa-ligne__img { width: 132px; aspect-ratio: auto; height: 100%; min-height: 150px; }
}
html:not(#_) .skin-1 .aa-ligne .aa-ligne__img {
  border: 0; padding: 0; border-radius: 16px; background: #e4d8c3;
  box-shadow: 0 0 0 3px #fffdf8, 0 0 0 4px #c9bca3;
}
html:not(#_) .skin-1 .aa-ligne .aa-ligne__img img { border-radius: 16px; transition: transform .45s ease; }
html:not(#_) .skin-1 .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__titre, html:not(#_) .skin-1 .aa-ligne .aa-ligne__titre a { color: #1f2622; font-family: var(--aa-police-titre); }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__cat { color: #34403b; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__date, html:not(#_) .skin-1 .aa-ligne .aa-ligne__meta { color: #56605b; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__new, html:not(#_) .aa-fiche__tete .aa-fiche__new { background: #4b6b52; border-radius: 999px; padding-inline: .6rem; }
html:not(#_) .skin-1 .aa-ligne .aa-ligne__lire { border-radius: 999px; }

/* Pagination en médaillons */
html:not(#_) .aa-pagination a, html:not(#_) .aa-pagination span { border-radius: 999px; background: #fffdf8; border-color: #d6cab3; }
html:not(#_) .aa-pagination .is-actif { background: #4f5d57; color: #fff; border-color: #34403b; }

/* ---------- Fiche d'annonce ---------- */
html:not(#_) .aa-fiche__titre { font-family: var(--aa-police-titre); color: #1f2622; border-bottom: 0; position: relative; padding-bottom: .9rem; }
html:not(#_) .aa-fiche__titre::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 150px; height: 10px;
  background: var(--pm-vague) no-repeat center / 100% 100%;
}
html:not(#_) .aa-fiche__photo {
  border: 0; border-radius: 22px; background: #efe6d6; padding: 6px;
  box-shadow: 0 0 0 1px #d6cab3, 0 22px 36px -24px rgba(52, 64, 59, .9);
}
html:not(#_) .aa-fiche__photo .aa-fiche__img { border-radius: 16px; transition: transform .5s ease; }
html:not(#_) .aa-fiche__photo:hover .aa-fiche__img { transform: scale(1.02); }
html:not(#_) .aa-fiche__miniatures img, html:not(#_) .aa-fiche__miniatures a { border-radius: 12px; }
html:not(#_) .aa-fiche__infos { border: 0; border-radius: 18px; box-shadow: 0 0 0 1px #e4d8c3; background: #fffdf8; }
html:not(#_) .aa-fiche__infos > div:nth-child(odd) { background: #f3ece0; }
html:not(#_) .aa-fiche__infos > div + div { border-top-color: #e4d8c3; }
html:not(#_) .aa-fiche__infos dd { border-left-color: #e4d8c3; color: #1f2622; }
html:not(#_) .aa-fiche__infos dt { color: #4a534e; }
html:not(#_) .aa-fiche__cta--haut {
  border: 0; border-radius: 22px; padding: 1rem; background: linear-gradient(160deg, #efe6d6, #fffdf8);
  box-shadow: 0 0 0 1px #e4d8c3, 0 16px 28px -22px rgba(52, 64, 59, .9);
}
html:not(#_) .aa-fiche__cta--bas {
  border: 0; border-radius: 26px; padding: 1.5rem 1.2rem; max-width: 520px; margin-inline: auto;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 5 6.4 5c2 0 3.3 1.1 3.9 2.2.3.5 1.1.5 1.4 0C12.3 6.1 13.6 5 15.6 5 19 5 21.1 8.4 19.6 11.8 17.5 16.4 12 21 12 21z' fill='%234f5d57' fill-opacity='.1'/%3E%3C/svg%3E") no-repeat right 10px top 8px / 64px,
    #f3ece0;
  box-shadow: 0 0 0 1px #e4d8c3, 0 18px 30px -24px rgba(52, 64, 59, .9);
}
html:not(#_) .aa-fiche__cta-sous { color: #56605b; }
/* Médaillon d'âge : la tranche recherchée devient une pastille ronde gravée */
html:not(#_) .aa-fiche__texte .aa-fiche__plage {
  border-radius: 999px; background: #fffdf8; color: #1f2622; padding: .5rem 1.1rem .5rem .5rem;
  box-shadow: 0 0 0 1px #d6cab3, 0 8px 16px -12px rgba(52, 64, 59, .8);
}
html:not(#_) .aa-fiche__texte .aa-fiche__plage .aa-ico {
  width: 2em; height: 2em; padding: .4em; border-radius: 50%; background: #4f5d57; color: #fff;
  box-shadow: 0 0 0 3px #efe6d6;
}
html:not(#_) .aa-fiche__phy { border: 0; border-radius: 16px; background: #f3ece0; box-shadow: inset 0 0 0 1px #e4d8c3; }
html:not(#_) .aa-fiche__physique dt { color: #4a534e; }

/* ---------- Dépôt ---------- */
html:not(#_) .aa-depot__bloc { border: 0; border-radius: 20px; background: #fffdf8; box-shadow: 0 0 0 1px #e4d8c3, 0 12px 22px -20px rgba(52, 64, 59, .7); }
html:not(#_) .skin-1 .aa-depot__bloc legend { border-radius: 999px; padding-inline: .6rem 1rem; }
html:not(#_) .aa-depot__bloc legend::before { background: #fffdf8; color: #34403b; }

/* ---------- Pop-up et barre mobile (styles seulement) ---------- */
html:not(#_) .aa-popup .aa-popup__box { border-radius: 24px; box-shadow: 0 30px 60px -20px rgba(35, 42, 38, .7); }
html:not(#_) .aa-mobar .aa-btn, html:not(#_) .aa-fiche__barre .aa-btn { border-radius: 999px; }

/* ---------- Pied : pierre sombre, filet d'accent ---------- */
html:not(#_) .skin-1 .aa-footer {
  background: linear-gradient(180deg, #2b332f, #202724); color: #e7e0d2; border-top: 0;
  box-shadow: inset 0 3px 0 #4f5d57, inset 0 4px 0 #a9b8b0;
}
html:not(#_) .aa-footer .aa-footer__h { color: #fff; border-bottom: 0; padding-bottom: .5rem; position: relative; }
html:not(#_) .aa-footer .aa-footer__h::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 2px; border-radius: 2px; background: #a9b8b0; }
html:not(#_) .aa-footer .aa-footer__brand { font-family: var(--aa-police-titre); }
html:not(#_) .aa-footer .aa-footer__fictif { opacity: 1; color: #cfc6b5; }
html:not(#_) .aa-footer .aa-footer__bas { background: rgba(0, 0, 0, .28); }
html:not(#_) .aa-footer .aa-footer__bas-in { opacity: 1; color: #d8cfbf; }

@media (prefers-reduced-motion: reduce) {
  html:not(#_) .skin-1 .aa-liste .aa-ligne, html:not(#_) .skin-1 .aa-ligne .aa-ligne__img img,
  html:not(#_) .aa-fiche__photo .aa-fiche__img, html:not(#_) .skin-1 .aa-btn { transition: none; }
}