/* encuentros-panama.lat — registre « Casco Viejo » (inspiration Panama : stuc ocre des façades coloniales,
   balcons de fer forgé, fenêtres en arche, tuiles de terre cuite).
   Palette : accent ocre du favicon #b8762e (bandeau d'en-tête, liserés), ocre profond #8a5520 (texte sur clair,
   boutons), neutre chaud = stuc crème / sable (#fcf5ea, #f4e6cf, #ead8bc), encre fer forgé #2b1d12.
   Composition : en-tête plein ocre + frise de balcon forgé, accueil en fenêtre à arche avec cœur SVG,
   blocs latéraux et cartes à bord haut épais, photo de fiche en arche, pied en carte centrée. */

html:not(#_) body {
  --aa-accent: #b8762e; --aa-teinte: #b8762e;
  --aa-primaire: #8a5520; --aa-primaire-fonce: #6b4017; --aa-primaire-txt: #fff;
  --aa-page: #ead8bc; --aa-fond: #fcf5ea; --aa-surface: #fcf5ea; --aa-surface-2: #f4e6cf;
  --aa-bord: #e0c9a6; --aa-texte: #2b1d12; --aa-muet: #5e4a38; --aa-lien: #8a5520;
  --aa-tete: #8f561e; --aa-tete-txt: #fff; --aa-barre: #6b4017;
  --aa-bande: #8a5520; --aa-bande-txt: #fff; --aa-bande-bord: #d9a15c;
  --aa-secondaire: #2b1d12; --aa-secondaire-txt: #fcf5ea;
  --aa-pied: #2b1d12; --aa-pied-txt: #f0e0c8; --aa-ok: #4a6a3a;
  --aa-rayon: 14px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 6px rgba(138, 85, 32, .1), 0 18px 34px -22px rgba(138, 85, 32, .65);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --aa-police-titre: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  background-color: var(--aa-page);
  background-image: linear-gradient(90deg, rgba(184, 118, 46, .06) 1px, transparent 1px),
                    linear-gradient(rgba(184, 118, 46, .05) 1px, transparent 1px);
  background-size: 46px 23px;
}

/* --- en-tête : bandeau ocre plein + frise de balcon forgé --------------------------------- */
html:not(#_) .aa-header {
  background: linear-gradient(180deg, #b8762e 0 5px, #98602a 5px, #8f561e 80%);
  box-shadow: none; padding-bottom: 0;
}
html:not(#_) .aa-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -16px; height: 16px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath d='M0 1h32' stroke='%232b1d12' stroke-width='2'/%3E%3Cpath d='M4 1v12M16 1v12M28 1v12M0 14h32' stroke='%232b1d12' stroke-width='1.6'/%3E%3Cpath d='M4 8c0-4 12-4 12 0M16 8c0-4 12-4 12 0' stroke='%232b1d12' stroke-width='1.4' fill='none'/%3E%3C/svg%3E") repeat-x 0 0 / 32px 16px;
  opacity: .55;
}
html:not(#_) .aa-logo__mark { border-radius: 50% 50% 6px 6px; background: #fcf5ea; box-shadow: 0 0 0 3px #d9a15c; }
html:not(#_) .aa-logo__txt { font-family: var(--aa-police-titre); letter-spacing: .01em; }
html:not(#_) .aa-logo__sous { color: #fff3e0; }
html:not(#_) .aa-header .aa-header__cta.aa-btn { background: #fcf5ea; color: #6b4017; border-color: #fcf5ea; border-radius: 999px; box-shadow: 0 8px 16px -9px rgba(43, 29, 18, .7); }
html:not(#_) .aa-nav a { border-radius: 10px 10px 0 0; }
html:not(#_) .aa-nav a.is-actif { background: #fcf5ea; color: #6b4017; border-bottom-color: #b8762e; }
html:not(#_) .aa-main { padding-top: 1.9rem; }

/* --- conteneur et bandeaux --------------------------------------------------------------- */
html:not(#_) .aa-main > .aa-wrap { border-radius: 22px; border-color: #e0c9a6; box-shadow: 0 22px 44px -34px rgba(107, 64, 23, .7); }
html:not(#_) .aa-h2, html:not(#_) .aa-bande, html:not(#_) .aa-depot__bloc legend {
  border-radius: 14px 14px 4px 4px; border-left: 0; padding-left: 1rem;
  font-family: var(--aa-police-titre); box-shadow: inset 0 -3px 0 #d9a15c, 0 8px 16px -12px rgba(107, 64, 23, .8);
}
html:not(#_) .aa-side > * { border-radius: 16px; border-top: 6px solid #b8762e; box-shadow: var(--aa-ombre); overflow: hidden; }
html:not(#_) .aa-side__h { border-radius: 0; font-family: var(--aa-police-titre); border-bottom-color: #d9a15c; }

/* --- accueil : fenêtre à arche avec cœur -------------------------------------------------- */
html:not(#_) .aa-hero {
  position: relative; overflow: hidden; border: 0; border-top: 6px solid #b8762e;
  border-radius: 160px 160px 18px 18px / 70px 70px 18px 18px; padding-top: 2.2rem; text-align: center;
  background: #f4e6cf url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M16 28S2 19 2 10a7 7 0 0 1 14-2 7 7 0 0 1 14 2c0 9-14 18-14 18z' fill='%23b8762e' fill-opacity='.16'/%3E%3C/svg%3E") no-repeat right 18px bottom 14px / 74px auto;
  box-shadow: inset 0 0 0 1px #e0c9a6, 0 16px 30px -24px rgba(107, 64, 23, .8);
}
html:not(#_) .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #5a3510; }
html:not(#_) .aa-hero__chiffres { justify-content: center; }
html:not(#_) .aa-hero__chiffres span { background: #fcf5ea; border-color: #b8762e; color: #5a3510; border-radius: 999px; }

/* --- lignes d'annonce : vignettes en arche ------------------------------------------------ */
html:not(#_) .aa-liste { border-top: 0; }
html:not(#_) .aa-ligne { border-radius: 14px; padding-inline: .6rem; border-bottom: 1px solid #e0c9a6; transition: background .25s, box-shadow .25s; }
html:not(#_) .aa-ligne:hover { background: #f8ecd9; box-shadow: 0 10px 22px -18px rgba(138, 85, 32, .9); }
html:not(#_) .aa-ligne .aa-ligne__img { border-radius: 60px 60px 8px 8px; border: 2px solid #d9a15c; padding: 2px; background: #fcf5ea; box-shadow: 0 6px 14px -8px rgba(138, 85, 32, .7); }
html:not(#_) .aa-ligne .aa-ligne__img img { border-radius: 56px 56px 6px 6px; transition: transform .35s; }
html:not(#_) .aa-ligne:hover .aa-ligne__img img { transform: scale(1.04); }
html:not(#_) .aa-ligne .aa-ligne__titre a { color: #7a4a1b; font-family: var(--aa-police-titre); }
html:not(#_) .aa-ligne .aa-ligne__cat { color: #7a4a1b; }
html:not(#_) .aa-ligne .aa-ligne__new { border-radius: 999px; background: #4a6a3a; padding-inline: .6rem; }
html:not(#_) .aa-ligne .aa-ligne__lire { border-radius: 999px; }

/* --- boutons ----------------------------------------------------------------------------- */
html:not(#_) .aa-btn.aa-btn--primaire { background: #8a5520; color: #fff; border-color: #8a5520; border-radius: 12px; box-shadow: 0 8px 18px -10px rgba(107, 64, 23, .9); }
html:not(#_) .aa-btn.aa-btn--primaire:hover { background: #6b4017; }
html:not(#_) .aa-btn.aa-btn--secondaire { background: #fcf5ea; color: #6b4017; border-color: #8a5520; border-radius: 12px; }
html:not(#_) .aa-pagination a, html:not(#_) .aa-pagination span { border-radius: 10px 10px 4px 4px; }

/* --- villes / catégories : pastilles de stuc --------------------------------------------- */
html:not(#_) .aa-liens li { border-radius: 999px; background: #fcf5ea; border-color: #e0c9a6; }
html:not(#_) .aa-liens li:hover { border-color: #8a5520; background: #f4e6cf; }
html:not(#_) .aa-liens__nb, html:not(#_) .aa-side__nb { background: #f4e6cf; color: #6b4017; border-radius: 999px; padding: 0 .45rem; font-weight: 700; }
html:not(#_) .aa-chip { border-radius: 999px; background: #fcf5ea; color: #5a3510; border-color: #d9a15c; }
html:not(#_) .aa-atouts > * { border-radius: 16px; border-top: 5px solid #b8762e; }

/* --- fiche : photo en arche, cartes à bord haut ------------------------------------------ */
html:not(#_) .aa-fiche__photo { border-radius: 180px 180px 16px 16px; border: 3px solid #d9a15c; box-shadow: 0 16px 30px -18px rgba(107, 64, 23, .85); overflow: hidden; }
html:not(#_) .aa-fiche__miniatures img { border-radius: 30px 30px 6px 6px; }
html:not(#_) .aa-fiche__titre { font-family: var(--aa-police-titre); color: #5a3510; }
html:not(#_) .aa-fiche__phy > * { border-radius: 4px; border-top: 4px solid #d9a15c; }
html:not(#_) .aa-repondre, html:not(#_) .aa-tchat { border-radius: 18px; border-top: 6px solid #b8762e; }
html:not(#_) .aa-form input, html:not(#_) .aa-form select, html:not(#_) .aa-form textarea { border-radius: 10px; background: #fff; }
html:not(#_) .aa-depot__bloc { border-radius: 16px; }

/* --- pied : carte centrée fer forgé ------------------------------------------------------ */
html:not(#_) .aa-footer { background: transparent; border-top: 0; color: #f0e0c8; padding: 1.2rem var(--aa-gout, 1rem) 1.4rem; }
html:not(#_) .aa-footer .aa-footer__grid {
  background: #2b1d12; border-radius: 26px 26px 14px 14px; border-top: 6px solid #b8762e;
  padding-inline: clamp(1rem, 3vw, 2rem); box-shadow: 0 24px 40px -26px rgba(43, 29, 18, .9);
}
html:not(#_) .aa-footer .aa-footer__bas { background: transparent; border-top: 0; color: #4a3522; }
html:not(#_) .aa-footer .aa-footer__bas a { color: #5a3510; }
html:not(#_) .aa-footer .aa-footer__bas a:hover { color: #2b1d12; }
html:not(#_) .aa-footer__h { color: #eab676; font-family: var(--aa-police-titre); }
html:not(#_) .aa-footer__grid a:hover { color: #fff; }

@media (max-width: 640px) {
  html:not(#_) .aa-main > .aa-wrap { border-radius: 16px; }
  html:not(#_) .aa-hero { border-radius: 110px 110px 14px 14px / 50px 50px 14px 14px; background-size: 52px auto; }
  html:not(#_) .aa-fiche__photo { border-radius: 120px 120px 14px 14px; }
  html:not(#_) .aa-footer { padding-inline: .6rem; }
}
@media (prefers-reduced-motion: reduce) { html:not(#_) .aa-ligne, html:not(#_) .aa-ligne__img img { transition: none; } }