/* club-echangiste-liege.be — registre « cuivre & houille, cartouches »
   Liège, pays du charbon et du cuivre battu : encre houille (#1d1714), accent cuivre
   du favicon (#b3541e, foncé #8a3c12 pour les liens), neutre chaud sable / crème.
   Formes signature : cartouches à pans coupés (bandeaux, pastilles), médaillons en arche
   cerclés de cuivre (photos), vague de cuivre sous l'en-tête et au-dessus du pied,
   cœur cuivré en filigrane (accueil, appel au dépôt, fiche). */

html:not(#_) body.aa {
  --aa-accent: #b3541e; --aa-teinte: #b3541e;
  --aa-primaire: #b3541e; --aa-primaire-fonce: #8a3c12; --aa-primaire-txt: #fff;
  --aa-page: #efe3d3; --aa-fond: #fffaf3; --aa-surface: #fffaf3; --aa-surface-2: #f7ecdf;
  --aa-texte: #241a14; --aa-muet: #6b5647; --aa-bord: #e2d0ba; --aa-lien: #9a4518;
  --aa-tete: #1d1714; --aa-tete-txt: #f6ebdd; --aa-barre: #2a211b;
  --aa-bande: #b3541e; --aa-bande-txt: #fff; --aa-bande-bord: #1d1714;
  --aa-secondaire: #1d1714; --aa-secondaire-txt: #fff;
  --aa-pied: #17120f; --aa-pied-txt: #e6d6c4;
  --aa-rayon: 14px; --aa-rayon-s: 9px;
  --aa-ombre: 0 2px 4px rgba(90, 40, 12, .06), 0 14px 30px -18px rgba(179, 84, 30, .45);
  --aa-police: "Segoe UI", "Helvetica Neue", Roboto, Arial, sans-serif;
  --aa-police-titre: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --cu-clair: #e8a273;
  --cu-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M16 29 3.5 16.6A7.7 7.7 0 0 1 16 5.2 7.7 7.7 0 0 1 28.5 16.6Z' fill='%23b3541e'/%3E%3C/svg%3E");
  --cu-coeur-clair: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cpath d='M16 29 3.5 16.6A7.7 7.7 0 0 1 16 5.2 7.7 7.7 0 0 1 28.5 16.6Z' fill='%23fffaf3'/%3E%3C/svg%3E");
  --cu-vague: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 0h120v4c-10 0-10 8-20 8S90 4 80 4 70 12 60 12 50 4 40 4 30 12 20 12 10 4 0 4Z' fill='%23b3541e'/%3E%3C/svg%3E");
  background:
    radial-gradient(circle at 1px 1px, rgba(29, 23, 20, .05) 1px, transparent 1.4px) 0 0 / 14px 14px,
    var(--aa-page);
}

/* --- en-tête houille, vague de cuivre ------------------------------------------ */
html:not(#_) .aa-header { box-shadow: none; background: linear-gradient(180deg, #241c17, #1d1714 60%); }
html:not(#_) .aa-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: -11px; height: 12px; background: var(--cu-vague) 0 0 / 120px 12px repeat-x; pointer-events: none; }
html:not(#_) .aa-logo__mark { width: 34px; height: 34px; border-radius: 0; box-shadow: none;
  background: var(--cu-coeur-clair) center 58% / 15px no-repeat, linear-gradient(135deg, #d0753e, #8a3c12);
  clip-path: polygon(28% 0, 72% 0, 100% 28%, 100% 72%, 72% 100%, 28% 100%, 0 72%, 0 28%); }
html:not(#_) .aa-logo__txt { font-family: var(--aa-police-titre); font-style: normal; font-weight: 700; letter-spacing: .01em; color: #fbefe1; }
html:not(#_) .aa-logo__sous { color: var(--cu-clair); opacity: 1; letter-spacing: .08em; text-transform: uppercase; font-size: .66rem; }
html:not(#_) .aa-nav { background: var(--aa-barre); border-top: 1px solid rgba(232, 162, 115, .18); }
html:not(#_) .aa-nav a { color: #f1e2d0; font-weight: 600; letter-spacing: .02em; border-bottom-width: 0; position: relative; }
html:not(#_) .aa-nav a .aa-ico { color: var(--cu-clair); }
html:not(#_) .aa-nav a:hover { background: rgba(232, 162, 115, .1); }
html:not(#_) .aa-nav a.is-actif { background: transparent; color: #fff; }
html:not(#_) .aa-nav a.is-actif::after { content: ""; position: absolute; left: .9rem; right: .9rem; bottom: .3rem; height: 3px; border-radius: 3px; background: var(--cu-clair); }

/* --- boutons : pilules cuivrées -------------------------------------------------- */
html:not(#_) .aa-btn { border-radius: 999px; font-weight: 700; letter-spacing: .01em; }
html:not(#_) .aa-btn--primaire { background: linear-gradient(180deg, #c1602a, #a14a18); border-color: #8a3c12; color: #fff; box-shadow: 0 8px 18px -10px rgba(179, 84, 30, .8), inset 0 1px 0 rgba(255, 255, 255, .22); }
html:not(#_) .aa-btn--primaire:hover { background: linear-gradient(180deg, #b3541e, #8a3c12); color: #fff; }
html:not(#_) .aa-btn--secondaire { background: #fffaf3; color: #1d1714; border: 2px solid #1d1714; }
html:not(#_) .aa-btn--secondaire:hover { background: #1d1714; color: #fbefe1; }

/* --- cartouches : bandeaux de section -------------------------------------------- */
html:not(#_) .aa-h2, html:not(#_) .aa-side__h, html:not(#_) .aa-bande, html:not(#_) .aa-depot__bloc legend {
  font-family: var(--aa-police-titre); font-style: normal; text-transform: none; letter-spacing: .01em; font-size: 1.04rem; font-weight: 700;
  background: linear-gradient(90deg, #1d1714, #2e241e); color: #fbefe1; border: 0; border-radius: 0;
  padding: .5rem 1.4rem .5rem 1.25rem;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
}
html:not(#_) .aa-h2 .aa-ico, html:not(#_) .aa-side__h .aa-ico, html:not(#_) .aa-depot__bloc legend .aa-ico { color: var(--cu-clair); }
html:not(#_) .aa-bande { background: linear-gradient(90deg, #b3541e, #9a4518); color: #fff; }
html:not(#_) .aa-bande .aa-ico { color: #fff; }

/* --- conteneur et accueil --------------------------------------------------------- */
html:not(#_) .aa-main > .aa-wrap { border: 1px solid var(--aa-bord); border-radius: 22px; box-shadow: var(--aa-ombre); background: var(--aa-fond); margin-top: 1.4rem; }
html:not(#_) .aa-hero { position: relative; overflow: hidden; border: 1px solid var(--aa-bord); border-radius: 22px 22px 22px 4px; border-left: 1px solid var(--aa-bord);
  background: linear-gradient(160deg, #fbeee0, #fffaf3 65%); padding: 1.4rem 1.4rem 1.2rem 1.6rem; }
html:not(#_) .aa-hero::after { content: ""; position: absolute; right: -26px; bottom: -30px; width: 170px; height: 160px; background: var(--cu-coeur) center / contain no-repeat; opacity: .13; transform: rotate(-12deg); pointer-events: none; }
html:not(#_) .aa-hero::before { content: ""; position: absolute; left: 0; top: 1.3rem; bottom: 1.3rem; width: 5px; border-radius: 0 5px 5px 0; background: linear-gradient(180deg, #d0753e, #8a3c12); }
html:not(#_) .aa-hero .aa-h1 { font-family: var(--aa-police-titre); color: #241a14; }
html:not(#_) .aa-hero .aa-intro { color: #4a382c; max-width: 34em; }
html:not(#_) .aa-hero__chiffres span { background: #1d1714; color: #fbefe1; border: 0; border-radius: 0; padding: .35rem 1rem;
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%); }
html:not(#_) .aa-hero__chiffres span::before { background: var(--cu-clair); }

/* --- lignes d'annonce : médaillons en arche --------------------------------------- */
html:not(#_) .aa-liste { border-top: 0; }
html:not(#_) .aa-ligne { border-bottom: 1px dashed #dcc6ad; border-radius: 16px; transition: background .2s ease, box-shadow .2s ease; }
html:not(#_) .aa-ligne:hover { background: #fbf0e3; box-shadow: 0 10px 24px -20px rgba(179, 84, 30, .9); }
html:not(#_) .aa-ligne__img { border: 0; padding: 3px; border-radius: 999px 999px 12px 12px; background: linear-gradient(160deg, #d0753e, #8a3c12); box-shadow: 0 8px 16px -10px rgba(138, 60, 18, .75); }
html:not(#_) .aa-ligne__img img { border-radius: 999px 999px 9px 9px; }
html:not(#_) .aa-ligne__titre, html:not(#_) .aa-ligne__titre a { font-family: var(--aa-police-titre); color: #8a3c12; }
html:not(#_) .aa-ligne__titre a:hover { color: #1d1714; }
html:not(#_) .aa-ligne__cat { color: #8a3c12; font-weight: 800; letter-spacing: .06em; }
html:not(#_) .aa-ligne__new { background: #1d1714; color: #fbefe1; border-radius: 999px; }
html:not(#_) .aa-ligne__meta strong { color: #241a14; }
html:not(#_) .aa-ligne__lire, html:not(#_) .aa-ligne__action .aa-btn { border-radius: 999px; border: 2px solid #b3541e; color: #8a3c12; background: #fffaf3; }
html:not(#_) .aa-ligne__lire:hover, html:not(#_) .aa-ligne__action .aa-btn:hover { background: #b3541e; color: #fff; }
html:not(#_) .aa-ligne__nb { background: rgba(29, 23, 20, .82); color: #fbefe1; border-radius: 999px; }

/* --- pastilles, liens, colonne latérale ------------------------------------------- */
html:not(#_) .aa-liens li { border-radius: 999px; background: #f8ecdd; border-color: #e7d3bb; padding-left: 1.1rem; }
html:not(#_) .aa-liens li::before { width: 6px; height: 6px; top: 50%; left: .5rem; bottom: auto; margin-top: -3px; border-radius: 50%; background: #b3541e; }
html:not(#_) .aa-liens li a { color: #241a14; }
html:not(#_) .aa-liens__nb { color: #6b5647; }
html:not(#_) .aa-side { border-radius: 16px; }
html:not(#_) .aa-side__liste li::before { background: #b3541e; border-radius: 50%; transform: none; }
html:not(#_) .aa-side__liste li a { color: #241a14; }
html:not(#_) .aa-side__liste li a:hover, html:not(#_) .aa-side__liste li.is-actif a { color: #8a3c12; }
html:not(#_) .aa-side__nb { background: #f3e2cf; color: #6b3310; border-radius: 999px; }
html:not(#_) .aa-chip { border-radius: 999px; background: #fffaf3; border-color: #dcc6ad; color: #241a14; }
html:not(#_) .aa-chip:has(input:checked) { background: #1d1714; border-color: #1d1714; color: #fbefe1; }
html:not(#_) select, html:not(#_) input[type="text"], html:not(#_) input[type="email"], html:not(#_) input[type="tel"], html:not(#_) input[type="number"], html:not(#_) textarea {
  border-radius: 12px; border-color: #dcc6ad; background-color: #fffdf9; color: #241a14; }
html:not(#_) select:focus, html:not(#_) input:focus, html:not(#_) textarea:focus { border-color: #b3541e; box-shadow: 0 0 0 3px rgba(179, 84, 30, .18); outline: 0; }

/* --- atouts : cartouches à médaillon ---------------------------------------------- */
html:not(#_) .aa-atouts li { border: 1px solid #e7d3bb; border-radius: 18px 4px 18px 4px; background: #fffaf3; box-shadow: 0 10px 22px -20px rgba(138, 60, 18, .9); }
html:not(#_) .aa-atouts .aa-atouts__ico { background: linear-gradient(145deg, #d0753e, #8a3c12); color: #fff; box-shadow: 0 0 0 3px #f7e6d3; }
html:not(#_) .aa-atouts h3 { font-family: var(--aa-police-titre); color: #241a14; }

/* --- appel au dépôt : carte centrée, cœur cuivré ---------------------------------- */
html:not(#_) .aa-deposer-cta { flex-direction: column; justify-content: center; text-align: center; max-width: 520px; margin-inline: auto; padding: 3.4rem 1.4rem 1.5rem;
  border: 1px solid #e2c3a2; border-radius: 26px; background: var(--cu-coeur) center 1rem / 30px no-repeat, radial-gradient(circle at 50% 0, #fbe6d2, #fffaf3 70%);
  box-shadow: 0 16px 34px -24px rgba(179, 84, 30, .9); }
html:not(#_) .aa-deposer-cta__bloc { flex: none; }
html:not(#_) .aa-deposer-cta__h { font-family: var(--aa-police-titre); font-size: 1.2rem; color: #241a14; }
html:not(#_) .aa-deposer-cta__txt { color: #4a382c; }
html:not(#_) .aa-deposer-cta .aa-btn { min-width: min(240px, 100%); }
html:not(#_) .aa-bloc--deposer { margin-block: 1.6rem; }

/* --- pagination et fil d'Ariane ---------------------------------------------------- */
html:not(#_) .aa-pagination a, html:not(#_) .aa-pagination span { border-radius: 999px; border-color: #dcc6ad; color: #8a3c12; }
html:not(#_) .aa-pagination .is-actif { background: #1d1714; border-color: #1d1714; color: #fbefe1; }
html:not(#_) .aa-crumbs a { color: #8a3c12; }

/* --- fiche d'annonce ---------------------------------------------------------------- */
html:not(#_) .aa-fiche__titre { font-family: var(--aa-police-titre); color: #241a14; }
html:not(#_) .aa-fiche__photo { border: 0; padding: 5px; isolation: isolate; border-radius: 180px 180px 18px 18px; background: linear-gradient(160deg, #d0753e, #8a3c12); box-shadow: 0 18px 34px -22px rgba(138, 60, 18, .95); }
html:not(#_) .aa-fiche__miniatures img { border-radius: 999px 999px 8px 8px; border-color: #e2c3a2; }
html:not(#_) .aa-fiche__miniatures img:hover { border-color: #b3541e; }
html:not(#_) .aa-fiche__infos { border-radius: 16px; overflow: hidden; border: 1px solid #e7d3bb; }
html:not(#_) .aa-fiche__infos > div:nth-child(odd) { background: #f8ecdd; }
html:not(#_) .aa-fiche__infos dt { color: #6b5647; }
html:not(#_) .aa-fiche__infos dd { color: #241a14; }
html:not(#_) .aa-fiche__infos dd a { color: #8a3c12; }
html:not(#_) .aa-fiche__cta--haut { border: 1px solid #e2c3a2; border-top: 4px solid #b3541e; border-radius: 18px; background: #fbf0e3; }
html:not(#_) .aa-fiche__cta--bas { border: 1px solid #e2c3a2; border-radius: 22px; max-width: 520px; margin-inline: auto; padding: 3rem 1.2rem 1.2rem;
  background: var(--cu-coeur) center .9rem / 26px no-repeat, radial-gradient(circle at 50% 0, #fbe6d2, #fffaf3 70%); }
html:not(#_) .aa-fiche__cta-sous { color: #6b5647; }
html:not(#_) .aa-fiche__phy { border-radius: 14px; background: #fffaf3; border-color: #e7d3bb; }
html:not(#_) .aa-fiche__physique dt { color: #8a3c12; }
html:not(#_) .aa-fiche__physique dd { color: #241a14; }
html:not(#_) .aa-chips--lecture li { background: #1d1714; color: #fbefe1; border-color: #1d1714; }
html:not(#_) .aa-repondre { border-radius: 20px; }
html:not(#_) .aa-fiche__signaler, html:not(#_) .aa-retour { color: #8a3c12; }

/* --- formulaire de dépôt : étapes en cartouche ------------------------------------- */
html:not(#_) .aa-depot__bloc { border: 1px solid #e7d3bb; border-radius: 20px; background: #fffaf3; box-shadow: 0 12px 26px -24px rgba(138, 60, 18, .9); }
html:not(#_) .aa-depot__bloc legend::before { background: var(--cu-clair); color: #1d1714; font-weight: 800; }
html:not(#_) .aa-form__lbl { color: #241a14; }
html:not(#_) .aa-form__aide, html:not(#_) .aa-depot__note { color: #6b5647; }

/* --- barres mobiles (couleurs seulement) ------------------------------------------ */
html:not(#_) .aa-mobar, html:not(#_) .aa-fiche__barre { background: rgba(29, 23, 20, .96); border-top: 2px solid #b3541e; }
html:not(#_) .aa-mobar .aa-btn--secondaire, html:not(#_) .aa-fiche__barre .aa-btn--secondaire { background: #fbefe1; color: #1d1714; border-color: #fbefe1; }

/* --- pied de page : houille, vague cuivrée ------------------------------------------ */
html:not(#_) .aa-footer { position: relative; border-top: 0; margin-top: 2.4rem; background: radial-gradient(circle at 1px 1px, rgba(232, 162, 115, .07) 1px, transparent 1.4px) 0 0 / 16px 16px, #17120f; }
html:not(#_) .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -11px; height: 12px; background: var(--cu-vague) 0 0 / 120px 12px repeat-x; transform: scaleY(-1); }
html:not(#_) .aa-footer__h { color: var(--cu-clair); border-bottom: 0; font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .02em; font-size: .98rem; }
html:not(#_) .aa-footer__h::after { content: ""; display: block; width: 34px; height: 3px; border-radius: 3px; margin-top: .35rem; background: #b3541e; }
html:not(#_) .aa-footer__brand { color: #fbefe1; }
html:not(#_) .aa-footer a { color: #e6d6c4; }
html:not(#_) .aa-footer a:hover { color: #fff; }
html:not(#_) .aa-footer__membres { color: var(--cu-clair); }
html:not(#_) .aa-footer__fictif { color: #cdb9a5; }

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

/* --- mobile : le titre de bloc prend sa ligne, le lien passe dessous ---------------- */
@media (max-width: 640px) {
  html:not(#_) .aa-bloc__tete { flex-wrap: wrap; gap: .4rem; }
  html:not(#_) .aa-bloc__tete .aa-h2 { flex: 1 1 100%; }
  html:not(#_) .aa-bloc__tete .aa-lien { margin-left: auto; }
}