/* encuentros-ecuador.lat — registre « cacao Arriba » (inspiration Équateur)
   Palette : accent cacao du favicon #6b3a1e (boutons, bandeaux, bandes — blanc lisible 9:1),
   cacao clair #a8683c pour les décors seulement, neutre chaud = pulpe de cabosse / crème
   (#fdf6ec, #f5e7d4, #ecd9c0), encre fève #2a1a10.
   Composition : logo dans un cartouche cacao, nav en pilules alignées à droite sur rangée
   crème ; accueil en arche avec cœur en filigrane ; lignes d'annonce en cartes à bandeau bas
   cacao, vignettes en arche ; bandeaux en cartouche ; fiche à photo en arche, CTA en carte
   centrée ; pied de page en carte centrée sur fond fève. */

html:not(#_), html:not(#_) body, html:not(#_) .skin-3 {
  --aa-accent: #6b3a1e; --aa-teinte: #6b3a1e;
  --aa-primaire: #6b3a1e; --aa-primaire-fonce: #4a2612; --aa-primaire-txt: #fff;
  --aa-page: #ecd9c0; --aa-fond: #fdf6ec; --aa-surface: #fdf6ec; --aa-surface-2: #f5e7d4;
  --aa-bord: #e4cfb3; --aa-texte: #2a1a10; --aa-muet: #6a5140; --aa-lien: #6b3a1e;
  --aa-tete: #fdf6ec; --aa-tete-txt: #2a1a10; --aa-barre: #f5e7d4;
  --aa-bande: #6b3a1e; --aa-bande-txt: #fff; --aa-bande-bord: #a8683c;
  --aa-secondaire: #4a2612; --aa-secondaire-txt: #fff;
  --aa-pied: #2a1a10; --aa-pied-txt: #f1e2cf; --aa-ok: #4f6b2e;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 2px 4px rgba(74, 38, 18, .06), 0 16px 32px -20px rgba(107, 58, 30, .5);
  --aa-police-titre: "Book Antiqua", "Palatino Linotype", Palatino, Georgia, serif;
}

/* Fond : crème semée de fèves (ovales doux) */
html:not(#_) body {
  background-color: var(--aa-page);
  background-image:
    radial-gradient(ellipse 5px 3px at 30% 40%, rgba(107, 58, 30, .10) 98%, transparent),
    radial-gradient(ellipse 4px 2.5px at 75% 80%, rgba(168, 104, 60, .12) 98%, transparent);
  background-size: 46px 46px, 64px 64px;
}

/* ---------- En-tête : cartouche + pilules à droite ---------- */
html:not(#_) .aa-header { background: var(--aa-tete); color: var(--aa-tete-txt); box-shadow: 0 1px 0 var(--aa-bord), 0 12px 26px -22px rgba(74, 38, 18, .7); }
html:not(#_) .aa-header .aa-header__in { padding-block: .55rem .5rem; row-gap: .2rem; }
html:not(#_) .aa-header .aa-logo {
  justify-self: start; max-width: 100%; padding: .38rem 1rem .38rem .55rem; border-radius: 12px;
  background: #6b3a1e; color: #fdf6ec;
  box-shadow: inset 0 0 0 2px #6b3a1e, inset 0 0 0 3px rgba(253, 246, 236, .45), 0 10px 20px -14px rgba(74, 38, 18, .9);
}
html:not(#_) .aa-header .aa-logo__txt { font-style: normal; font-weight: 700; letter-spacing: .03em; color: #fdf6ec; }
html:not(#_) .aa-header .aa-logo__sous { color: #f1dcc2; opacity: 1; }
html:not(#_) .aa-logo .aa-logo__mark {
  width: 26px; height: 32px; border-radius: 50%;
  background:
    linear-gradient(90deg, transparent 47%, rgba(74, 38, 18, .55) 47% 53%, transparent 53%),
    radial-gradient(ellipse at 40% 35%, #d69a63, #a8683c 60%, #7d4523);
  box-shadow: 0 0 0 2px rgba(253, 246, 236, .7);
}
html:not(#_) .aa-footer .aa-logo__mark { width: 18px; height: 22px; }
html:not(#_) .aa-header .aa-header__cta { border-radius: 999px; min-height: 42px; padding-inline: 1.25em; }
html:not(#_) .aa-header .aa-burger { border-color: #d9bf9f; color: #2a1a10; border-radius: 12px; }
html:not(#_) .aa-header .aa-nav { background: transparent; color: #2a1a10; margin-inline: 0; padding-inline: 0; }
html:not(#_) .aa-header .aa-nav a { color: #4a2612; border-bottom: 0; border-radius: 999px; margin: .15rem .15rem; padding: .5rem 1rem; background: #f5e7d4; box-shadow: inset 0 0 0 1px #e4cfb3; }
html:not(#_) .aa-header .aa-nav a:hover { background: #ecd9c0; }
html:not(#_) .aa-header .aa-nav a.is-actif { background: #6b3a1e; color: #fff; box-shadow: 0 8px 16px -10px rgba(74, 38, 18, .9); }
@media (min-width: 860px) {
  html:not(#_) .aa-header .aa-nav ul { justify-content: flex-end; gap: .1rem; }
}
@media (max-width: 859px) {
  html:not(#_) .aa-header .aa-logo { padding: .3rem .75rem .3rem .45rem; min-width: 0; }
  html:not(#_) .aa-header .aa-nav { background: #fdf6ec; border-radius: 20px; padding: .45rem; box-shadow: inset 0 0 0 1px #e4cfb3; }
  html:not(#_) .aa-header .aa-nav a { margin: .15rem 0; }
  html:not(#_) .aa-header .aa-nav a.is-actif { border-left: 0; }
}

/* ---------- Conteneur et colonne latérale ---------- */
html:not(#_) .aa-main > .aa-wrap { border: 0; border-radius: 28px; background: var(--aa-fond); box-shadow: var(--aa-ombre); }
html:not(#_) .aa-layout .aa-side { border: 0; border-radius: 22px 22px var(--aa-rayon) var(--aa-rayon); background: #f5e7d4; box-shadow: var(--aa-ombre); }
html:not(#_) .aa-layout .aa-side--deposer { background: none; box-shadow: none; }

/* Bandeaux en cartouche (angles arrondis + fève à gauche) */
html:not(#_) .aa-h2, html:not(#_) .aa-side .aa-side__h, html:not(#_) .aa-bande, html:not(#_) .aa-depot__bloc legend {
  border-radius: 12px; border-left: 0; padding: .5rem 1rem; font-family: var(--aa-police-titre);
  font-style: normal; letter-spacing: .02em; text-transform: none; font-size: 1.02rem;
  background: linear-gradient(90deg, #6b3a1e, #7d4523); color: #fff;
  box-shadow: inset 0 0 0 1px #6b3a1e, inset 0 0 0 3px rgba(253, 246, 236, .22), 0 10px 18px -14px rgba(74, 38, 18, .9);
}
html:not(#_) .aa-side .aa-side__h { margin: 0 0 .7rem; border-bottom: 0; }
html:not(#_) .aa-bande .aa-bande__droite { opacity: 1; color: #fff; }
html:not(#_) .aa-side .aa-side__liste li::before { background: #a8683c; width: 6px; height: 8px; border-radius: 50%; transform: none; }
html:not(#_) .aa-side .aa-side__nb { background: #fdf6ec; border-color: #e4cfb3; color: #4a2612; border-radius: 999px; }
html:not(#_) .aa-side .aa-side__liste--inline li { background: #fdf6ec; border-color: #e4cfb3; border-radius: 999px; }

/* ---------- Accueil : carte en arche + cœur en filigrane ---------- */
html:not(#_) .aa-main .aa-hero {
  border: 0; border-radius: 120px 120px var(--aa-rayon) var(--aa-rayon) / 60px 60px var(--aa-rayon) var(--aa-rayon);
  position: relative; overflow: hidden; padding: 1.6rem 1.6rem 1.5rem; text-align: center;
  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='%236b3a1e' fill-opacity='.11'/%3E%3C/svg%3E") no-repeat center 60% / 220px,
    linear-gradient(180deg, #f5e7d4, #fdf6ec 85%);
  box-shadow: inset 0 0 0 1px #e4cfb3, 0 14px 28px -22px rgba(107, 58, 30, .8);
}
html:not(#_) .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #2a1a10; }
html:not(#_) .aa-hero p { color: #4a3526; }
html:not(#_) .aa-hero .aa-hero__chiffres { border-radius: 999px; }

/* ---------- Lignes d'annonce : cartes à bandeau bas cacao ---------- */
html:not(#_) .aa-main .aa-liste { border-top: 0; gap: .95rem; }
html:not(#_) .aa-liste .aa-ligne {
  border: 0; border-radius: var(--aa-rayon); padding: 1rem 1.05rem 1.25rem; background: #fffaf3;
  box-shadow: inset 0 -6px 0 #6b3a1e, inset 0 0 0 1px #ead7bd, 0 14px 26px -20px rgba(107, 58, 30, .75);
  transition: transform .25s ease, box-shadow .25s ease;
}
html:not(#_) .aa-liste .aa-ligne:hover { background: #fff6ea; transform: translateY(-2px); box-shadow: inset 0 -6px 0 #a8683c, inset 0 0 0 1px #e4cfb3, 0 20px 32px -20px rgba(107, 58, 30, .85); }
html:not(#_) .aa-liste .aa-ligne__img { border: 2px solid #fdf6ec; border-radius: 58px 58px 10px 10px; padding: 0; background: #f5e7d4; box-shadow: 0 0 0 1px #e4cfb3, 0 10px 18px -12px rgba(74, 38, 18, .8); }
html:not(#_) .aa-liste .aa-ligne__img img { border-radius: 56px 56px 8px 8px; }
html:not(#_) .aa-liste .aa-ligne__titre { font-family: var(--aa-police-titre); }
html:not(#_) .aa-liste .aa-ligne__titre a { color: #5a2f17; }
html:not(#_) .aa-liste .aa-ligne__cat { color: #6b3a1e; }
html:not(#_) .aa-liste .aa-ligne__new { border-radius: 999px; background: #4f6b2e; }
html:not(#_) .aa-liste .aa-ligne__lire { border-radius: 999px; }

/* ---------- Boutons, champs, pastilles ---------- */
html:not(#_) .aa-btn.aa-btn--primaire { border-radius: 999px; background: linear-gradient(180deg, #7d4523, #6b3a1e); border-color: #4a2612; color: #fff; box-shadow: 0 10px 20px -12px rgba(74, 38, 18, .95); }
html:not(#_) .aa-btn.aa-btn--primaire:hover { background: #4a2612; }
html:not(#_) .aa-btn.aa-btn--secondaire { border-radius: 999px; background: #fdf6ec; color: #4a2612; border-color: #6b3a1e; }
html:not(#_) .aa-main input:not([type=checkbox]):not([type=radio]), html:not(#_) .aa-main select, html:not(#_) .aa-main textarea,
html:not(#_) .aa-side input:not([type=checkbox]):not([type=radio]), html:not(#_) .aa-side select {
  border-radius: 12px; border-color: #d9bf9f; background-color: #fffcf7; color: #2a1a10;
}
html:not(#_) .aa-main .aa-chip { border-radius: 999px; background: #f5e7d4; border-color: #e4cfb3; color: #4a2612; }
html:not(#_) .aa-pagination a, html:not(#_) .aa-pagination span { border-radius: 999px; }

/* ---------- Fiche d'annonce ---------- */
html:not(#_) .aa-main .aa-fiche__titre { font-family: var(--aa-police-titre); color: #2a1a10; }
html:not(#_) .aa-main .aa-fiche__photo { border: 4px solid #fdf6ec; border-radius: 50% 50% 16px 16px / 34% 34% 16px 16px; box-shadow: 0 0 0 1px #e4cfb3, 0 20px 34px -20px rgba(74, 38, 18, .85); }
html:not(#_) .aa-main .aa-fiche__infos { border: 0; border-radius: 16px; box-shadow: 0 0 0 1px #e8d5bb; overflow: hidden; }
html:not(#_) .aa-main .aa-fiche__infos > div:nth-child(odd) { background: #f5e7d4; }
html:not(#_) .aa-main .aa-fiche__infos dd { border-left-color: #ead7bd; }
html:not(#_) .aa-main .aa-fiche__cta--haut, html:not(#_) .aa-main .aa-fiche__cta--bas {
  border: 0; border-radius: 22px; padding: 1.1rem 1.2rem; text-align: center;
  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='%236b3a1e' fill-opacity='.08'/%3E%3C/svg%3E") no-repeat center / 120px,
    #f5e7d4;
  box-shadow: inset 0 0 0 1px #e4cfb3, inset 0 -5px 0 #6b3a1e, 0 14px 26px -20px rgba(107, 58, 30, .9);
}
html:not(#_) .aa-main .aa-fiche__cta--bas { max-width: 560px; margin-inline: auto; }
html:not(#_) .aa-main .aa-fiche__miniatures img { border-radius: 12px; }

/* ---------- Dépôt ---------- */
html:not(#_) .aa-main .aa-depot__bloc { border: 0; border-radius: var(--aa-rayon); background: #fffaf3; box-shadow: inset 0 0 0 1px #ead7bd, inset 0 -5px 0 #6b3a1e, 0 12px 24px -20px rgba(107, 58, 30, .8); padding-bottom: 1.2rem; }
html:not(#_) .aa-main .aa-depot__bloc legend::before { background: #fdf6ec; color: #6b3a1e; }

/* ---------- Pop-up et porte ---------- */
html:not(#_) .aa-popup .aa-popup__box, html:not(#_) .aa-gate .aa-gate__box { border-radius: 22px; }

/* ---------- Pied de page : carte centrée sur fond fève ---------- */
html:not(#_) .aa-footer { border-top: 0; margin-top: 2rem; padding: 1.4rem 1rem 0; background: #2a1a10; box-shadow: inset 0 4px 0 #6b3a1e; }
html:not(#_) .aa-footer .aa-footer__grid {
  max-width: 900px; margin: 0 auto; padding: 1.8rem 1.6rem 1.5rem; border-radius: 26px; text-align: center;
  background: #3a2416; box-shadow: inset 0 0 0 1px rgba(241, 226, 207, .14), 0 20px 40px -24px rgba(0, 0, 0, .8);
}
html:not(#_) .aa-footer .aa-footer__brand { justify-content: center; color: #fff; }
html:not(#_) .aa-footer .aa-footer__h { border-bottom: 1px solid rgba(241, 226, 207, .2); color: #f0cfa6; letter-spacing: .08em; }
html:not(#_) .aa-footer .aa-footer__fictif { opacity: 1; color: #d9c4ab; }
html:not(#_) .aa-footer ul { justify-items: center; }
html:not(#_) .aa-footer a:hover { color: #f0cfa6; }
html:not(#_) .aa-footer .aa-footer__bas { background: transparent; margin-top: .6rem; }
html:not(#_) .aa-footer .aa-footer__bas-in { justify-content: center; opacity: 1; color: #d9c4ab; }
@media (min-width: 760px) {
  html:not(#_) .aa-footer .aa-footer__grid { grid-template-columns: repeat(3, 1fr); gap: 1.4rem 2.4rem; }
  html:not(#_) .aa-footer .aa-footer__grid > :first-child { grid-column: 1 / -1; padding-bottom: 1rem; border-bottom: 1px dashed rgba(241, 226, 207, .22); }
}

/* Barre basse mobile : pilules */
html:not(#_) .aa-mobar .aa-btn, html:not(#_) .aa-fiche__barre .aa-btn { border-radius: 999px; }

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

@media (max-width: 759px) {
  html:not(#_) .aa-h2, html:not(#_) .aa-bande { font-size: .95rem; padding: .45rem .8rem; }
  html:not(#_) .aa-main .aa-hero { border-radius: 80px 80px var(--aa-rayon) var(--aa-rayon) / 40px 40px var(--aa-rayon) var(--aa-rayon); padding-inline: 1.1rem; }
}