/* annonce-echangiste.be — registre « journal du soir » (annoncesastro, skin 2 / compo 5 / fiche 3)
   Accent ambre #b45309 (favicon) · ambre d'encre #8a3c06 pour le texte · papier chaud #f4ead8 / #fbf6ec
   · encre #211b15. Manchette de une (logo en titre, filets doubles, rubriques en capitales), liste de
   petites annonces réglée de filets, vignettes et photo en arche, rubrique en cartouche d'encre, tampon
   ambre, lettrine, encadré « dernière minute » hachuré pour le dépôt, champs et boutons en pilule. */

html:not(#_) body.aa {
  color-scheme: light;
  --aa-primaire: #b45309; --aa-primaire-txt: #fff; --aa-lien: #8a3c06;
  --aa-fond: #f4ead8; --aa-surface: #fbf6ec; --aa-texte: #211b15; --aa-muet: #5c5044; --aa-bord: #d6c3a1;
  --aa-secondaire: #211b15; --aa-secondaire-txt: #fbf6ec; --aa-erreur: #a3221a;
  --aa-rayon: 3px; --aa-rayon-s: 2px; --aa-ombre: 0 14px 30px -20px rgba(120, 53, 15, .45);
  --aa-tete: #f4ead8; --aa-tete-txt: #211b15; --aa-pied: #1d1813; --aa-pied-txt: #ece1cc;
  --aa-police: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
  --aa-police-titre: "Playfair Display", "Bodoni MT", Didot, Georgia, "Times New Roman", serif;
  --je-sans: "Franklin Gothic Medium", "Arial Narrow", "Segoe UI", Arial, sans-serif;
  --je-encre: #211b15; --je-ambre: #8a3c06; --je-filet: #c9b48f;
  background: #f4ead8 radial-gradient(rgba(110, 80, 40, .045) 1px, transparent 1.2px) 0 0 / 4px 4px;
  color: var(--aa-texte);
}
html:not(#_) body.aa .aa-h1, html:not(#_) body.aa .aa-fiche__titre { font-weight: 900; letter-spacing: -.015em; color: var(--je-encre); }

/* ---------- manchette ---------- */
html:not(#_) body.aa .aa-header { background: var(--aa-tete); color: var(--je-encre); border: 0; box-shadow: none; border-bottom: 4px double var(--je-encre); }
html:not(#_) body.aa .aa-logo { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: -.01em; font-weight: 900; font-size: 1.4rem; }
html:not(#_) body.aa .aa-logo__mark { width: 10px; height: 10px; border-radius: 0; transform: rotate(45deg); background: var(--aa-primaire); box-shadow: 0 0 0 3px var(--aa-tete), 0 0 0 4px var(--aa-primaire); margin: 0 4px; }
html:not(#_) body.aa .aa-nav a { font-family: var(--je-sans); text-transform: uppercase; letter-spacing: .14em; font-size: .76rem; font-weight: 600; border-radius: 0; color: var(--je-encre); }
html:not(#_) body.aa .aa-nav a:hover, html:not(#_) body.aa .aa-nav a.is-actif { background: rgba(180, 83, 9, .1); }
html:not(#_) body.aa .aa-nav__cta a { background: var(--aa-primaire); color: #fff !important; border-radius: 999px; padding-inline: 1.1rem; }
@media (max-width: 800px) { html:not(#_) body.aa .aa-logo { font-size: 1.22rem; } html:not(#_) body.aa .aa-logo__txt { max-width: calc(100vw - 120px); } }
@media (min-width: 801px) {
  html:not(#_) body.aa .aa-header { position: relative; }
  html:not(#_) body.aa .aa-header__in { flex-direction: column; align-items: stretch; gap: 0; padding-top: .9rem; }
  html:not(#_) body.aa .aa-logo { justify-content: center; gap: 1.1rem; font-size: clamp(2.3rem, 1.4rem + 2.2vw, 3.3rem); line-height: 1.05; padding: .35rem 0 .7rem; border-top: 1px solid var(--je-encre); }
  html:not(#_) body.aa .aa-logo__txt { max-width: none; }
  html:not(#_) body.aa .aa-nav { border-top: 4px double var(--je-encre); padding: .3rem 0; }
  html:not(#_) body.aa .aa-nav ul { justify-content: center; gap: 0; }
  html:not(#_) body.aa .aa-nav li + li { border-left: 1px solid var(--je-filet); }
  html:not(#_) body.aa .aa-nav a { padding: .45rem 1.05rem; }
  html:not(#_) body.aa .aa-nav__cta { border-left: 0 !important; }
}

/* ---------- une : accueil ---------- */
html:not(#_) body.aa .aa-hero { background: transparent; border-bottom: 1px solid var(--je-encre); }
html:not(#_) body.aa .aa-hero .aa-h1 { font-size: clamp(1.8rem, 1.1rem + 2.6vw, 2.9rem); line-height: 1.08; }
html:not(#_) body.aa .aa-intro { color: #3a3027; }
html:not(#_) body.aa .aa-hero .aa-intro::first-letter { float: left; font-family: var(--aa-police-titre); font-weight: 900; font-size: 3.5em; line-height: .82; padding: .06em .12em 0 0; color: var(--je-ambre); }
html:not(#_) body.aa .aa-hero__chiffres { font-family: var(--je-sans); text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; color: var(--je-encre); border-top: 1px solid var(--je-filet); padding-top: .5rem; display: inline-block; }
@media (min-width: 900px) {
  html:not(#_) body.aa .aa-hero__txt { padding-right: 2.2rem; border-right: 1px solid var(--je-filet); align-self: stretch; }
  html:not(#_) body.aa .aa-hero .aa-intro { columns: 2; column-gap: 1.6rem; column-rule: 1px solid var(--je-filet); max-width: none; }
}
html:not(#_) body.aa .aa-hero__form, html:not(#_) body.aa .aa-filtres, html:not(#_) body.aa .aa-fiche__cta--haut, html:not(#_) body.aa .aa-repondre {
  background: var(--aa-surface); border: 1px solid var(--je-encre); border-radius: 0;
  box-shadow: inset 0 0 0 4px var(--aa-surface), inset 0 0 0 5px var(--je-filet), 0 18px 40px -24px rgba(180, 83, 9, .55);
}
html:not(#_) body.aa .aa-hero__form { padding: 1.4rem 1.3rem; }
html:not(#_) body.aa .aa-hero__form-h { font-size: 1.35rem; font-weight: 900; padding-bottom: .4rem; border-bottom: 1px solid var(--je-filet); }
html:not(#_) body.aa .aa-hero__form-p, html:not(#_) body.aa .aa-form__aide { color: var(--aa-muet); }

/* ---------- titres de rubrique : filets doubles ---------- */
html:not(#_) body.aa .aa-h2 { font-weight: 900; font-size: 1.4rem; border-top: 4px double var(--je-encre); padding-top: .5rem; }
html:not(#_) body.aa .aa-bloc__tete { border-top: 4px double var(--je-encre); padding-top: .5rem; margin-top: 1.4em; align-items: baseline; }
html:not(#_) body.aa .aa-bloc__tete .aa-h2 { border-top: 0; padding-top: 0; margin: 0 0 .5rem; }
html:not(#_) body.aa .aa-lien { font-family: var(--je-sans); text-transform: uppercase; letter-spacing: .12em; font-size: .76rem; color: var(--je-ambre); }

/* ---------- index des rubriques, villes ---------- */
html:not(#_) body.aa .aa-liens { column-gap: 1.6rem; row-gap: 0; }
html:not(#_) body.aa .aa-liens li { background: transparent; border: 0; border-bottom: 1px dotted #a58c64; border-radius: 0; padding: .45rem .1rem; }
html:not(#_) body.aa .aa-liens li a { color: var(--je-encre); }
html:not(#_) body.aa .aa-liens__nb, html:not(#_) body.aa .aa-side__nb { color: var(--aa-muet); font-style: italic; }
html:not(#_) body.aa .aa-liens--villes { gap: .45rem; }
html:not(#_) body.aa .aa-liens--villes li { border: 1px solid #b9a27c; border-radius: 999px; background: var(--aa-surface); padding: .3rem .85rem; }
html:not(#_) body.aa .aa-liens--villes li:hover { border-color: var(--aa-primaire); }

/* ---------- encadré « dernière minute » : dépôt ---------- */
html:not(#_) body.aa .aa-bloc--deposer .aa-deposer-cta {
  display: block; max-width: 520px; margin: 1.8rem auto 0; padding: 1.5rem 1.3rem; text-align: center;
  border: 7px solid transparent; border-radius: 0;
  background: linear-gradient(var(--aa-surface), var(--aa-surface)) padding-box, repeating-linear-gradient(-45deg, #b45309 0 5px, #fbf6ec 5px 10px) border-box;
  box-shadow: inset 0 0 0 1px var(--je-encre), 0 20px 44px -24px rgba(180, 83, 9, .6);
}
html:not(#_) body.aa .aa-bloc--deposer .aa-deposer-cta::before { content: ""; display: block; height: 10px; margin: 0 auto .9rem; width: 54px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 10'%3E%3Cpath fill='%23b45309' d='M5 0l5 5-5 5-5-5zM27 0l5 5-5 5-5-5zM49 0l5 5-5 5-5-5z'/%3E%3Cpath stroke='%23211b15' d='M12 5h8M34 5h8'/%3E%3C/svg%3E") center / contain no-repeat; }
html:not(#_) body.aa .aa-bloc--deposer .aa-btn { background: var(--aa-primaire); color: #fff; border-color: var(--aa-primaire); }

/* ---------- boutons, champs ---------- */
html:not(#_) body.aa .aa-btn { border-radius: 999px; font-family: var(--je-sans); letter-spacing: .03em; }
html:not(#_) body.aa .aa-btn--primaire { box-shadow: 0 10px 22px -12px rgba(180, 83, 9, .8); }
html:not(#_) body.aa .aa-btn--secondaire { background: transparent; color: var(--je-encre); border: 1.5px solid var(--je-encre); }
html:not(#_) body.aa .aa-btn:hover { box-shadow: 0 0 0 3px rgba(180, 83, 9, .25); }
html:not(#_) body.aa select, html:not(#_) body.aa input[type="text"], html:not(#_) body.aa input[type="email"], html:not(#_) body.aa input[type="number"], html:not(#_) body.aa input[type="tel"], html:not(#_) body.aa textarea {
  background: #fffdf8; color: var(--je-encre); border: 1px solid #b9a27c; border-radius: 2px;
}
html:not(#_) body.aa .aa-chip, html:not(#_) body.aa .aa-chips li { background: var(--aa-surface); border-color: #b9a27c; color: var(--je-encre); border-radius: 999px; }
html:not(#_) body.aa .aa-chip:has(input:checked) { background: rgba(180, 83, 9, .12); border-color: var(--aa-primaire); }
html:not(#_) body.aa .aa-filtres__champ, html:not(#_) body.aa .aa-form__lbl { font-family: var(--je-sans); color: var(--je-encre); text-transform: uppercase; letter-spacing: .1em; font-size: .74rem; }

/* ---------- colonne latérale ---------- */
html:not(#_) body.aa .aa-side { background: transparent; border: 0; border-top: 4px double var(--je-encre); border-radius: 0; padding: .6rem 0 0; }
html:not(#_) body.aa .aa-side__h { font-family: var(--je-sans); color: var(--je-encre); letter-spacing: .16em; font-size: .74rem; }
html:not(#_) body.aa .aa-side__liste li { border-top: 1px dotted #a58c64; }
html:not(#_) body.aa .aa-side__liste a { color: var(--je-encre); }
html:not(#_) body.aa .aa-side__liste li.is-actif a { color: var(--je-ambre); }
@media (min-width: 960px) { html:not(#_) body.aa .aa-layout__side { padding-right: 1.3rem; border-right: 1px solid var(--je-filet); } }
html:not(#_) body.aa .aa-crumbs ol { font-style: italic; color: var(--aa-muet); }
@media (max-width: 719px) { html:not(#_) body.aa .aa-crumbs ol { font-size: .78rem; margin-bottom: .5rem; } }

/* ---------- petites annonces : lignes réglées ---------- */
html:not(#_) body.aa .aa-liste { gap: 0; border-top: 3px solid var(--je-encre); border-bottom: 1px solid var(--je-encre); }
html:not(#_) body.aa .aa-ligne { background: transparent; border: 0; border-bottom: 1px solid var(--je-filet); border-radius: 0; box-shadow: none; padding: 1rem .3rem; }
html:not(#_) body.aa .aa-ligne:last-child { border-bottom: 0; }
html:not(#_) body.aa .aa-ligne:hover { background: rgba(180, 83, 9, .06); }
html:not(#_) body.aa .aa-ligne__img { aspect-ratio: 4 / 5; padding: 3px; background: var(--aa-surface); border: 1px solid var(--je-encre); border-radius: 999px 999px 3px 3px; box-shadow: 0 10px 20px -14px rgba(180, 83, 9, .8); }
html:not(#_) body.aa .aa-ligne__img img { border-radius: 999px 999px 2px 2px; }
html:not(#_) body.aa .aa-ligne__nb { background: var(--je-encre); color: #fbf6ec; left: 50%; transform: translateX(-50%); }
html:not(#_) body.aa .aa-ligne__cat { background: var(--je-encre); color: #fbf6ec; font-family: var(--je-sans); letter-spacing: .12em; font-weight: 600; padding: .14rem .5rem; }
html:not(#_) body.aa .aa-ligne__new, html:not(#_) body.aa .aa-fiche__new { background: #fff8ec; color: var(--je-ambre); border: 1.5px solid var(--aa-primaire); border-radius: 2px; transform: rotate(-2deg); font-family: var(--je-sans); letter-spacing: .1em; }
html:not(#_) body.aa .aa-ligne__date { color: var(--aa-muet); font-style: italic; font-size: .8rem; }
html:not(#_) body.aa .aa-ligne__titre { font-family: var(--aa-police-titre); font-weight: 800; font-size: 1.16rem; color: var(--je-encre); }
html:not(#_) body.aa .aa-ligne__titre a:hover { color: var(--je-ambre); }
html:not(#_) body.aa .aa-ligne__meta { font-family: var(--je-sans); color: var(--aa-muet); font-size: .84rem; }
html:not(#_) body.aa .aa-ligne__meta strong { color: var(--je-encre); }
html:not(#_) body.aa .aa-ligne__extrait { color: #3a3027; opacity: 1; }
html:not(#_) body.aa .aa-ligne__lire { background: transparent; color: var(--je-encre); border: 3px double var(--je-encre); border-radius: 0; text-transform: uppercase; letter-spacing: .14em; font-size: .74rem; }
html:not(#_) body.aa .aa-ligne__lire:hover { background: var(--je-encre); color: #fbf6ec; }
@media (min-width: 720px) {
  html:not(#_) body.aa .aa-ligne__extrait, html:not(#_) body.aa .aa-hero .aa-intro, html:not(#_) body.aa .aa-fiche__texte > p { text-align: justify; hyphens: auto; }
  html:not(#_) body.aa .aa-ligne__action { align-self: stretch; display: flex; align-items: center; padding-left: 1.1rem; border-left: 1px solid var(--je-filet); }
}
html:not(#_) body.aa .aa-pagination a, html:not(#_) body.aa .aa-pagination span { border-radius: 0; border-color: var(--je-encre); background: var(--aa-surface); color: var(--je-encre); }
html:not(#_) body.aa .aa-pagination .is-actif { background: var(--aa-primaire); border-color: var(--aa-primaire); color: #fff; }

/* ---------- fiche ---------- */
html:not(#_) body.aa .aa-fiche__tete { border-top: 4px double var(--je-encre); padding-top: .8rem; }
html:not(#_) body.aa .aa-fiche__cat { display: inline-block; background: var(--je-encre); padding: .18rem .6rem; font-family: var(--je-sans); letter-spacing: .12em; }
html:not(#_) body.aa .aa-fiche__cat a { color: #fbf6ec; }
html:not(#_) body.aa .aa-fiche__titre { font-size: clamp(1.6rem, 1.1rem + 1.9vw, 2.4rem); line-height: 1.1; padding-bottom: .5rem; border-bottom: 1px solid var(--je-filet); }
html:not(#_) body.aa .aa-fiche__sous { font-style: italic; color: var(--aa-muet); }
html:not(#_) body.aa .aa-fiche__photo { padding: 6px; background: var(--aa-surface); border: 1px solid var(--je-encre); border-radius: 999px 999px 4px 4px; box-shadow: 0 22px 44px -26px rgba(180, 83, 9, .75); }
html:not(#_) body.aa .aa-fiche__photo .aa-fiche__img { border-radius: 999px 999px 2px 2px; transition: transform .5s ease; }
html:not(#_) body.aa .aa-fiche__photo:hover .aa-fiche__img { transform: scale(1.03); }
html:not(#_) body.aa .aa-fiche__photo .aa-fiche__new { top: auto; bottom: 16px; right: 50%; transform: translateX(50%) rotate(-2deg); }
html:not(#_) body.aa .aa-fiche__meta { font-style: italic; color: var(--aa-muet); }
html:not(#_) body.aa .aa-fiche__infos { background: transparent; border: 0; border-top: 1px solid var(--je-encre); border-bottom: 1px solid var(--je-encre); border-radius: 0; padding: .7rem .1rem; }
html:not(#_) body.aa .aa-fiche__infos dt, html:not(#_) body.aa .aa-fiche__physique dt { font-family: var(--je-sans); text-transform: uppercase; letter-spacing: .1em; font-size: .7rem; color: var(--aa-muet); }
html:not(#_) body.aa .aa-fiche__texte > p { font-size: 1.06rem; line-height: 1.68; }
html:not(#_) body.aa .aa-fiche__cta--haut + p::first-letter { float: left; font-family: var(--aa-police-titre); font-weight: 900; font-size: 3.6em; line-height: .8; padding: .07em .12em 0 0; color: var(--je-ambre); }
html:not(#_) body.aa .aa-fiche__cta--haut { padding: 1.1rem; }
html:not(#_) body.aa .aa-fiche__plage { background: transparent; border: 1px solid var(--aa-primaire); color: var(--je-ambre); border-radius: 0; font-family: var(--je-sans); }
html:not(#_) body.aa .aa-fiche__phy { background: var(--aa-surface); border: 1px solid var(--je-filet); border-top: 2px solid var(--je-encre); border-radius: 0; }
html:not(#_) body.aa .aa-repondre { padding: 1.4rem 1.3rem; }
html:not(#_) body.aa .aa-fiche__barre { background: rgba(244, 234, 216, .95); border-top: 4px double var(--je-encre); }

/* ---------- pop-up, porte d'âge ---------- */
html:not(#_) body.aa .aa-popup, html:not(#_) body.aa .aa-gate { background: rgba(29, 24, 19, .84); }
html:not(#_) body.aa .aa-popup__box, html:not(#_) body.aa .aa-gate__box {
  background: var(--aa-surface); color: var(--je-encre); border: 1px solid var(--je-encre); border-top: 5px solid var(--aa-primaire); border-radius: 0;
  box-shadow: inset 0 0 0 5px var(--aa-surface), inset 0 0 0 6px var(--je-filet), 0 30px 60px -20px rgba(0, 0, 0, .6);
}
html:not(#_) body.aa .aa-popup__titre, html:not(#_) body.aa .aa-gate__box h2 { font-family: var(--aa-police-titre); font-weight: 900; color: var(--je-encre); }
html:not(#_) body.aa .aa-popup__pour { color: var(--je-ambre); font-style: italic; }
html:not(#_) body.aa .aa-popup__texte { color: var(--aa-muet); border-bottom: 1px solid var(--je-filet); padding-bottom: .7rem; }
html:not(#_) body.aa .aa-popup__fermer { color: var(--je-encre); }

/* ---------- dépôt ---------- */
html:not(#_) body.aa .aa-depot__bloc { background: var(--aa-surface); border: 1px solid var(--je-encre); border-radius: 0; box-shadow: 0 14px 30px -24px rgba(180, 83, 9, .6); }
html:not(#_) body.aa .aa-depot__bloc legend { background: var(--je-encre); color: #fbf6ec; font-family: var(--je-sans); text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; padding: .25rem .7rem; }
html:not(#_) body.aa .aa-regles { color: var(--aa-muet); }

/* ---------- pied de journal ---------- */
html:not(#_) body.aa .aa-footer { background: var(--aa-pied); color: var(--aa-pied-txt); border-top: 6px double var(--aa-primaire); }
html:not(#_) body.aa .aa-footer__brand { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: 0; font-size: 1.6rem; font-weight: 900; color: #fbf6ec; }
html:not(#_) body.aa .aa-footer__h { font-family: var(--je-sans); color: #f2b46a; letter-spacing: .16em; }
html:not(#_) body.aa .aa-footer__bas { border-top-color: rgba(236, 225, 204, .25); opacity: 1; }
@media (min-width: 760px) { html:not(#_) body.aa .aa-footer__col + .aa-footer__col { border-left: 1px solid rgba(236, 225, 204, .18); padding-left: 1.2rem; } }