/* gay-liege.be — registre « Meuse sidérurgique : rouille & béton banché, plaques rivetées »
   Liège, bassin de l'acier : encre anthracite (#221e1b), accent rouille du favicon (#d84315,
   #bf360c pour les boutons à texte blanc, #a8320f pour les liens), neutre chaud béton / lin
   (#ebe5dd, #faf6f0). Formes signature : plaques rivetées (titres de section, blocs de la
   fiche), vignettes en écrou hexagonal, pilules d'acier rouillé (boutons), coulure de rouille
   sous l'en-tête, cœur boulonné en filigrane (accueil, fiche). Ton viril et chaleureux. */

html:not(#_) body.aa {
  --aa-accent: #d84315; --aa-teinte: #d84315;
  --aa-primaire: #bf360c; --aa-primaire-fonce: #9c2a08; --aa-primaire-txt: #fff;
  --aa-fond: #faf6f0; --aa-surface: #fffaf4; --aa-surface-2: #f3ece3;
  --aa-texte: #231d19; --aa-muet: #665a51; --aa-bord: #ddd1c3; --aa-lien: #a8320f;
  --aa-tete: #221e1b; --aa-tete-txt: #f3ebe1;
  --aa-secondaire: #221e1b; --aa-secondaire-txt: #fff;
  --aa-pied: #1d1a17; --aa-pied-txt: #e9e0d5;
  --aa-rayon: 10px; --aa-rayon-s: 999px;
  --aa-ombre: 0 1px 2px rgba(60, 30, 15, .07), 0 14px 28px -18px rgba(191, 54, 12, .45);
  --aa-police: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  --aa-police-titre: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif;
  --rb-clair: #ff9a6e;
  --rb-rivets: radial-gradient(circle at 7px 7px, #f7d9c8 0 2px, #7a2308 2.4px, transparent 3.2px),
               radial-gradient(circle at calc(100% - 7px) 7px, #f7d9c8 0 2px, #7a2308 2.4px, transparent 3.2px),
               radial-gradient(circle at 7px calc(100% - 7px), #f7d9c8 0 2px, #7a2308 2.4px, transparent 3.2px),
               radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), #f7d9c8 0 2px, #7a2308 2.4px, transparent 3.2px);
  --rb-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M16 28 3.5 16.2A7.6 7.6 0 0 1 16 5.4 7.6 7.6 0 0 1 28.5 16.2Z' fill='none' stroke='%23d84315' stroke-width='2.2'/%3E%3Ccircle cx='10' cy='11' r='1.3' fill='%23d84315'/%3E%3Ccircle cx='22' cy='11' r='1.3' fill='%23d84315'/%3E%3Ccircle cx='16' cy='22' r='1.3' fill='%23d84315'/%3E%3C/svg%3E");
  --rb-coeur-plein: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M16 28 3.5 16.2A7.6 7.6 0 0 1 16 5.4 7.6 7.6 0 0 1 28.5 16.2Z' fill='%23fff4ec'/%3E%3C/svg%3E");
  color: var(--aa-texte);
  background:
    repeating-linear-gradient(180deg, transparent 0 63px, rgba(90, 70, 55, .07) 63px 64px),
    radial-gradient(circle at 1px 1px, rgba(35, 29, 25, .05) 1px, transparent 1.5px) 0 0 / 11px 11px,
    #ebe5dd;
}

/* --- en-tête anthracite + coulure de rouille ------------------------------------- */
html:not(#_) .aa-header { background: linear-gradient(180deg, #2b2623, #221e1b); color: #f3ebe1; box-shadow: 0 10px 22px -16px rgba(0, 0, 0, .6); }
html:not(#_) .aa-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 6px; pointer-events: none;
  background: linear-gradient(90deg, #7a2308, #d84315 18%, #b8420f 34%, #e0632b 52%, #9c2a08 70%, #d84315 86%, #7a2308); }
html:not(#_) .aa-logo, html:not(#_) .aa-logo__txt { color: #fff4ec; font-family: var(--aa-police-titre); letter-spacing: .04em; text-transform: uppercase; }
html:not(#_) .aa-logo__mark { width: 32px; height: 32px; border-radius: 0; box-shadow: none;
  background: var(--rb-coeur-plein) center 58% / 15px no-repeat, linear-gradient(135deg, #e0632b, #9c2a08);
  clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%); }
html:not(#_) .aa-burger { color: #fff4ec; }
html:not(#_) .aa-nav a { color: #f3ebe1; }
html:not(#_) .aa-nav a:hover, html:not(#_) .aa-nav a.is-actif { background: rgba(255, 154, 110, .14); color: #fff; }
@media (min-width: 900px) {
  html:not(#_) .aa-nav ul { background: #332d29; box-shadow: inset 0 0 0 1px rgba(255, 154, 110, .18); }
}
html:not(#_) .aa-nav__cta a { background: linear-gradient(180deg, #d0400f, #b0320b); color: #fff !important; box-shadow: 0 6px 14px -8px rgba(216, 67, 21, .9); }

/* --- boutons : pilules d'acier rouillé ------------------------------------------- */
html:not(#_) .aa-btn { border-radius: 999px; font-weight: 700; letter-spacing: .02em; }
html:not(#_) .aa-btn.aa-btn--primaire { background: linear-gradient(180deg, #cf3e10, #b0320b); border-color: #9c2a08; color: #fff;
  box-shadow: 0 10px 20px -12px rgba(216, 67, 21, .95), inset 0 1px 0 rgba(255, 255, 255, .2); }
html:not(#_) .aa-btn.aa-btn--primaire:hover { background: linear-gradient(180deg, #bf360c, #9c2a08); color: #fff; }
html:not(#_) .aa-btn.aa-btn--secondaire { background: #fffaf4; color: #231d19; border: 2px solid #231d19; }
html:not(#_) .aa-btn.aa-btn--secondaire:hover { background: #231d19; color: #fff4ec; }

/* --- plaques rivetées : titres de section ---------------------------------------- */
html:not(#_) .aa-h2, html:not(#_) .aa-side__h, html:not(#_) .aa-depot__bloc legend {
  display: inline-flex; align-items: center; gap: .45rem; position: relative;
  font-family: var(--aa-police-titre); text-transform: uppercase; letter-spacing: .06em; font-size: 1rem; font-weight: 800;
  color: #fff4ec; padding: .5rem 1.25rem; border-radius: 4px; border: 0;
  background: var(--rb-rivets), linear-gradient(135deg, #3a322d, #221e1b);
  box-shadow: 0 8px 16px -12px rgba(0, 0, 0, .6), inset 0 -3px 0 #bf360c; }
html:not(#_) .aa-h2 .aa-ico, html:not(#_) .aa-side__h .aa-ico, html:not(#_) .aa-depot__bloc legend .aa-ico { color: var(--rb-clair); }
html:not(#_) .aa-h2 a, html:not(#_) .aa-side__h a { color: var(--rb-clair); }
html:not(#_) .aa-h1 { font-family: var(--aa-police-titre); font-weight: 800; letter-spacing: .01em; color: #221e1b; }

/* --- accueil : panneau de béton banché + cœur boulonné --------------------------- */
html:not(#_) .aa-hero .aa-hero__in { position: relative; overflow: hidden; border-radius: 6px 28px 6px 28px;
  background: repeating-linear-gradient(180deg, transparent 0 47px, rgba(90, 70, 55, .08) 47px 48px), linear-gradient(160deg, #f6efe6, #fffaf4 70%);
  border-left: 8px solid #d84315; box-shadow: var(--aa-ombre); }
html:not(#_) .aa-hero .aa-hero__in::after { content: ""; position: absolute; right: -18px; bottom: -22px; width: 190px; height: 180px; background: var(--rb-coeur) center / contain no-repeat; opacity: .16; pointer-events: none; }
html:not(#_) .aa-hero .aa-hero__txt, html:not(#_) .aa-hero .aa-hero__form { position: relative; z-index: 1; }
html:not(#_) .aa-hero .aa-hero__txt p { color: #4d433c; }
html:not(#_) .aa-hero .aa-hero__form { background: #fffaf4; border-radius: 18px; border-top: 5px solid #d84315; box-shadow: 0 18px 34px -22px rgba(60, 30, 15, .55); }

/* --- filtres, chips et liens --------------------------------------------------- */
html:not(#_) .aa-filtres, html:not(#_) .aa-side { background: #fffaf4; border-radius: 16px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa-liens li, html:not(#_) .aa-chip, html:not(#_) .aa-side__liste li { background: #fffaf4; border: 1px solid #e3cdbd; box-shadow: none; }
html:not(#_) .aa-liens li a, html:not(#_) .aa-chip, html:not(#_) .aa-side__liste li a { color: #a8320f; font-weight: 700; }
html:not(#_) .aa-liens__nb, html:not(#_) .aa-side__nb { color: #665a51; }
html:not(#_) .aa-side__liste li.is-actif { background: #bf360c; border-color: #bf360c; }
html:not(#_) .aa-side__liste li.is-actif a, html:not(#_) .aa-side__liste li.is-actif .aa-side__nb { color: #fff; }

/* --- lignes d'annonce : plaques à écrou ---------------------------------------- */
html:not(#_) .aa-liste .aa-ligne { background: #fffaf4; border-radius: 6px 18px 6px 18px; border: 1px solid #e3d6c8; border-left: 4px solid #d84315;
  box-shadow: 0 10px 22px -20px rgba(60, 30, 15, .7); transition: transform .2s ease, box-shadow .2s ease; }
html:not(#_) .aa-liste .aa-ligne:hover { background: #fff6ee; transform: translateY(-2px); box-shadow: 0 16px 28px -18px rgba(191, 54, 12, .55); }
html:not(#_) .aa-ligne .aa-ligne__img { border-radius: 0; clip-path: polygon(25% 2%, 75% 2%, 99% 50%, 75% 98%, 25% 98%, 1% 50%); background: #d84315; }
html:not(#_) .aa-ligne .aa-ligne__img img { transition: transform .35s ease; }
html:not(#_) .aa-ligne:hover .aa-ligne__img img { transform: scale(1.06); }
html:not(#_) .aa-ligne .aa-ligne__nb { left: 50%; transform: translateX(-50%); bottom: .35rem; }
html:not(#_) .aa-ligne .aa-ligne__cat { background: #221e1b; color: #ffd9c7; border-radius: 3px; box-shadow: none; letter-spacing: .06em; }
html:not(#_) .aa-ligne .aa-ligne__new { background: #bf360c; color: #fff; border-radius: 999px; }
html:not(#_) .aa-ligne .aa-ligne__titre, html:not(#_) .aa-ligne .aa-ligne__titre a { color: #221e1b; font-family: var(--aa-police-titre); letter-spacing: .01em; }
html:not(#_) .aa-ligne .aa-ligne__meta, html:not(#_) .aa-ligne .aa-ligne__date { color: #665a51; }
html:not(#_) .aa-ligne .aa-ligne__extrait { color: #3d342e; }
html:not(#_) .aa-ligne .aa-ligne__lire { background: transparent; color: #a8320f; border: 2px solid #d84315; }
html:not(#_) .aa-ligne .aa-ligne__lire:hover { background: #bf360c; color: #fff; }
html:not(#_) .aa-pagination a, html:not(#_) .aa-pagination span { background: #fffaf4; color: #a8320f; }

/* --- fiche d'annonce -------------------------------------------------------------- */
html:not(#_) .aa-fiche__titre { font-family: var(--aa-police-titre); color: #221e1b; }
html:not(#_) .aa-fiche__cat { color: #a8320f; }
html:not(#_) .aa-fiche__meta { color: #665a51; }
html:not(#_) .aa-fiche__photo { border-radius: 8px 30px 8px 30px; box-shadow: 0 0 0 5px #fffaf4, 0 0 0 8px #d84315, 0 22px 40px -24px rgba(60, 30, 15, .8); }
html:not(#_) .aa-fiche__new { background: #bf360c; color: #fff; }
html:not(#_) .aa-fiche__cta--haut, html:not(#_) .aa-repondre, html:not(#_) .aa-fiche__infos, html:not(#_) .aa-depot__bloc {
  background: var(--rb-rivets), #fffaf4; border: 1px solid #e3d6c8; border-radius: 8px; box-shadow: var(--aa-ombre); color: #231d19; }
html:not(#_) .aa-repondre { position: relative; overflow: hidden; }
html:not(#_) .aa-repondre::after { content: ""; position: absolute; right: -14px; bottom: -14px; width: 96px; height: 90px; background: var(--rb-coeur) center / contain no-repeat; opacity: .12; pointer-events: none; }
html:not(#_) .aa-repondre > * { position: relative; z-index: 1; }
html:not(#_) .aa-fiche__plage { background: #221e1b; color: #ffd9c7; }
html:not(#_) .aa-fiche__phy { background: #f3ece3; border: 1px solid #e3d6c8; border-radius: 6px 16px 6px 16px; color: #231d19; }
html:not(#_) .aa-fiche__texte { color: #2e2621; }
html:not(#_) .aa-fiche__signaler, html:not(#_) .aa-retour { color: #a8320f; }

/* --- dépôt et formulaires ----------------------------------------------------------- */
html:not(#_) .aa-depot__bloc legend { margin-bottom: .5rem; }
html:not(#_) .aa-form__lbl, html:not(#_) .aa-depot__bloc label { color: #231d19; }
html:not(#_) .aa-form__aide, html:not(#_) .aa-form__compteur { color: #665a51; }
html:not(#_) body.aa input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html:not(#_) body.aa select, html:not(#_) body.aa textarea { background: #fff; border: 1.5px solid #d6c5b4; color: #231d19; }
html:not(#_) body.aa input:focus, html:not(#_) body.aa select:focus, html:not(#_) body.aa textarea:focus { border-color: #d84315; outline: 2px solid rgba(216, 67, 21, .25); outline-offset: 1px; }
html:not(#_) body.aa input[type="checkbox"], html:not(#_) body.aa input[type="radio"] { accent-color: #bf360c; }

/* --- pop-up, porte ------------------------------------------------------------------ */
html:not(#_) .aa-popup__box, html:not(#_) .aa-gate__box { background: #fffaf4; color: #231d19; border-top: 6px solid #d84315; }
html:not(#_) .aa-gate__mark { background: linear-gradient(135deg, #e0632b, #9c2a08); clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%); border-radius: 0; }

/* --- pied de page : fonderie de nuit -------------------------------------------- */
html:not(#_) .aa-footer { position: relative; background: repeating-linear-gradient(180deg, transparent 0 55px, rgba(255, 255, 255, .03) 55px 56px), #1d1a17; color: #e9e0d5; border-radius: 0; border-top: 6px solid #d84315; }
html:not(#_) .aa-footer__h, html:not(#_) .aa-footer__brand { color: #fff4ec; font-family: var(--aa-police-titre); text-transform: uppercase; letter-spacing: .06em; }
html:not(#_) .aa-footer__fictif, html:not(#_) .aa-footer__bas, html:not(#_) .aa-footer p { color: #cbbfb2; }
html:not(#_) .aa-footer ul li a { background: #2c2724; color: #ffc2a6; box-shadow: none; border: 1px solid #45392f; }
html:not(#_) .aa-footer ul li a:hover { background: #bf360c; color: #fff; }
html:not(#_) .aa-footer a { color: #ffc2a6; }
html:not(#_) .aa-footer__bas { border-top-color: #3a312a; }

/* --- barre fixe de la fiche (mobile) : bandeau anthracite, deux pilules lisibles --- */
html:not(#_) .aa-fiche__barre { background: rgba(34, 30, 27, .95); border-top: 3px solid #d84315; }
html:not(#_) .aa-fiche__barre .aa-btn { font-size: .76rem; line-height: 1.1; padding: .25em .6em; border-radius: 16px; letter-spacing: 0; -webkit-line-clamp: 3; min-height: 50px; }
html:not(#_) .aa-fiche__barre .aa-btn.aa-btn--secondaire { background: #fffaf4; color: #231d19; border-color: #fffaf4; }

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