/* encuentros-bolivia.lat — registre « argent de Potosí » (orfèvrerie d'argent martelé, filigrane,
   médaillons ciselés, lumière d'altiplano). Palette : accent = gris du favicon #6b6b73 (foncé en
   #4f4f57 pour porter du blanc), neutre chaud = ivoire #fbf7f0 / sable #efe7da, encre = graphite
   #22212a. Formes : vague d'argent sous l'en-tête et au pied, médaillons (logo, photos, puces),
   pilules (nav, boutons), cartes arrondies 18 px, cœur ciselé en filigrane. */

html:not(#_) body {
  --aa-primaire: #4f4f57; --aa-primaire-fonce: #38383f; --aa-primaire-txt: #fff;
  --ag-argent: #6b6b73; --ag-clair: #c9c7cc; --ag-lustre: #e9e7ea; --ag-ivoire: #fbf7f0;
  --aa-page: #efe7da; --aa-fond: #fbf7f0; --aa-surface: #fffdf9; --aa-surface-2: #f5efe5;
  --aa-bord: #ddd5c8; --aa-texte: #22212a; --aa-muet: #5b5862; --aa-lien: #45444d;
  --aa-tete: #2b2a31; --aa-tete-txt: #f4f1ec; --aa-barre: transparent;
  --aa-bande: #4f4f57; --aa-bande-txt: #fff; --aa-bande-bord: #38383f;
  --aa-secondaire: #22212a; --aa-secondaire-txt: #fff;
  --aa-pied: #1f1e25; --aa-pied-txt: #dcd8d2;
  --aa-rayon: 18px; --aa-rayon-s: 12px;
  --aa-ombre: 0 2px 4px rgba(60, 58, 70, .06), 0 16px 34px -20px rgba(60, 58, 70, .55);
  background-color: var(--aa-page);
  background-image: radial-gradient(circle at 1px 1px, rgba(107, 107, 115, .13) 1px, transparent 1.5px);
  background-size: 18px 18px;
}

/* --- en-tête : deux rangées, argent sombre, vague ciselée ------------------------------------ */
html:not(#_) .aa-header {
  color: var(--aa-tete-txt); box-shadow: none; padding-bottom: 16px; border-bottom: 0;
  background-image:
    radial-gradient(ellipse 16px 10px at 16px 0, var(--aa-page) 15px, transparent 16px),
    linear-gradient(180deg, #34333b, #25242b);
  background-size: 32px 14px, 100% 100%;
  background-repeat: repeat-x, no-repeat;
  background-position: 0 100%, 0 0;
}
html:not(#_) .aa-logo { color: var(--aa-tete-txt); gap: .6rem; }
html:not(#_) .aa-logo__txt { color: #fff; letter-spacing: .01em; }
html:not(#_) .aa-logo__sous { color: #cfccd2; opacity: 1; }
html:not(#_) .aa-logo__mark {
  width: 36px; height: 36px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #f4f3f5, #a9a8ae 55%, #6b6b73) ;
  box-shadow: 0 0 0 2px #25242b, 0 0 0 3px #bdbbc1, 0 6px 14px -6px rgba(0, 0, 0, .7);
  position: relative;
}
html:not(#_) .aa-logo__mark::after {
  content: ""; position: absolute; inset: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2338383f' d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat;
}
html:not(#_) .aa-burger { border-color: rgba(255, 255, 255, .35); color: #fff; background: rgba(255, 255, 255, .06); border-radius: 50%; }
html:not(#_) .aa-header__cta, html:not(#_) .aa-header .aa-btn--primaire {
  background: linear-gradient(180deg, #f2f1f3, #c8c6cc); color: #22212a; border: 1px solid #e9e7ea;
  border-radius: 999px; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .7);
}

@media (min-width: 860px) {
  html:not(#_) .aa-header__in {
    grid-template-columns: auto minmax(0, 1fr); grid-template-areas: ". cta" "logo nav";
    padding-block: .55rem .3rem; gap: .35rem 1.6rem; align-items: center;
  }
  html:not(#_) .aa-header__cta { justify-self: end; font-size: .82rem; }
  html:not(#_) .aa-nav { margin: 0; padding: 0; background: none; border: 0; }
  html:not(#_) .aa-nav ul { justify-content: flex-end; gap: .3rem; }
  html:not(#_) .aa-nav a { border: 1px solid rgba(201, 199, 204, .35); border-radius: 999px; padding: .4rem .8rem; color: #eceaf0; font-size: .85rem; background: rgba(255, 255, 255, .04); }
  html:not(#_) .aa-nav a:hover { background: rgba(255, 255, 255, .12); border-color: #c9c7cc; color: #fff; }
  html:not(#_) .aa-nav a.is-actif { background: #e9e7ea; color: #22212a; border-color: #e9e7ea; }
}
@media (max-width: 859px) {
  html:not(#_) .aa-nav { background: var(--ag-ivoire); border: 1px solid var(--aa-bord); box-shadow: var(--aa-ombre); }
  html:not(#_) .aa-nav a { color: var(--aa-texte); }
  html:not(#_) .aa-nav a.is-actif { background: var(--ag-lustre); color: var(--aa-texte); }
}
html:not(#_) .aa-btn--primaire { border-radius: 999px; box-shadow: 0 8px 18px -10px rgba(40, 38, 50, .75); }

/* --- conteneur ivoire ------------------------------------------------------------------------ */
html:not(#_) .aa-main > .aa-wrap { border-radius: 22px; border-color: var(--aa-bord); box-shadow: var(--aa-ombre); background: var(--aa-fond); }

/* --- hero : plaque d'argent, médaillon filigrané -------------------------------------------- */
html:not(#_) .aa-hero {
  border: 1px solid var(--aa-bord); border-left-width: 1px; border-radius: 22px;
  padding: 1.4rem 1.5rem 1.2rem; position: relative; overflow: hidden;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%236b6b73' stroke-opacity='.18'%3E%3Ccircle cx='50' cy='50' r='46'/%3E%3Ccircle cx='50' cy='50' r='38' stroke-dasharray='2 3'/%3E%3Cpath d='M50 70s-17-10-17-23a9 9 0 0 1 17-5 9 9 0 0 1 17 5c0 13-17 23-17 23z'/%3E%3C/g%3E%3C/svg%3E") right -24px top -24px / 180px no-repeat,
    linear-gradient(135deg, #fffdf9, #f3ede3);
  box-shadow: inset 0 0 0 5px #fff, 0 14px 30px -22px rgba(60, 58, 70, .8);
}
html:not(#_) .aa-hero h1, html:not(#_) .aa-hero .aa-h1 { color: var(--aa-texte); }
html:not(#_) .aa-hero__chiffres span { background: #fff; color: var(--aa-primaire-fonce); border-color: var(--ag-clair); border-radius: 999px; }

/* --- titres de section : pilules d'argent ---------------------------------------------------- */
html:not(#_) .aa-h2, html:not(#_) .aa-side__h, html:not(#_) .aa-bande, html:not(#_) .aa-depot__bloc legend {
  background: linear-gradient(180deg, #5d5d65, #45444c); color: #fff; border: 0; border-radius: 999px;
  box-shadow: 0 0 0 3px var(--ag-ivoire), 0 0 0 4px var(--ag-clair);
  padding-inline: 1.1rem;
}
html:not(#_) .aa-bande a, html:not(#_) .aa-bande__droite { color: #fff; }
@media (max-width: 759px) {
  html:not(#_) .aa-bloc__tete { flex-wrap: wrap; row-gap: .5rem; }
  html:not(#_) .aa-bloc__tete > .aa-h2 { flex: 1 1 100%; border-radius: 16px; }
}

/* --- lignes d'annonce : cartes 18 px, photo en médaillon ------------------------------------ */
html:not(#_) .aa-liste { border-top: 0; gap: .8rem; }
html:not(#_) .aa-ligne {
  background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 18px;
  padding: .85rem; box-shadow: 0 12px 26px -22px rgba(60, 58, 70, .8);
  transition: transform .2s ease, box-shadow .2s ease;
}
html:not(#_) .aa-ligne:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 18px 32px -20px rgba(60, 58, 70, .6); }
html:not(#_) .aa-ligne__img { border-radius: 50%; border: 2px solid var(--ag-clair); padding: 3px; background: linear-gradient(135deg, #fff, #dcdadf); aspect-ratio: 1; }
html:not(#_) .aa-ligne__img img { border-radius: 50%; transition: transform .35s ease; }
html:not(#_) .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
html:not(#_) .aa-ligne__titre a, html:not(#_) .aa-ligne__titre { color: var(--aa-texte); }
html:not(#_) .aa-ligne__cat { color: var(--aa-primaire); letter-spacing: .04em; }
html:not(#_) .aa-ligne__new, html:not(#_) .aa-fiche__new { border-radius: 999px; background: #3e6b4f; color: #fff; }
html:not(#_) .aa-ligne__lire, html:not(#_) .aa-ligne__action .aa-btn { border-radius: 999px; border-color: var(--ag-argent); color: var(--aa-texte); }
@media (min-width: 760px) {
  html:not(#_) .aa-ligne { padding: 1rem 1.1rem; grid-template-columns: 116px minmax(0, 1fr) auto; }
  html:not(#_) .aa-ligne__img { width: 116px; }
}

/* --- colonne latérale ------------------------------------------------------------------------ */
html:not(#_) .aa-side > * { border-radius: 18px; border-color: var(--aa-bord); }
html:not(#_) .aa-side__liste li::before { background: radial-gradient(circle at 35% 30%, #fff, #8d8c93); border-radius: 50%; transform: none; }
html:not(#_) .aa-chip, html:not(#_) .aa-liens a { border-radius: 999px; }
html:not(#_) .aa-filtres select, html:not(#_) .aa-form input, html:not(#_) .aa-form select, html:not(#_) .aa-form textarea { border-radius: 12px; border-color: #d3cbbf; background-color: #fff; }

/* --- fiche : photo en médaillon ovale, CTA en place ------------------------------------------ */
html:not(#_) .aa-fiche__photo { border-radius: 26px; border: 1px solid var(--ag-clair); box-shadow: inset 0 0 0 5px #fff, 0 16px 30px -20px rgba(60, 58, 70, .8); padding: 6px; background: linear-gradient(135deg, #fff, #e4e2e6); }
html:not(#_) .aa-fiche__img { border-radius: 20px; }
html:not(#_) .aa-fiche__miniatures img, html:not(#_) .aa-fiche__miniatures a { border-radius: 50%; }
html:not(#_) .aa-fiche__identite { border-radius: 16px; overflow: hidden; }
html:not(#_) .aa-fiche__titre { color: var(--aa-texte); }
html:not(#_) .aa-fiche__cta .aa-btn, html:not(#_) .aa-fiche__barre .aa-btn, html:not(#_) .aa-mobar .aa-btn, html:not(#_) .aa-btn--secondaire { border-radius: 999px; }
html:not(#_) .aa-repondre, html:not(#_) .aa-deposer-cta, html:not(#_) .aa-tchat {
  border-radius: 22px; border-color: var(--ag-clair);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236b6b73' fill-opacity='.08' d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") right -14px bottom -18px / 120px no-repeat,
    linear-gradient(180deg, #f6f3ee, var(--aa-surface) 60%);
  box-shadow: 0 14px 28px -24px rgba(60, 58, 70, .8);
}
html:not(#_) .aa-fiche__phy, html:not(#_) .aa-fiche__plage { border-radius: 14px; }

/* --- dépôt ----------------------------------------------------------------------------------- */
html:not(#_) .aa-depot__bloc { border-radius: 18px; border-color: var(--aa-bord); background: var(--aa-surface); }

/* --- pied : sombre, vague d'argent, filet d'accent ------------------------------------------- */
html:not(#_) .aa-footer { border-top: 0; margin-top: 2rem; position: relative; background: var(--aa-pied); color: var(--aa-pied-txt); box-shadow: inset 0 3px 0 #9b9aa1; }
html:not(#_) .aa-footer::before {
  content: ""; display: block; height: 14px; margin-top: -14px;
  background: radial-gradient(ellipse 16px 10px at 16px 14px, #9b9aa1 15px, transparent 16px) 0 0 / 32px 14px repeat-x;
}
html:not(#_) .aa-footer a { color: #e2dfe6; }
html:not(#_) .aa-footer a:hover { color: #fff; }
html:not(#_) .aa-footer__h { color: #fff; border-bottom-color: rgba(201, 199, 204, .45); }
html:not(#_) .aa-footer__fictif { color: #bdb9c0; opacity: 1; }

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