/* ===================================================================
   annonce-coquine-monaco.com — registre « POUDRÉ & SABLE CHAUD »
   Gabarit annoncesastro, skin-3 « journal » repris à contre-emploi :
   on retire les filets noirs, le mono et les ombres dures ; on pose un
   sable chaud, des lignes arrondies 18 px, des vignettes en ARCHE, des
   cartouches et un CTA en MÉDAILLON cœur.
   Palette : accent rose poudré #e57373 (favicon) · brique #b04a47 (texte
   et boutons, contraste tenu) · sable #f4e6da · crème #fffaf6 · encre
   brune #3d2b2a. Aucun texte, aucun HTML : couleurs, formes, positions.
   Sélecteurs en .aa.skin-3 (0,3,0) pour passer devant le skin (0,2,0).
   =================================================================== */

/* --- 1. palette ---------------------------------------------------- */
.aa.skin-3 {
  --pc-fort: #b04a47;            /* brique : boutons, liens, titres forts */
  --pc-fort-s: #8d3733;          /* brique sombre : texte sur blush */
  --pc-blush: #f7d9d2;           /* poudré clair : médaillons, pilules */
  --pc-blush-p: #fbe6e0;         /* poudré très pâle : fonds de pilule */
  --pc-sable: #f4e6da;
  --pc-sable-f: #efdccd;
  --pc-lueur: 0 2px 4px rgba(176, 74, 71, .07), 0 18px 34px -22px rgba(176, 74, 71, .45);
  --pc-lueur-l: 0 1px 2px rgba(176, 74, 71, .06), 0 10px 22px -16px rgba(176, 74, 71, .38);
  --pc-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b04a47' d='M12 21.2s-7.6-4.8-9.5-9.3C.9 8.2 3.1 4.8 6.4 4.8c2 0 3.5 1.1 4.3 2.3L12 8.8l1.3-1.7c.8-1.2 2.3-2.3 4.3-2.3 3.3 0 5.5 3.4 3.9 7.1-1.9 4.5-9.5 9.3-9.5 9.3z'/%3E%3C/svg%3E");
  --pc-coeur-p: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e57373' fill-opacity='.16' d='M12 21.2s-7.6-4.8-9.5-9.3C.9 8.2 3.1 4.8 6.4 4.8c2 0 3.5 1.1 4.3 2.3L12 8.8l1.3-1.7c.8-1.2 2.3-2.3 4.3-2.3 3.3 0 5.5 3.4 3.9 7.1-1.9 4.5-9.5 9.3-9.5 9.3z'/%3E%3C/svg%3E");
  --aa-fond: #f6ece2;
  --aa-surface: #fffaf6;
  --aa-texte: #3d2b2a;
  --aa-muet: #7a5b57;
  --aa-bord: #eed8cd;
  --aa-primaire: var(--pc-fort);
  --aa-primaire-txt: #fff;
  --aa-secondaire: var(--pc-fort-s);
  --aa-secondaire-txt: #fff;
  --aa-rayon: 18px;
  --aa-rayon-s: 12px;
  --aa-ombre: var(--pc-lueur-l);
  --aa-police: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --aa-police-titre: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --aa-tete: #fffaf6;
  --aa-tete-txt: #3d2b2a;
  --aa-pied: #f1e2d6;
  --aa-pied-txt: #4a3634;
  --aa-max: 1140px;
}
/* pas de background-attachment: fixed — il se peint par rapport au viewport et
   laisse des bandes sur une page longue (vu sur la planche du 1er tour). */
body.aa.skin-3 { background: linear-gradient(180deg, #fbf1e9 0, #f6ece2 320px, #f6ece2); }

/* --- 2. base chaude : titres en serif, filet arrondi signature ------ */
.aa.skin-3 .aa-h1 { text-transform: none; font-weight: 700; letter-spacing: -.005em; border-bottom: 0; padding-bottom: 0; color: var(--aa-texte); }
.aa.skin-3 .aa-h1::after { content: ""; display: block; width: 68px; height: 5px; margin-top: .5rem; border-radius: 999px; background: linear-gradient(90deg, var(--pc-fort), var(--pc-blush)); }
.aa.skin-3 .aa-h2 { text-transform: none; letter-spacing: 0; font-size: 1.16rem; font-weight: 700; border-bottom: 1px solid var(--pc-sable-f); padding-bottom: .35em; }
.aa.skin-3 .aa-h2::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: .5rem; border-radius: 50%; background: var(--pc-fort); vertical-align: baseline; }
.aa.skin-3 .aa-intro, .aa.skin-3 .aa-compte, .aa.skin-3 .aa-side__aide, .aa.skin-3 .aa-form__aide { color: var(--aa-muet); }
.aa.skin-3 .aa-vide { border: 1px dashed var(--pc-blush); background: var(--aa-surface); border-radius: var(--aa-rayon); }
/* ⚠️ jamais de `a { color }` nu ici : à 0,2,1 il écrase le blanc de
   .aa-btn--primaire (0,1,0) et le bouton « Écrire à … » sort brique sur
   brique, donc VIDE (constaté sur la planche du 1er tour). */
.aa.skin-3 a:not(.aa-btn) { color: var(--pc-fort); }
.aa.skin-3 .aa-crumbs ol { color: var(--aa-muet); }
.aa.skin-3 .aa-crumbs li + li::before { color: var(--pc-fort); }

/* boutons : pilules, casse d'origine, ombre colorée */
.aa.skin-3 .aa-btn { border-radius: 999px; text-transform: none; letter-spacing: .01em; font-size: .95rem; font-weight: 700; box-shadow: var(--pc-lueur-l); }
.aa.skin-3 .aa-btn--primaire { background: linear-gradient(180deg, #bd524e, var(--pc-fort)); border-color: transparent; color: #fff; }
.aa.skin-3 .aa-btn--primaire:hover { box-shadow: 0 10px 22px -10px rgba(176, 74, 71, .6); }
.aa.skin-3 .aa-btn--secondaire { background: var(--aa-surface); color: var(--pc-fort-s); border-color: var(--pc-blush); }
.aa.skin-3 .aa-btn--secondaire:hover { background: var(--pc-blush-p); }

/* --- 3. en-tête COMPACT : une rangée, logo médaillon à gauche ------- */
.aa.skin-3 .aa-header { position: sticky; top: 0; background: rgba(255, 250, 246, .94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--pc-blush); box-shadow: 0 8px 20px -18px rgba(176, 74, 71, .8); }
.aa.skin-3 .aa-header__in { flex-direction: row; align-items: center; justify-content: space-between; gap: .8rem; min-height: 62px; }
.aa.skin-3 .aa-logo { order: 0; justify-content: flex-start; padding: 0; font-size: 1.16rem; font-weight: 700; text-transform: none; letter-spacing: .005em; gap: .55rem; }
.aa.skin-3 .aa-logo__mark { display: inline-flex; width: 30px; height: 30px; border-radius: 50%; box-shadow: none; background: var(--pc-coeur) center / 15px no-repeat, radial-gradient(circle at 35% 30%, #fff 0, var(--pc-blush) 70%); border: 1px solid var(--pc-blush); }
.aa.skin-3 .aa-nav { order: 0; border: 0; background: none; }
.aa.skin-3 .aa-nav ul { justify-content: flex-end; gap: .1rem; }
.aa.skin-3 .aa-nav a { text-transform: uppercase; font-size: .72rem; letter-spacing: .1em; font-weight: 700; padding: .5rem .72rem; border-radius: 999px; color: var(--aa-texte); }
.aa.skin-3 .aa-nav a:hover, .aa.skin-3 .aa-nav a.is-actif { background: var(--pc-blush-p); color: var(--pc-fort-s); }
.aa.skin-3 .aa-nav__cta a { background: linear-gradient(180deg, #bd524e, var(--pc-fort)); color: #fff !important; padding: .5rem 1.05rem; margin-left: .45rem; box-shadow: 0 8px 18px -12px rgba(176, 74, 71, .9); }
.aa.skin-3 .aa-burger { color: var(--pc-fort-s); border: 1px solid var(--pc-blush); background: var(--aa-surface); top: .5rem; }
@media (max-width: 800px) {
  .aa.skin-3 .aa-logo { padding-right: 56px; }
  .aa.skin-3 .aa-nav { flex: 1 0 100%; border-top: 1px solid var(--pc-blush); padding: .45rem 0 .7rem; }
  .aa.skin-3 .aa-nav ul { justify-content: stretch; gap: .15rem; }
  .aa.skin-3 .aa-nav a { text-align: left; padding: .7rem .8rem; }
  .aa.skin-3 .aa-nav__cta a { margin: .35rem 0 0; text-align: center; }
}

/* --- 4. hero : sable → crème, cœur en filigrane, socle arrondi ------ */
.aa.skin-3 .aa-hero { border-top: 0; border-bottom: 1px solid var(--pc-blush); border-radius: 0 0 30px 30px; box-shadow: var(--pc-lueur-l); padding-block: 1.8rem 2.2rem;
  background: var(--pc-coeur-p) right 5% top 46% / 156px no-repeat, linear-gradient(135deg, #fbe8e1 0%, #fdf5ef 45%, var(--pc-sable) 100%); }
.aa.skin-3 .aa-hero__chiffres { display: inline-block; color: var(--pc-fort-s); background: rgba(255, 255, 255, .72); border: 1px solid var(--pc-blush); border-radius: 999px; padding: .3rem .85rem; font-size: .92rem; }
.aa.skin-3 .aa-hero__form { border: 1px solid var(--pc-blush); border-radius: 22px; box-shadow: var(--pc-lueur); background: var(--aa-surface); padding: 1.35rem 1.3rem; }
.aa.skin-3 .aa-hero__form-h { font-size: 1.28rem; font-weight: 700; }

/* --- 5. lignes d'annonce : cartes arrondies 18 px, vignette en ARCHE */
.aa.skin-3 .aa-liste { border-top: 0; border-bottom: 0; gap: .75rem; }
.aa.skin-3 .aa-ligne { background: var(--aa-surface); border: 1px solid var(--pc-sable-f); border-bottom: 1px solid var(--pc-sable-f); border-radius: 18px; box-shadow: var(--pc-lueur-l); padding: .8rem .85rem; transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease; }
.aa.skin-3 .aa-ligne:hover { background: #fffdfb; border-color: var(--pc-blush); box-shadow: var(--pc-lueur); transform: translateY(-2px); }
.aa.skin-3 .aa-ligne__img { aspect-ratio: 4 / 5; border-radius: 999px 999px 16px 16px; border: 3px solid #fff; box-shadow: 0 6px 16px -10px rgba(176, 74, 71, .55); background: var(--pc-blush-p); }
.aa.skin-3 .aa-ligne__nb { border-radius: 999px; background: rgba(93, 45, 43, .78); font-size: .64rem; }
.aa.skin-3 .aa-ligne__tete, .aa.skin-3 .aa-ligne__meta { font-family: var(--aa-police); }
.aa.skin-3 .aa-ligne__cat { color: var(--pc-fort); font-weight: 700; letter-spacing: .08em; }
.aa.skin-3 .aa-ligne__new { background: var(--pc-blush-p); color: var(--pc-fort-s); border: 1px solid var(--pc-blush); border-radius: 999px; font-weight: 700; padding: .1rem .55rem; }
.aa.skin-3 .aa-ligne__date { background: var(--pc-sable); border-radius: 999px; padding: .08rem .55rem; font-size: .7rem; }
.aa.skin-3 .aa-ligne__titre { font-weight: 700; font-size: 1.12rem; line-height: 1.22; }
.aa.skin-3 .aa-ligne__meta { font-size: .85rem; }
.aa.skin-3 .aa-ligne__lire { border-radius: 999px; text-transform: none; letter-spacing: .01em; font-size: .86rem; padding: .4em 1.05em; min-height: 42px; box-shadow: none; }
.aa.skin-3 .aa-ligne__lire:hover { background: var(--pc-blush-p); }
@media (min-width: 720px) {
  .aa.skin-3 .aa-ligne { grid-template-columns: 108px minmax(0, 1fr) auto; gap: .3rem 0; padding: .85rem 1rem; }
  .aa.skin-3 .aa-ligne__img { width: 108px; margin-right: 1.1rem; }
  .aa.skin-3 .aa-ligne__corps, .aa.skin-3 .aa-ligne__extrait { border-left: 0; padding-left: 0; }
  .aa.skin-3 .aa-ligne__action { border-left: 0; padding-left: 1rem; margin-left: 1.1rem; }
}

/* --- 6. listes, filtres, pagination -------------------------------- */
.aa.skin-3 .aa-liens--cats li { background: var(--pc-blush-p); border: 1px solid var(--pc-blush); border-radius: 999px; padding: .38rem .95rem; color: var(--pc-fort-s); }
.aa.skin-3 .aa-liens--cats li a { color: var(--pc-fort-s); font-weight: 600; }
.aa.skin-3 .aa-liens--villes li { border-bottom: 1px dotted var(--pc-blush); padding: .4rem .2rem; }
.aa.skin-3 .aa-liens__nb, .aa.skin-3 .aa-side__nb { color: var(--aa-muet); }
.aa.skin-3 .aa-filtres { border: 1px solid var(--pc-blush); border-radius: 18px; background: var(--aa-surface); box-shadow: var(--pc-lueur-l); padding: 1.1rem; }
.aa.skin-3 select, .aa.skin-3 input[type="text"], .aa.skin-3 input[type="email"], .aa.skin-3 input[type="tel"], .aa.skin-3 input[type="number"], .aa.skin-3 textarea { border: 1px solid var(--pc-blush); border-radius: 12px; background: #fffdfb; }
.aa.skin-3 .aa-pagination a, .aa.skin-3 .aa-pagination span { border-color: var(--pc-blush); border-radius: 999px; background: var(--aa-surface); }
.aa.skin-3 .aa-pagination .is-actif { background: var(--pc-fort); border-color: var(--pc-fort); color: #fff; }

/* --- 7. fiche : photo en arche, CTA en MÉDAILLON cœur --------------- */
.aa.skin-3 .aa-fiche__cat { color: var(--pc-fort); }
.aa.skin-3 .aa-fiche__titre { font-weight: 700; }
.aa.skin-3 .aa-fiche__photo { border: 4px solid #fff; border-radius: 140px 140px 22px 22px; box-shadow: var(--pc-lueur); background: var(--pc-blush-p); }
.aa.skin-3 .aa-fiche__photo--vide { border: 2px dashed var(--pc-blush); border-radius: 22px; }
.aa.skin-3 .aa-fiche__new { border-radius: 999px; background: var(--pc-fort); }
.aa.skin-3 .aa-fiche__miniatures img { border-radius: 14px; border-color: var(--pc-blush); }
.aa.skin-3 .aa-fiche__infos { border: 1px solid var(--pc-blush); border-radius: 18px; background: var(--aa-surface); box-shadow: var(--pc-lueur-l); }
.aa.skin-3 .aa-fiche__cta--haut { border: 1px solid var(--pc-blush); border-radius: 24px; box-shadow: var(--pc-lueur); background: linear-gradient(180deg, #fffdfb, #fdf2ec); padding: .4rem 1.1rem 1.15rem; text-align: center; }
.aa.skin-3 .aa-fiche__cta--haut::before { content: ""; flex: 1 0 100%; height: 48px; margin: 0; background: var(--pc-coeur) center 14px / 20px no-repeat, radial-gradient(circle at 50% 25px, var(--pc-blush-p) 0 21px, var(--pc-blush) 21px 23px, transparent 23px); }
.aa.skin-3 .aa-fiche__plage { background: var(--pc-blush-p); border: 1px solid var(--pc-blush); border-radius: 999px; color: var(--pc-fort-s); }
.aa.skin-3 .aa-fiche__phy { background: var(--pc-sable); border: 1px solid var(--pc-sable-f); border-radius: 14px; }
.aa.skin-3 .aa-chips li, .aa.skin-3 .aa-chip { background: var(--pc-blush-p); border: 1px solid var(--pc-blush); color: var(--pc-fort-s); }
.aa.skin-3 .aa-repondre { border: 1px solid var(--pc-blush); border-radius: 22px; background: var(--aa-surface); box-shadow: var(--pc-lueur-l); }
.aa.skin-3 .aa-similaires .aa-ligne { background: #fffdfb; }
.aa.skin-3 .aa-fiche__signaler a, .aa.skin-3 .aa-retour a { color: var(--pc-fort); }

/* --- 8. dépôt : cartes crème, légende en cartouche ------------------ */
.aa.skin-3 .aa-depot__bloc { border: 1px solid var(--pc-blush); border-radius: 20px; background: var(--aa-surface); box-shadow: var(--pc-lueur-l); }
.aa.skin-3 .aa-depot__bloc legend { background: var(--pc-blush-p); border: 1px solid var(--pc-blush); border-radius: 999px; color: var(--pc-fort-s); padding: .22rem .9rem; font-weight: 700; }
.aa.skin-3 .aa-depot__apercu img { border-radius: 14px; }
.aa.skin-3 .aa-form__lbl { color: var(--aa-texte); }
.aa.skin-3 .aa-regles { color: var(--aa-muet); }

/* --- 9. bandeaux sous la liste + pied de page sable ----------------- */
.aa.skin-3 .aa-layout__side { border-top: 0; padding-top: 1.4rem; background: linear-gradient(90deg, var(--pc-fort), var(--pc-blush) 60%, transparent) top left / 100% 3px no-repeat; }
.aa.skin-3 .aa-side__h { color: var(--pc-fort-s); font-weight: 700; font-family: var(--aa-police-titre); text-transform: uppercase; letter-spacing: .09em; border-bottom: 1px dotted var(--pc-blush); }
.aa.skin-3 .aa-side__liste li { border-bottom: 1px dotted var(--pc-sable-f); }
.aa.skin-3 .aa-footer { border-top: 0; background: var(--pc-coeur-p) left 3% bottom 18% / 112px no-repeat, linear-gradient(180deg, #f5e7db, var(--pc-sable-f)); box-shadow: inset 0 3px 0 var(--pc-blush); color: var(--aa-pied-txt); padding-block: 2.4rem 1.1rem; }
.aa.skin-3 .aa-footer__brand { font-size: 1.3rem; text-transform: none; letter-spacing: .01em; color: var(--pc-fort-s); }
.aa.skin-3 .aa-footer__brand::after { content: ""; display: block; width: 46px; height: 4px; margin-top: .45rem; border-radius: 999px; background: var(--pc-fort); }
.aa.skin-3 .aa-footer__col:not(:first-child) .aa-footer__h { color: var(--pc-fort-s); letter-spacing: .12em; }
.aa.skin-3 .aa-footer a { color: var(--aa-pied-txt); border-radius: 999px; }
.aa.skin-3 .aa-footer a:hover { color: var(--pc-fort-s); text-decoration: underline; }
.aa.skin-3 .aa-footer__bas { border-top: 1px solid var(--pc-blush); }

/* --- 10. pop-up, porte d'âge, barre basse mobile (couleurs seules) -- */
.aa.skin-3 .aa-gate__box, .aa.skin-3 .aa-popup__box { border: 1px solid var(--pc-blush); border-radius: 24px; box-shadow: 0 30px 60px -22px rgba(93, 45, 43, .55); background: var(--aa-surface); }
.aa.skin-3 .aa-gate__mark { border-radius: 50%; background: linear-gradient(180deg, #bd524e, var(--pc-fort)); color: #fff; }
.aa.skin-3 .aa-popup__pour { color: var(--pc-fort-s); }
.aa.skin-3 .aa-popup__fermer { color: var(--aa-muet); }
.aa.skin-3 .aa-fiche__barre { background: rgba(255, 250, 246, .95); border-top: 1px solid var(--pc-blush); box-shadow: 0 -10px 26px -14px rgba(176, 74, 71, .45); }
.aa.skin-3 .aa-fiche__barre .aa-btn { border-radius: 999px; }
.aa.skin-3 .aa-spin { border-color: var(--pc-blush); border-top-color: var(--pc-fort); }

/* --- 11. mobile 390 : médaillon plus court, rien qui déborde -------- */
@media (max-width: 719px) {
  /* le cœur part dans l'angle : à 156 px il passait derrière le H1 du hero */
  .aa.skin-3 .aa-hero { border-radius: 0 0 24px 24px; background: var(--pc-coeur-p) right -14px bottom 8% / 104px no-repeat, linear-gradient(150deg, #fbe8e1 0%, #fdf5ef 50%, var(--pc-sable) 100%); }
  .aa.skin-3 .aa-fiche__cta--haut::before { height: 40px; background: var(--pc-coeur) center 11px / 17px no-repeat, radial-gradient(circle at 50% 20px, var(--pc-blush-p) 0 18px, var(--pc-blush) 18px 20px, transparent 20px); }
  .aa.skin-3 .aa-ligne { padding: .75rem; }
  .aa.skin-3 .aa-ligne__titre { font-size: 1.04rem; }
}

/* --- 12. mouvement réduit ------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  .aa.skin-3 .aa-ligne, .aa.skin-3 .aa-btn { transition: none; }
  .aa.skin-3 .aa-ligne:hover { transform: none; }
}

/* __ESPACE_LISTE_V1 — 23/09 (capture de Lucas : « la photo est collée au texte »).
   L'habillage retire le filet vertical du skin 3 (`border-left`) et, avec lui, le `padding-left`
   qui faisait tout l'espace : le texte se retrouvait à 1 px de la vignette. L'espace revient ici au
   niveau de la grille — il ne dépend donc plus d'un décor que l'habillage peut enlever. */
body.aa .aa-ligne, body.aa.skin-3 .aa-ligne{ column-gap:1rem !important; }
@media (max-width:719px){ body.aa .aa-ligne, body.aa.skin-3 .aa-ligne{ column-gap:.8rem !important; } }
/* __ESPACE_LISTE_V1_FIN */