/* anuncios-follamigas.es — registre « tablón de corcho » : les annonces sont des fiches épinglées sur un
   panneau de liège. Accent = framboise du favicon #c2185b (punaises, rubans, boutons) ; neutre chaud =
   liège #d9b98b + papier ivoire #fffaf1 ; encre = brou de noix #2a1a12 ; cadre = noyer #3a2417.
   Formes signature : punaise ronde (médaillon), ruban adhésif en pilule, cadre polaroïd, cœurs en motif,
   cartouches de titre posés de travers. Base skin-2 (nuit) entièrement repassée en clair. */

html:not(#_) body.aa.skin-2 {
  color-scheme: light;
  --aa-papier: #fffaf1;
  --aa-encre: #2a1a12;
  --aa-fram-fonce: #8a0d3f;
  --aa-fond: #d9b98b;
  --aa-surface: #fffaf1;
  --aa-texte: #2a1a12;
  --aa-muet: #4f3c2d;
  --aa-bord: #d6bf9c;
  --aa-secondaire: #3a2417;
  --aa-secondaire-txt: #fffaf1;
  --aa-rayon: 6px; --aa-rayon-s: 4px;
  --aa-ombre: 0 2px 3px rgba(74, 44, 20, .18), 0 14px 26px -16px rgba(122, 20, 60, .45);
  --aa-police: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --aa-police-titre: Rockwell, "Roboto Slab", "Zilla Slab", Georgia, serif;
  --aa-tete: #3a2417; --aa-tete-txt: #fbefe0;
  --aa-pied: #2e1c12; --aa-pied-txt: #ecdcc6;
  --aa-erreur: #a3191f;
  --aa-punaise: radial-gradient(circle at 34% 30%, #ff9cc0 0 18%, var(--aa-accent) 46%, #6e0a31 100%);
  --aa-ruban: linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,0) 30%, rgba(255,255,255,.2) 70%, rgba(255,255,255,0)), color-mix(in srgb, var(--aa-accent) 38%, #f6e3c8);
  color: var(--aa-texte);
  background:
    radial-gradient(circle at 20% 30%, rgba(110, 70, 30, .20) 0 1.4px, transparent 2px) 0 0 / 23px 19px,
    radial-gradient(circle at 70% 60%, rgba(255, 244, 220, .40) 0 1.2px, transparent 1.8px) 0 0 / 17px 21px,
    radial-gradient(circle at 40% 80%, rgba(100, 62, 28, .15) 0 2px, transparent 2.6px) 0 0 / 31px 27px,
    #d9b98b;
}
html:not(#_) body.aa a { color: var(--aa-fram-fonce); }
html:not(#_) body.aa h1, html:not(#_) body.aa .aa-h1 { color: var(--aa-encre); letter-spacing: -.01em; }

/* ---- en-tête : baguette de noyer -------------------------------------------------------------- */
html:not(#_) .aa-header { background: linear-gradient(180deg, #46301f, #3a2417 60%, #2f1d12); color: #fbefe0; border-top: 0; box-shadow: inset 0 -3px 0 #24160d, 0 6px 16px -8px rgba(40, 20, 8, .6); }
html:not(#_) .aa-header .aa-logo { color: #fbefe0; letter-spacing: .08em; }
html:not(#_) .aa-header .aa-logo__mark { width: 16px; height: 16px; border-radius: 50%; background: var(--aa-punaise); box-shadow: 1px 2px 3px rgba(0, 0, 0, .5); }
html:not(#_) .aa-header .aa-nav a { color: #fbefe0; border-radius: 999px; }
html:not(#_) .aa-header .aa-nav a:hover, html:not(#_) .aa-header .aa-nav a.is-actif { background: rgba(251, 239, 224, .12); }
html:not(#_) .aa-header .aa-nav__cta a { background: var(--aa-accent); color: #fff !important; border-radius: 999px; box-shadow: 0 4px 12px -4px rgba(194, 24, 91, .7); }
html:not(#_) .aa-header .aa-burger { color: #fbefe0; }

/* ---- héros : liège à cœurs + fiche d'inscription épinglée ------------------------------------ */
html:not(#_) .aa-hero { border-bottom: 0; background: radial-gradient(70% 90% at 0% 0%, rgba(255, 246, 226, .45), transparent 70%); position: relative; isolation: isolate; }
html:not(#_) .aa-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-6.6-4.1-8.7-8.4C1.7 8.3 3.6 5 6.8 5c1.9 0 3.3 1.1 5.2 2.9C13.9 6.1 15.3 5 17.2 5c3.2 0 5.1 3.3 3.5 6.6C18.6 15.9 12 20 12 20z' fill='%23c2185b' fill-opacity='.10'/%3E%3C/svg%3E") 0 0 / 56px 56px;
  -webkit-mask-image: linear-gradient(180deg, #000 45%, transparent 100%); mask-image: linear-gradient(180deg, #000 45%, transparent 100%);
}
html:not(#_) .aa-hero .aa-intro, html:not(#_) .aa-hero .aa-hero__chiffres { color: var(--aa-encre); }
html:not(#_) .aa-hero .aa-hero__chiffres { display: inline-block; background: var(--aa-papier); padding: .3rem .9rem; border-radius: 999px; box-shadow: var(--aa-ombre); }
html:not(#_) .aa-hero .aa-hero__form {
  position: relative; overflow: visible; background: var(--aa-papier); border: 0; border-left: 0; border-radius: 4px;
  padding-top: 1.8rem; box-shadow: 0 3px 4px rgba(74, 44, 20, .2), 0 22px 34px -18px rgba(122, 20, 60, .55);
}
html:not(#_) .aa-hero .aa-hero__form::before { content: ""; position: absolute; top: -9px; left: 50%; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: var(--aa-punaise); box-shadow: 2px 4px 5px rgba(40, 15, 5, .45); pointer-events: none; }
html:not(#_) .aa-hero .aa-hero__form-h { color: var(--aa-encre); text-align: center; }
html:not(#_) .aa-hero .aa-hero__form-p { text-align: center; }
@media (min-width: 900px) { html:not(#_) .aa-hero .aa-hero__form { transform: rotate(.4deg); } }

/* ---- titres de section : cartouches posés de travers ----------------------------------------- */
html:not(#_) body.aa .aa-h2 {
  display: inline-block; position: relative; color: var(--aa-encre); background: var(--aa-papier);
  padding: .35rem 1rem .4rem; border-radius: 3px; transform: rotate(-1.2deg); box-shadow: 0 2px 3px rgba(74, 44, 20, .2);
  font-size: 1.15rem; margin-top: .6rem;
}
html:not(#_) body.aa .aa-h2::before { content: ""; position: absolute; top: -8px; left: 50%; width: 64px; height: 18px; margin-left: -32px; background: var(--aa-ruban); border-radius: 999px; transform: rotate(3deg); opacity: .92; pointer-events: none; }

/* ---- lignes d'annonces : fiches épinglées ---------------------------------------------------- */
html:not(#_) .aa-liste { gap: 1.1rem; padding-top: .4rem; }
html:not(#_) .aa-liste .aa-ligne {
  background: var(--aa-papier); border: 0; border-left: 0; border-radius: 3px; padding: .95rem .9rem .8rem;
  box-shadow: 0 2px 3px rgba(74, 44, 20, .22), 0 16px 22px -18px rgba(122, 20, 60, .55);
  transition: transform .2s ease, box-shadow .2s ease;
}
html:not(#_) .aa-liste .aa-ligne::before { content: ""; position: absolute; top: -7px; left: 20px; z-index: 2; width: 16px; height: 16px; border-radius: 50%; background: var(--aa-punaise); box-shadow: 2px 3px 4px rgba(40, 15, 5, .45); pointer-events: none; }
html:not(#_) .aa-liste .aa-ligne:hover { background: #fffdf8; box-shadow: 0 3px 5px rgba(74, 44, 20, .25), 0 22px 30px -16px rgba(122, 20, 60, .6); }
@media (min-width: 720px) {
  html:not(#_) .aa-liste .aa-ligne:nth-child(odd) { transform: rotate(-.35deg); }
  html:not(#_) .aa-liste .aa-ligne:nth-child(even) { transform: rotate(.3deg); }
  html:not(#_) .aa-liste .aa-ligne:nth-child(3n)::before { left: auto; right: 26px; }
  html:not(#_) .aa-liste .aa-ligne:hover { transform: rotate(0) translateY(-2px); }
}
html:not(#_) .aa-liste .aa-ligne__img { background: #fff; border: 4px solid #fff; border-bottom-width: 12px; border-radius: 1px; box-shadow: 0 2px 6px rgba(60, 35, 15, .35); transform: rotate(-2deg); overflow: hidden; }
html:not(#_) .aa-liste .aa-ligne__img img { transition: transform .35s ease; }
html:not(#_) .aa-liste .aa-ligne:hover .aa-ligne__img img { transform: scale(1.05); }
html:not(#_) .aa-liste .aa-ligne--sans-photo .aa-ligne__img { background: color-mix(in srgb, var(--aa-accent) 14%, #fff4e4); }
html:not(#_) .aa-liste .aa-ligne__cat { color: #a3134d; }
html:not(#_) .aa-liste .aa-ligne__new { background: var(--aa-accent); color: #fff; border-radius: 999px; }
html:not(#_) .aa-liste .aa-ligne__meta, html:not(#_) .aa-liste .aa-ligne__date { color: var(--aa-muet); }
html:not(#_) .aa-liste .aa-ligne__titre a { color: var(--aa-encre); font-family: var(--aa-police-titre); }
html:not(#_) .aa-liste .aa-ligne__titre a:hover { color: var(--aa-fram-fonce); }
html:not(#_) .aa-liste .aa-ligne__extrait { color: #3b2a1e; opacity: 1; }
html:not(#_) body.aa .aa-ligne__lire { border-radius: 999px; background: transparent; color: var(--aa-encre); border: 2px solid var(--aa-encre); }
html:not(#_) body.aa .aa-ligne__lire:hover { background: var(--aa-encre); color: var(--aa-papier); }

/* ---- boutons ---------------------------------------------------------------------------------- */
html:not(#_) body.aa .aa-btn { border-radius: 999px; }
html:not(#_) body.aa .aa-btn--primaire { background: var(--aa-accent); color: #fff; box-shadow: 0 6px 16px -8px rgba(194, 24, 91, .8); }
html:not(#_) body.aa .aa-btn--secondaire { background: var(--aa-papier); color: var(--aa-encre); border-color: var(--aa-encre); }

/* ---- encart « publier » : carte centrée scotchée --------------------------------------------- */
html:not(#_) .aa-bloc--deposer .aa-deposer-cta {
  position: relative; max-width: 460px; margin: 1rem auto; text-align: center; padding: 1.6rem 1.2rem 1.3rem;
  background: var(--aa-papier); border: 0; border-radius: 4px; transform: rotate(-.6deg);
  box-shadow: 0 2px 3px rgba(74, 44, 20, .2), 0 18px 28px -18px rgba(122, 20, 60, .55);
}
html:not(#_) .aa-bloc--deposer .aa-deposer-cta::before { content: ""; position: absolute; top: -9px; left: 50%; width: 90px; height: 22px; margin-left: -45px; background: var(--aa-ruban); border-radius: 999px; transform: rotate(-3deg); pointer-events: none; }
html:not(#_) .aa-bloc--deposer .aa-deposer-cta .aa-btn { min-width: 220px; }

/* ---- panneaux : filtres, colonne, liens ------------------------------------------------------- */
html:not(#_) body.aa .aa-filtres, html:not(#_) body.aa .aa-side {
  background: var(--aa-papier); border: 0; border-left: 0; border-radius: 4px; position: relative;
  box-shadow: 0 2px 3px rgba(74, 44, 20, .2), 0 14px 22px -18px rgba(122, 20, 60, .5);
}
html:not(#_) body.aa .aa-side::before { content: ""; position: absolute; top: -8px; left: 22px; width: 70px; height: 18px; background: var(--aa-ruban); border-radius: 999px; transform: rotate(-4deg); pointer-events: none; }
html:not(#_) body.aa .aa-side__h { color: var(--aa-encre); font-family: var(--aa-police-titre); letter-spacing: .06em; }
html:not(#_) body.aa .aa-side__liste li { border-top-color: #eadcc3; }
html:not(#_) body.aa .aa-filtres__champ { color: var(--aa-muet); }
html:not(#_) body.aa .aa-liens li {
  background: var(--aa-papier); border: 0; border-radius: 3px; box-shadow: 0 1px 2px rgba(74, 44, 20, .22);
  border-left: 3px solid color-mix(in srgb, var(--aa-accent) 70%, #fff);
}
html:not(#_) body.aa .aa-liens li a { color: var(--aa-encre); }
html:not(#_) body.aa .aa-liens__nb, html:not(#_) body.aa .aa-side__nb { color: var(--aa-muet); }
html:not(#_) body.aa .aa-chips li, html:not(#_) body.aa .aa-chip { background: var(--aa-papier); border-color: #d2b994; color: var(--aa-encre); }
html:not(#_) body.aa .aa-pagination a, html:not(#_) body.aa .aa-pagination span { background: var(--aa-papier); border-color: #d2b994; color: var(--aa-encre); border-radius: 999px; }
html:not(#_) body.aa .aa-pagination .is-actif { background: var(--aa-accent); color: #fff; border-color: var(--aa-accent); }
html:not(#_) body.aa .aa-vide { background: var(--aa-papier); color: var(--aa-muet); border-color: #c9ab80; }
html:not(#_) body.aa .aa-crumbs ol, html:not(#_) body.aa .aa-compte, html:not(#_) body.aa .aa-intro, html:not(#_) body.aa .aa-pagination__etat, html:not(#_) body.aa .aa-retour { color: var(--aa-encre); }

/* ---- champs ----------------------------------------------------------------------------------- */
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="tel"],
html:not(#_) body.aa input[type="number"], html:not(#_) body.aa input[type="file"], html:not(#_) body.aa textarea {
  background: #fffdf8; color: var(--aa-encre); border: 1px solid #c9ab80; border-radius: 4px;
}
html:not(#_) body.aa .aa-depot__bloc { background: var(--aa-papier); border: 0; border-radius: 4px; box-shadow: 0 2px 3px rgba(74, 44, 20, .2), 0 14px 22px -18px rgba(122, 20, 60, .45); }
html:not(#_) body.aa .aa-depot__bloc legend { background: var(--aa-accent); color: #fff; border-radius: 999px; padding: .2rem .9rem; font-size: .95rem; }

/* ---- fiche d'annonce -------------------------------------------------------------------------- */
html:not(#_) body.aa .aa-fiche__photo { background: #fff; border: 8px solid #fff; border-bottom-width: 28px; border-radius: 2px; box-shadow: 0 3px 6px rgba(60, 35, 15, .3), 0 24px 34px -20px rgba(122, 20, 60, .55); }
@media (min-width: 900px) { html:not(#_) body.aa .aa-fiche__photo { transform: rotate(-1deg); } }
html:not(#_) body.aa .aa-fiche__miniatures img { border: 3px solid #fff; box-shadow: 0 2px 4px rgba(60, 35, 15, .3); }
html:not(#_) body.aa .aa-fiche__cat a, html:not(#_) body.aa .aa-fiche__meta a { color: var(--aa-fram-fonce); }
html:not(#_) body.aa .aa-fiche__sous, html:not(#_) body.aa .aa-fiche__meta, html:not(#_) body.aa .aa-fiche__signaler { color: var(--aa-encre); }
html:not(#_) body.aa .aa-fiche__cta--haut {
  position: relative; background: var(--aa-papier); border: 0; border-left: 0; border-radius: 4px; padding: 1.3rem 1rem 1rem;
  box-shadow: 0 2px 3px rgba(74, 44, 20, .22), 0 18px 28px -18px rgba(122, 20, 60, .6);
}
html:not(#_) body.aa .aa-fiche__cta--haut::before { content: ""; position: absolute; top: -9px; left: 50%; width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; background: var(--aa-punaise); box-shadow: 2px 4px 5px rgba(40, 15, 5, .45); pointer-events: none; }
html:not(#_) body.aa .aa-fiche__texte > p:not([class]) {
  margin: 0; color: var(--aa-encre); padding: .8rem 1.1rem; line-height: 1.55rem;
  background: repeating-linear-gradient(180deg, transparent 0 1.55rem, rgba(194, 24, 91, .13) 1.55rem calc(1.55rem + 1px)) 0 .8rem / 100% 100% no-repeat, var(--aa-papier);
  border-left: 3px double rgba(194, 24, 91, .45); box-shadow: 0 2px 3px rgba(74, 44, 20, .2);
}
html:not(#_) body.aa .aa-fiche__cta--haut + p:not([class]) { margin-top: 1.2rem; border-radius: 3px 3px 0 0; }
html:not(#_) body.aa .aa-fiche__texte > p:not([class]) + p:not([class]) { padding-top: 0; box-shadow: 0 2px 3px rgba(74, 44, 20, .2); }
html:not(#_) body.aa .aa-fiche__texte > p:not([class]) + .aa-fiche__plage { margin-top: 1rem; }
html:not(#_) body.aa .aa-fiche__infos, html:not(#_) body.aa .aa-repondre {
  background: var(--aa-papier); border: 0; border-radius: 4px; box-shadow: 0 2px 3px rgba(74, 44, 20, .2), 0 14px 22px -18px rgba(122, 20, 60, .45);
}
html:not(#_) body.aa .aa-fiche__infos dt, html:not(#_) body.aa .aa-fiche__physique dt, html:not(#_) body.aa .aa-repondre__intro { color: var(--aa-muet); }
html:not(#_) body.aa .aa-fiche__phy { background: var(--aa-papier); border: 1px solid #e3cfae; border-radius: 4px; box-shadow: 0 1px 2px rgba(74, 44, 20, .18); }
html:not(#_) body.aa .aa-fiche__plage { background: var(--aa-papier); color: var(--aa-fram-fonce); border-radius: 999px; box-shadow: 0 1px 2px rgba(74, 44, 20, .2); }
html:not(#_) body.aa .aa-fiche__new { background: var(--aa-accent); color: #fff; }
html:not(#_) body.aa .aa-fiche__barre { background: rgba(46, 28, 18, .94); border-top: 3px solid var(--aa-accent); }
html:not(#_) body.aa .aa-fiche__barre .aa-btn--secondaire { background: var(--aa-papier); color: var(--aa-encre); }

/* ---- porte d'âge et pop-up -------------------------------------------------------------------- */
html:not(#_) body.aa .aa-gate, html:not(#_) body.aa .aa-popup { background: rgba(46, 28, 18, .78); }
html:not(#_) body.aa .aa-gate__box, html:not(#_) body.aa .aa-popup__box {
  background: var(--aa-papier); color: var(--aa-encre); border: 0; border-top: 0; border-radius: 4px;
  box-shadow: 0 30px 60px -20px rgba(20, 8, 2, .7);
}
html:not(#_) body.aa .aa-gate__box { border-top: 6px solid var(--aa-accent); }
html:not(#_) body.aa .aa-gate__mark { background: var(--aa-punaise); color: #fff; box-shadow: 2px 5px 8px rgba(40, 15, 5, .4); }
html:not(#_) body.aa .aa-popup__pour { color: var(--aa-fram-fonce); }
html:not(#_) body.aa .aa-popup__texte { color: var(--aa-muet); }

/* ---- pied : noyer ----------------------------------------------------------------------------- */
html:not(#_) body.aa .aa-footer { background: linear-gradient(180deg, #3a2417, #2e1c12); color: #ecdcc6; border-top: 4px solid #24160d; margin-top: 2.5rem; }
html:not(#_) body.aa .aa-footer a { color: #ecdcc6; }
html:not(#_) body.aa .aa-footer a:hover { color: #ffb3cf; }
html:not(#_) body.aa .aa-footer__h { color: #ffc6db; }
html:not(#_) body.aa .aa-footer__brand { color: #fbefe0; }
html:not(#_) body.aa .aa-footer__brand::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: .5rem; border-radius: 50%; background: var(--aa-punaise); vertical-align: .05em; }

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