/* annonce-plan-cul.be — registre « Brique et crème »
   accent brique #ae3a29 (favicon) · neutre chaud crème/sable #f7ecdc · encre #2b1a14
   formes : vignettes en ARCHE, en-tête en cartouche, cœur en filigrane sur la carte d'inscription,
   bandeau d'appareillage de briques au-dessus du pied, titres soulignés d'une vague. */
html:not(#_) {
  --aa-accent: #ae3a29; --aa-primaire: #ae3a29; --aa-primaire-txt: #fff;
  --aa-fond: #f7ecdc; --aa-surface: #fffaf2; --aa-texte: #2b1a14; --aa-muet: #6a4f44;
  --aa-bord: #e6d2bd; --aa-secondaire: #7c2a1e; --aa-secondaire-txt: #fff;
  --aa-tete: #fffaf2; --aa-tete-txt: #2b1a14;
  --aa-pied: #3a211a; --aa-pied-txt: #f3e3d2;
  --aa-rayon: 18px; --aa-rayon-s: 999px;
  --aa-ombre: 0 2px 4px rgba(120,40,25,.06), 0 14px 30px -16px rgba(174,58,41,.35);
  --aa-police-titre: Georgia, "Iowan Old Style", "Times New Roman", serif;
}
html:not(#_) body.aa {
  background: #f7ecdc radial-gradient(circle at 12% 0, #fbe3d4 0, transparent 40%) no-repeat;
}

/* en-tête : cartouche crème à double filet brique */
html:not(#_) .aa-header { background: transparent; border: 0; padding-top: 10px; }
html:not(#_) .aa-header .aa-header__in {
  background: var(--aa-surface); border: 2px solid #ae3a29; border-radius: 14px;
  box-shadow: 0 0 0 4px #f7ecdc, 0 0 0 5px #e2b9a8, var(--aa-ombre); padding-inline: 18px;
}
html:not(#_) .aa-logo .aa-logo__txt { font-family: var(--aa-police-titre); font-style: italic; color: #7c2a1e; }
html:not(#_) .aa-nav .aa-nav__cta { border-radius: 999px; }

/* titres : vague brique dessous */
html:not(#_) .aa-h1, html:not(#_) .aa-h2 { color: #2b1a14; }
html:not(#_) .aa-h2::after {
  content: ""; display: block; width: 86px; height: 8px; margin-top: .35em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='8'%3E%3Cpath d='M0 4 Q10.75 0 21.5 4 T43 4 T64.5 4 T86 4' fill='none' stroke='%23ae3a29' stroke-width='2.4'/%3E%3C/svg%3E") no-repeat;
}

/* carte d'inscription du héros : arche haute, cœur en filigrane, CTA inchangé */
html:not(#_) .aa-hero .aa-hero__form {
  background: var(--aa-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.5-9.2C1 8.3 3.2 4.5 7 4.5c2.1 0 3.6 1.2 5 3 1.4-1.8 2.9-3 5-3 3.8 0 6 3.8 4.5 7.3C19.5 16.4 12 21 12 21z' fill='%23ae3a29' fill-opacity='.07'/%3E%3C/svg%3E") no-repeat right -30px bottom -30px / 190px;
  border: 1px solid var(--aa-bord); border-radius: 120px 120px 22px 22px;
  box-shadow: var(--aa-ombre); padding-top: 2.4rem; text-align: left;
}
html:not(#_) .aa-hero .aa-hero__form-h { text-align: center; color: #7c2a1e; }

/* lignes d'annonce : carte crème, vignette en ARCHE */
html:not(#_) .aa-liste .aa-ligne {
  background: var(--aa-surface); border: 1px solid var(--aa-bord); border-radius: 22px;
  box-shadow: var(--aa-ombre); transition: transform .2s ease, box-shadow .2s ease;
}
html:not(#_) .aa-liste .aa-ligne:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -18px rgba(174,58,41,.5); }
html:not(#_) .aa-ligne .aa-ligne__img { border-radius: 60px 60px 12px 12px; overflow: hidden; box-shadow: 0 0 0 3px #fffaf2, 0 0 0 4px #e2b9a8; }
html:not(#_) .aa-ligne .aa-ligne__img img { transition: transform .4s ease; }
html:not(#_) .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
html:not(#_) .aa-ligne .aa-ligne__titre a { color: #2b1a14; font-family: var(--aa-police-titre); }
html:not(#_) .aa-ligne .aa-ligne__cat { background: #f3dccb; color: #7c2a1e; border-radius: 999px; }
html:not(#_) .aa-ligne .aa-ligne__new { background: #ae3a29; color: #fff; border-radius: 999px; }
html:not(#_) .aa-ligne .aa-ligne__meta, html:not(#_) .aa-ligne .aa-ligne__extrait, html:not(#_) .aa-ligne .aa-ligne__date { color: #5d443a; }
html:not(#_) .aa-ligne .aa-ligne__lire { border-radius: 999px; border-color: #ae3a29; color: #ae3a29; }

/* catégories / villes en pilules sable */
html:not(#_) .aa-liens a, html:not(#_) .aa-chips .aa-chip {
  background: #fffaf2; border: 1px solid #e2c3ae; border-radius: 999px; color: #7c2a1e;
}
html:not(#_) .aa-liens a:hover { background: #f3dccb; text-decoration: none; }

/* fiche : photo en arche, encarts crème, CTA brique (place inchangée) */
html:not(#_) .aa-fiche__photo, html:not(#_) .aa-fiche__img { border-radius: 140px 140px 18px 18px; overflow: hidden; }
html:not(#_) .aa-fiche__titre { color: #2b1a14; }
html:not(#_) .aa-fiche__cat { color: #ae3a29; }
html:not(#_) .aa-fiche__infos, html:not(#_) .aa-fiche__phy, html:not(#_) .aa-repondre, html:not(#_) .aa-bloc {
  background: var(--aa-surface); border-color: var(--aa-bord); border-radius: 20px; color: #2b1a14;
}
html:not(#_) .aa-fiche__plage { background: #f3dccb; color: #6e2519; border-radius: 999px; }
html:not(#_) .aa-btn.aa-btn--primaire { background: #ae3a29; color: #fff; border-radius: 999px; box-shadow: 0 10px 22px -12px rgba(174,58,41,.8); }
html:not(#_) .aa-btn.aa-btn--secondaire { background: #fffaf2; color: #7c2a1e; border-color: #ae3a29; border-radius: 999px; }

/* formulaires */
html:not(#_) .aa-form input:not([type=checkbox]):not([type=radio]), html:not(#_) .aa-form select, html:not(#_) .aa-form textarea {
  background: #fff; border: 1px solid #dcc0aa; border-radius: 12px; color: #2b1a14;
}
html:not(#_) .aa-form .aa-form__sep, html:not(#_) .aa-depot__bloc { border-color: #e2c3ae; }

/* pied : bandeau de briques puis encre chaude */
html:not(#_) .aa-footer {
  background: #3a211a; color: #f3e3d2; border-radius: 28px 28px 0 0; position: relative; margin-top: 3rem;
}
html:not(#_) .aa-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; border-radius: 8px 8px 0 0;
  background:
    repeating-linear-gradient(90deg, #ae3a29 0 34px, #f7ecdc 34px 36px) 0 0 / 100% 6px no-repeat,
    repeating-linear-gradient(90deg, #8f2f21 0 34px, #f7ecdc 34px 36px) 17px 8px / 100% 6px no-repeat;
}
html:not(#_) .aa-footer a { color: #f6c9b8; }
html:not(#_) .aa-footer .aa-footer__h, html:not(#_) .aa-footer .aa-footer__brand { color: #fff; }
html:not(#_) .aa-footer .aa-footer__fictif, html:not(#_) .aa-footer .aa-footer__bas { color: #e2cdbd; }

/* la carte claire du pied (skin pastel) devient une carte brique sur l'encre */
html:not(#_) .aa-footer .aa-footer__grid, html:not(#_) .aa-footer .aa-footer__bas {
  background: #4a2a20; color: #f3e3d2; box-shadow: inset 0 0 0 1px #6b3a2c;
}
html:not(#_) .aa-footer { padding-top: 1.6rem; }
