/* sexanzeigen-baden-wuerttemberg.de — registre « ardoise & moutarde »
   Base : sexeannoncesastro skin-6 (contraste) + composition 3, fiche 3, dispo puces.
   Palette : accent ardoise #455a64 (favicon), ardoise foncée #26343b (encre du pied), ardoise claire #5f7580,
   neutre chaud sable #f3ede2 / surface #fcf9f3 / bord #d9cfbb, encre #222d33, muet #5a6a72,
   moutarde #d4a017 (fond) et moutarde foncée #7d5b06 (texte sur sable, ≥ 5:1).
   Formes signature : coin plié moutarde (cartes, photo de fiche, logo), trait marqueur moutarde sous les titres,
   pilules (chips, lieux, nav active), pastilles rondes de disponibilité. Ombres douces ardoise. */

body.sa {
  --sa-fond:#f3ede2;--sa-fond2:#ebe3d3;--sa-surface:#fcf9f3;--sa-bord:#d9cfbb;
  --sa-texte:#222d33;--sa-muet:#5a6a72;--sa-tete:#455a64;--sa-tete-txt:#fcf9f3;
  --sa-secondaire:#26343b;--sa-secondaire-txt:#fcf9f3;--sa-pied:#26343b;--sa-pied-txt:#d8d2c4;
  --sa-like:#7d5b06;--sa-rayon:6px;--sa-rayon-s:4px;
  --sa-ombre:0 1px 2px rgba(38,52,59,.08),0 14px 32px -18px rgba(69,90,100,.45);
  --sa-police:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --sa-police-titre:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mout:#d4a017;--mout-txt:#7d5b06;--ardoise:#455a64;--ardoise-f:#26343b;
  background:var(--sa-fond)
    radial-gradient(circle at 12% 0,rgba(212,160,23,.07),transparent 40%);
}

/* ---- titres :casse normale,gras,trait marqueur moutarde ---- */
body.sa h1,body.sa h2,body.sa h3{text-transform:none;letter-spacing:-.015em;font-weight:800;color:var(--sa-texte)}
body.sa .sa-h1,body.sa .sa-fiche__titre,body.sa .sa-hero__h1{text-decoration:underline;text-decoration-color:rgba(212,160,23,.55);text-decoration-thickness:.32em;text-underline-offset:-.14em;text-decoration-skip-ink:none}
body.sa .sa-h1{font-size:clamp(1.7rem,1.2rem + 2.2vw,2.7rem)}
body.sa .sa-h2{font-size:clamp(1.25rem,1.05rem + .9vw,1.7rem)}
body.sa .sa-h2 .sa-ico,body.sa .sa-tags__h .sa-ico{color:var(--mout-txt)}

/* ---- boutons :ardoise plein,semelle moutarde ---- */
body.sa .sa-btn{border-radius:999px;border-width:2px;text-transform:none;letter-spacing:0;font-family:var(--sa-police);font-weight:700;font-size:.95rem;box-shadow:none}
body.sa .sa-btn--accent{background:var(--ardoise);color:#fcf9f3;border-color:var(--ardoise);box-shadow:0 4px 0 -1px var(--mout),0 12px 24px -12px rgba(69,90,100,.6)}
body.sa .sa-btn--accent:hover{background:var(--ardoise-f);border-color:var(--ardoise-f);transform:translateY(-1px);box-shadow:0 5px 0 -1px var(--mout),0 16px 26px -12px rgba(69,90,100,.6)}
body.sa .sa-btn--ghost{border-color:var(--ardoise);color:var(--ardoise);background:transparent}
body.sa .sa-btn--ghost:hover{background:var(--ardoise);color:#fcf9f3;box-shadow:none}
body.sa .sa-btn:hover{box-shadow:0 0 0 3px rgba(212,160,23,.35)}
body.sa .sa-btn--carte{background:rgba(69,90,100,.08);border:2px solid transparent;color:var(--ardoise);font-size:.85rem;border-radius:999px}
body.sa .sa-btn--carte:hover{background:var(--ardoise);color:#fcf9f3}
body.sa .sa-btn--like{border-radius:999px;border:2px solid rgba(125,91,6,.45);color:var(--mout-txt);background:var(--sa-surface)}
body.sa .sa-badge{border-radius:999px;background:var(--mout);color:#26343b}

/* ---- en-tête :bandeau ardoise,logo à coin plié moutarde,nav en pilules ---- */
body.sa .sa-header{background:var(--ardoise);border-bottom:0;box-shadow:inset 0 -4px 0 var(--mout)}
body.sa .sa-header__in{min-height:68px}
body.sa .sa-logo{font-weight:800;text-transform:none;font-size:1.35rem;letter-spacing:-.01em;color:#fcf9f3}
body.sa .sa-logo__mark{border-radius:4px;background:var(--mout);color:#26343b;clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}
body.sa .sa-burger{border:2px solid rgba(252,249,243,.7);border-radius:999px;color:#fcf9f3}
body.sa .sa-nav li a{text-transform:none;letter-spacing:0;font-size:.95rem;color:#fcf9f3;border-top-color:rgba(252,249,243,.18)}
body.sa .sa-nav li a:hover,body.sa .sa-nav li a.is-actif{color:#26343b;background:var(--mout)}
@media (min-width:900px) {
  body.sa .sa-nav li a{border:0;border-radius:999px;padding:.45rem .8rem;font-size:.9rem}
  body.sa .sa-nav li a:hover,body.sa .sa-nav li a.is-actif{background:var(--mout);color:#26343b;border-color:transparent}
}
body.sa .sa-header .sa-btn--ghost{border-color:rgba(252,249,243,.6);color:#fcf9f3}
body.sa .sa-header .sa-btn--ghost:hover{background:#fcf9f3;color:var(--ardoise)}
body.sa .sa-header .sa-btn--accent{background:var(--mout);color:#26343b;border-color:var(--mout);box-shadow:0 4px 0 -1px #26343b}
body.sa .sa-header .sa-btn--accent:hover{background:#e3b53a;border-color:#e3b53a}

/* ---- accueil :dernières annonces = cartes sable à coin plié,photo zoom doux ---- */
body.sa .sa-dernieres{padding-top:.6rem}
body.sa .sa-grille{gap:1.1rem;border:0;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){body.sa .sa-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){body.sa .sa-grille{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}}
body.sa .sa-carte{outline:0;border:1px solid var(--sa-bord);border-radius:6px 22px 6px 6px;background:var(--sa-surface);box-shadow:var(--sa-ombre);transition:transform .2s ease,box-shadow .2s ease}
body.sa .sa-carte::after{content:"";position:absolute;top:0;right:0;z-index:3;width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:var(--sa-fond) var(--sa-fond) var(--mout) var(--mout);box-shadow:-2px 2px 3px rgba(38,52,59,.18)}
body.sa .sa-carte:hover{transform:translateY(-3px);box-shadow:0 2px 3px rgba(38,52,59,.08),0 22px 36px -18px rgba(69,90,100,.55)}
body.sa .sa-carte__img{border-bottom:0;aspect-ratio:4 / 5}
body.sa .sa-carte__img img{transition:transform .5s ease}
body.sa .sa-carte:hover .sa-carte__img img{transform:scale(1.05)}
body.sa .sa-carte__new{border-radius:999px;background:var(--mout);color:#26343b;top:.7rem;left:.7rem}
body.sa .sa-carte__corps{padding:.85rem .95rem 1rem;gap:.35rem}
body.sa .sa-carte__titre{font-family:var(--sa-police);font-weight:800;text-transform:none;font-size:1rem;letter-spacing:-.01em;line-height:1.25}
body.sa .sa-carte__pseudo{color:var(--ardoise)}
body.sa .sa-carte__extrait{display:block;font-size:.88rem;color:var(--sa-muet);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.sa .sa-carte__ville,body.sa .sa-carte__metas{font-family:var(--sa-police);font-size:.82rem}
body.sa .sa-carte__pied{border-top:1px dashed var(--sa-bord);padding-top:.6rem;margin-top:.2rem}
body.sa .sa-dernieres__plus .sa-btn--ghost{border-radius:999px}

/* ---- « so läuft es » :ardoise profonde,numéros moutarde ---- */
body.sa .sa-hero--etapes{background:var(--ardoise-f);color:#fcf9f3;border:0;padding:2.2rem 0;margin-top:2rem;border-radius:28px 28px 0 0 / 22px 22px 0 0;position:relative}
body.sa .sa-hero--etapes::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(252,249,243,.07),transparent 45%);pointer-events:none}
body.sa .sa-hero--etapes .sa-hero__h1{color:#fcf9f3;text-transform:none;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);text-decoration-color:rgba(212,160,23,.7)}
body.sa .sa-hero--etapes .sa-hero__etapes li{color:#e6e0d3;font-size:1rem}
body.sa .sa-hero--etapes .sa-hero__etapes li::before{border-radius:50%;border:0;background:var(--mout);color:#26343b;width:2.1em;height:2.1em;box-shadow:0 6px 14px -6px rgba(0,0,0,.5)}
body.sa .sa-hero--etapes .sa-hero__cta{text-align:center}
body.sa .sa-hero--etapes .sa-btn--accent{background:var(--mout);color:#26343b;border-color:var(--mout);box-shadow:0 4px 0 -1px #fcf9f3}
body.sa .sa-hero--etapes .sa-btn--accent:hover{background:#e3b53a;border-color:#e3b53a}

/* ---- lieux et thèmes :deux cartes sable,pilules ---- */
body.sa .sa-deux-colonnes{margin-top:1.8rem}
body.sa .sa-regions{background:var(--sa-surface);border:1px solid var(--sa-bord);border-radius:6px 22px 6px 6px;box-shadow:var(--sa-ombre);padding:1.1rem 0;position:relative;overflow:hidden}
body.sa .sa-regions::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:var(--sa-fond) var(--sa-fond) var(--mout) var(--mout);box-shadow:-2px 2px 3px rgba(38,52,59,.18)}
body.sa .sa-pastille{border:1px solid var(--sa-bord);border-radius:999px;text-transform:none;letter-spacing:0;font-size:.92rem;background:var(--sa-fond)}
body.sa .sa-pastille:hover{border-color:var(--ardoise);background:var(--sa-surface);color:var(--ardoise)}
body.sa .sa-tags,body.sa .sa-side,body.sa .sa-similaires,body.sa .sa-blog__item,body.sa .sa-recherche,body.sa .sa-depot__bloc,body.sa .sa-hero__form{border:1px solid var(--sa-bord);border-radius:6px 22px 6px 6px;background:var(--sa-surface);box-shadow:var(--sa-ombre)}
body.sa .sa-tags__liste{gap:.45rem;align-items:center}
body.sa .sa-tags__liste a{border:1px solid var(--sa-bord);background:var(--sa-fond);padding:.3rem .75rem;border-radius:999px;font-family:var(--sa-police);text-transform:none;font-size:.86rem;font-weight:600;color:var(--sa-texte)}
body.sa .sa-tags__liste li[data-poids="3"] a{font-size:.9rem}
body.sa .sa-tags__liste li[data-poids="4"] a{font-size:.95rem}
body.sa .sa-tags__liste li[data-poids="5"] a{font-size:1rem;font-weight:800;color:var(--ardoise);border-color:rgba(69,90,100,.4)}
body.sa .sa-tags__liste a:hover,body.sa .sa-tags__liste li.is-actif a{background:var(--ardoise);color:#fcf9f3;border-color:var(--ardoise)}
body.sa .sa-tags__liste a .sa-badge{background:var(--mout);color:#26343b;font-size:.7rem}

/* ---- magazine ---- */
body.sa .sa-blog__liste{gap:1rem}
body.sa .sa-blog__item{border-width:1px;border-left:5px solid var(--mout)}
body.sa .sa-blog__date{color:var(--mout-txt);font-weight:600}

/* ---- accès gratuit :bandeau ardoise,champ clair,bouton moutarde ---- */
body.sa .sa-inscrire{background:var(--ardoise);color:#fcf9f3;border-radius:0 0 28px 28px / 0 0 22px 22px;position:relative;overflow:hidden}
body.sa .sa-inscrire::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(252,249,243,.07);pointer-events:none}
body.sa .sa-inscrire__h{color:#fcf9f3;text-decoration:underline;text-decoration-color:rgba(212,160,23,.7);text-decoration-thickness:.3em;text-underline-offset:-.12em;text-decoration-skip-ink:none}
body.sa .sa-inscrire .sa-inscrire__txt p{color:#e6e0d3}
body.sa .sa-inscrire .sa-form input[type="email"]{border:2px solid rgba(252,249,243,.35);border-radius:999px;background:#fcf9f3;color:var(--sa-texte)}
body.sa .sa-inscrire .sa-btn--accent{background:var(--mout);color:#26343b;border-color:var(--mout);box-shadow:0 4px 0 -1px #26343b}
body.sa .sa-inscrire .sa-btn--accent:hover{background:#e3b53a;border-color:#e3b53a}
body.sa .sa-inscrire .sa-form__check,body.sa .sa-inscrire .sa-form__lbl{color:#fcf9f3}

/* ---- nouvelles arrivées :médaillons cerclés moutarde ---- */
body.sa .sa-membres{padding:1.6rem 0 1.2rem}
body.sa .sa-membres__avatar{border-radius:50%;border:3px solid var(--sa-surface);box-shadow:0 0 0 2px var(--mout),0 8px 16px -8px rgba(69,90,100,.5);transition:transform .2s ease}
body.sa .sa-membres__avatar:hover{transform:scale(1.06)}
body.sa .sa-membres__nom a{color:var(--ardoise)}

/* ---- pied de page :ardoise foncée,colonnes,filets moutarde ---- */
body.sa .sa-liens{background:var(--ardoise-f);color:#d8d2c4;border-top:0;padding:2.2rem 0 1.4rem}
body.sa .sa-liens__grid{grid-template-columns:minmax(0,1fr) !important;gap:1.2rem}
@media (min-width:768px){body.sa .sa-liens__grid{grid-template-columns:1.5fr 1fr 1fr 1fr !important;gap:1.6rem}}
body.sa .sa-liens__col{display:block;border-bottom:0;padding:0}
body.sa .sa-liens__col p{margin:0 0 .6rem;color:#d8d2c4}
body.sa .sa-liens__marque{font-family:var(--sa-police);font-weight:800;text-transform:none;color:#fcf9f3;font-size:1.3rem;margin-bottom:.4rem}
body.sa .sa-liens__h{font-family:var(--sa-police);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mout);flex-basis:auto;margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid rgba(212,160,23,.45)}
body.sa .sa-liens ul{display:block}
body.sa .sa-liens li{padding:.18rem 0}
body.sa .sa-liens a{color:#d8d2c4}
body.sa .sa-liens a:hover{color:var(--mout)}
body.sa .sa-liens .sa-btn--ghost{color:#fcf9f3;border-color:rgba(252,249,243,.45)}
body.sa .sa-liens .sa-btn--ghost:hover{background:var(--mout);color:#26343b;border-color:var(--mout)}
body.sa .sa-footer__tail{background:#1d282e;color:#b5b0a4;font-family:var(--sa-police);font-size:.82rem;border-top:1px solid rgba(255,255,255,.08)}
body.sa .sa-footer__legal a,body.sa .sa-footer__haut a{color:#d8d2c4}

/* ---- barre basse mobile :ardoise,liseré moutarde (position intouchée) ---- */
body.sa .sa-barre-mobile{background:var(--ardoise);color:#fcf9f3;border-top:3px solid var(--mout)}

/* ---- listes :barre latérale,fil d'Ariane,pagination ---- */
body.sa .sa-crumbs a{color:var(--sa-muet)}
body.sa .sa-crumbs li + li::before{color:var(--mout-txt)}
body.sa .sa-pagination li a,body.sa .sa-pagination li span{border-radius:999px;border:1px solid var(--sa-bord);background:var(--sa-surface)}
body.sa .sa-pagination li.is-actif span{background:var(--ardoise);border-color:var(--ardoise);color:#fcf9f3}
body.sa .sa-side__liste li.is-actif a{color:var(--ardoise)}

/* ---- fiche :carte sable,photo à coin plié,identité,dispo,CTA en carte centrée ---- */
body.sa .sa-fiche{border:1px solid var(--sa-bord);border-radius:6px 26px 6px 6px;background:var(--sa-surface);box-shadow:var(--sa-ombre);padding:1.4rem}
body.sa .sa-fiche__sur{color:var(--mout-txt);font-weight:600}
body.sa .sa-fiche__titre{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.3rem);line-height:1.12;text-transform:none}
body.sa .sa-fiche__media{position:relative}
body.sa .sa-fiche__photo{border:0;border-radius:6px 26px 6px 6px;box-shadow:0 16px 30px -16px rgba(69,90,100,.6);position:relative}
body.sa .sa-fiche__photo::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 26px 26px 0;border-color:var(--sa-surface) var(--sa-surface) var(--mout) var(--mout);box-shadow:-2px 2px 3px rgba(38,52,59,.2)}
body.sa .sa-fiche__photo img{transition:transform .5s ease}
body.sa .sa-fiche__photo:hover img{transform:scale(1.04)}
body.sa .sa-fiche__id > div{border-top:1px dashed var(--sa-bord);padding:.55rem 0}
body.sa .sa-fiche__id dt{font-family:var(--sa-police);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--mout-txt);font-weight:700}
body.sa .sa-fiche__id dd{color:var(--sa-texte);font-weight:600}
body.sa .sa-fiche__id dd .sa-ico{color:var(--ardoise)}
body.sa .sa-dispo{background:var(--sa-fond);border:1px solid var(--sa-bord);border-radius:6px 22px 6px 6px;padding:1rem 1.1rem}
body.sa .sa-dispo__h{color:var(--ardoise)}
body.sa .sa-dispo__jour.is-aujourdhui .sa-dispo__nom{color:var(--mout-txt)}
body.sa .sa-dispo--puces .sa-dispo__jour{border-top:1px dotted var(--sa-bord)}
body.sa .sa-dispo--puces .sa-dispo__creneaux li.is-on::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--mout);vertical-align:middle;margin-right:.35em;box-shadow:0 0 0 2px rgba(212,160,23,.25)}
body.sa .sa-fiche__texte h2{font-size:1.25rem}
body.sa .sa-chip{border-radius:999px;background:var(--sa-fond);border:1px solid var(--sa-bord);text-transform:none;font-size:.86rem;color:var(--sa-texte) !important}
body.sa a.sa-chip:hover{background:var(--ardoise);color:#fcf9f3 !important;border-color:var(--ardoise)}
body.sa .sa-cta{background:var(--sa-surface);border:2px solid var(--ardoise);border-radius:22px;padding:1.4rem 1.3rem 1.3rem;box-shadow:0 18px 36px -18px rgba(69,90,100,.6);position:relative}
body.sa .sa-cta::before{content:"";position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:56px;height:22px;border-radius:999px;background:var(--mout)}
body.sa .sa-cta__q{color:var(--sa-texte);font-size:1.08rem}
body.sa .sa-cta__aide{color:var(--sa-muet)}
body.sa .sa-commentaires{border-top:1px dashed var(--sa-bord)}
body.sa .sa-commentaires__aucun{color:var(--sa-muet)}
body.sa .sa-commentaires__note{border:1px dashed var(--sa-bord);background:var(--sa-fond)}
@media (max-width:767px){body.sa .sa-fiche__barre{background:var(--sa-surface);border-top:3px solid var(--mout)}}
body.sa .sa-similaires__img{border-radius:6px 12px 6px 6px}
body.sa .sa-similaires__titre a{color:var(--ardoise)}

/* ---- formulaires :champs arrondis,focus ardoise ---- */
body.sa .sa-form input[type="text"],body.sa .sa-form input[type="email"],body.sa .sa-form input[type="tel"],body.sa .sa-form input[type="number"],body.sa .sa-form input[type="search"],body.sa .sa-form select,body.sa .sa-form textarea{border:1.5px solid var(--sa-bord);border-radius:10px;background:var(--sa-surface);color:var(--sa-texte)}
body.sa .sa-form input:focus,body.sa .sa-form select:focus,body.sa .sa-form textarea:focus{outline:2px solid var(--ardoise)}
body.sa .sa-form__lbl{color:var(--sa-texte)}
body.sa .sa-depot__bloc legend{color:var(--ardoise)}
body.sa .sa-depot__dispo th,body.sa .sa-depot__dispo td{border-color:var(--sa-bord)}
body.sa label.sa-chip:has(input:checked){background:var(--ardoise);color:#fcf9f3 !important;border-color:var(--ardoise)}
body.sa .sa-form__droite .sa-btn--accent,body.sa .sa-commenter .sa-btn--accent{border-radius:999px}

/* ---- modales :consentement et inscription (position intouchée) ---- */
body.sa .sa-consent__box,body.sa .sa-popup__box{border:0;border-radius:6px 26px 6px 6px;background:var(--sa-surface);color:var(--sa-texte);box-shadow:0 0 0 4px var(--mout),0 30px 70px rgba(0,0,0,.5)}
body.sa .sa-popup__croix{border-radius:50%;background:rgba(69,90,100,.12);color:var(--sa-texte)}
body.sa .sa-popup__croix:hover,body.sa .sa-popup__croix:focus-visible{background:var(--ardoise);color:#fcf9f3}
body.sa .sa-popup__titre{color:var(--sa-texte)}
body.sa .sa-popup__titre span:first-child{text-decoration:underline;text-decoration-color:rgba(212,160,23,.55);text-decoration-thickness:.3em;text-underline-offset:-.12em;text-decoration-skip-ink:none}
body.sa .sa-popup__badge .sa-badge--ok{background:rgba(212,160,23,.22);color:var(--mout-txt)}
body.sa .sa-popup__refus a{color:var(--sa-muet)}

/* ---- mouvement réduit ---- */
@media (prefers-reduced-motion:reduce) {
  body.sa .sa-carte,body.sa .sa-carte__img img,body.sa .sa-fiche__photo img,body.sa .sa-membres__avatar,body.sa .sa-btn{transition:none;transform:none}
}