/* kontaktanzeigen-sex.de — registre « ardoise & jaune safran »
 * Base : gabarit sexeannonces (sa-), skin-6 contraste, compo 3, fiche 1, dispo puces — réécrit par-dessus.
 * Palette : ardoise #37474f (favicon) en accent, ardoise profonde #263238, ardoise moyenne #455a64 (texte discret, 7:1 sur ivoire)
 *   · safran #e9a825 (second accent du registre : médaillons, filets, badges — jamais en texte sur fond clair ; en bouton
 *   avec encre dessus, 8:1) · sable #f4eee1 (fond) / ivoire #fdfaf3 (surfaces) / sable foncé #eae2cf · encre #1f272c (14:1).
 * Formes signature : MÉDAILLON (marque, numéros des étapes, avatars, puce avant chaque titre), ARCHE (photo de fiche,
 *   vignettes similaires, photo de carte au sommet arrondi), PILULE (boutons, chips, tags, régions, pagination),
 *   VAGUE de sable au-dessus de la bande ardoise et du pied de page, DOUBLE FILET ardoise + safran sous l'en-tête.
 * Composition : titres serif normaux (plus de capitales condensées), cartes ivoire ombrées ardoise avec extrait visible,
 *   bande « Das Prinzip » en ardoise profonde à médaillons safran, régions et thèmes en pilules, fiche = photo en arche
 *   cerclée de safran + identité en filets pointillés + CTA en carte centrée à liseré safran, pied ardoise sous une vague.
 */

/* ---------- variables et fond de sable ---------- */
body.sa.skin-6 {
  --ard: #37474f; --ard-deep: #263238; --ard-2: #455a64; --ard-light: #cfd8dc;
  --saf: #e9a825; --saf-clair: #f9e3ad; --saf-deep: #7a5300;
  --sable: #f4eee1; --sable2: #eae2cf; --ivoire: #fdfaf3; --encre: #1f272c;
  --sa-fond: var(--sable); --sa-fond2: var(--sable2); --sa-surface: var(--ivoire);
  --sa-texte: var(--encre); --sa-muet: var(--ard-2); --sa-bord: #d9d1c0;
  --sa-secondaire: var(--ard-deep); --sa-secondaire-txt: #f1ede4;
  --sa-tete: var(--ivoire); --sa-tete-txt: var(--encre);
  --sa-pied: var(--ard-deep); --sa-pied-txt: #d5dde1;
  --sa-like: var(--ard);
  --sa-rayon: 18px; --sa-rayon-s: 10px;
  --sa-ombre: 0 1px 2px rgba(38, 50, 56, .06), 0 16px 34px -18px rgba(38, 50, 56, .38);
  --sa-police: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --sa-police-titre: Georgia, "Times New Roman", "DejaVu Serif", serif;
  --ks-vague: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath fill='%23f4eee1' d='M0 0h1440v10c-180 30-360 4-540 18S540 44 360 30 120 6 0 22z'/%3E%3C/svg%3E");
  background-color: var(--sable);
  background-image: radial-gradient(70% 34% at 50% 0, rgba(233, 168, 37, .13), transparent 70%);
  background-repeat: no-repeat;
  color: var(--encre);
  font-family: var(--sa-police);
}
body.sa.skin-6 a { color: var(--ard); }
body.sa.skin-6 h1, body.sa.skin-6 h2, body.sa.skin-6 h3 { text-transform: none; letter-spacing: -.01em; font-weight: 700; font-family: var(--sa-police-titre); color: var(--encre); }
body.sa.skin-6 .sa-h1 { font-size: clamp(1.7rem, 1.2rem + 2.1vw, 2.7rem); line-height: 1.12; }
body.sa.skin-6 .sa-h2 { font-size: clamp(1.35rem, 1.05rem + 1.2vw, 1.9rem); }
body.sa.skin-6 .sa-h2::before, body.sa.skin-6 .sa-tags__h::before, body.sa.skin-6 .sa-dispo__h::before, body.sa.skin-6 .sa-side__h::before,
body.sa.skin-6 .sa-similaires__h::before, body.sa.skin-6 .sa-membres__h::before { content: ""; display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: var(--saf); box-shadow: 0 0 0 2px var(--ivoire), 0 0 0 3px var(--ard); margin-right: .5em; vertical-align: .08em; }
body.sa.skin-6 .sa-intro { color: var(--ard-2); font-style: italic; }

/* ---------- boutons : pilules ardoise, safran sur les fonds sombres ---------- */
body.sa.skin-6 .sa-btn { border-radius: 999px; border-width: 2px; text-transform: none; letter-spacing: .01em; font-family: var(--sa-police); font-weight: 700; font-size: .95rem; }
body.sa.skin-6 .sa-btn:hover { box-shadow: 0 0 0 4px rgba(233, 168, 37, .35); }
body.sa.skin-6 .sa-btn--accent { background: var(--ard); color: var(--ivoire); border-color: var(--ard); box-shadow: 0 10px 22px -12px rgba(38, 50, 56, .75); }
body.sa.skin-6 .sa-btn--accent:hover { background: var(--ard-deep); border-color: var(--ard-deep); box-shadow: 0 0 0 4px rgba(233, 168, 37, .4), 0 10px 22px -12px rgba(38, 50, 56, .75); }
body.sa.skin-6 .sa-btn--ghost { background: var(--ivoire); color: var(--ard); border-color: var(--ard); }
body.sa.skin-6 .sa-btn--ghost:hover { background: var(--ard); color: var(--ivoire); }
body.sa.skin-6 .sa-btn--carte { background: var(--ivoire); color: var(--ard); border: 2px solid var(--ard-light); font-size: .88rem; }
body.sa.skin-6 .sa-btn--carte:hover { background: var(--ard); color: var(--ivoire); border-color: var(--ard); }
body.sa.skin-6 .sa-btn--like { border-radius: 999px; border: 2px solid var(--ard-light); color: var(--ard); background: var(--ivoire); }
body.sa.skin-6 .sa-btn--like:hover { border-color: var(--saf); }
body.sa.skin-6 .sa-hero--etapes .sa-btn--accent, body.sa.skin-6 .sa-inscrire .sa-btn--accent { background: var(--saf); color: var(--encre); border-color: var(--saf); box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .6); }
body.sa.skin-6 .sa-hero--etapes .sa-btn--accent:hover, body.sa.skin-6 .sa-inscrire .sa-btn--accent:hover { background: #f3bd45; border-color: #f3bd45; box-shadow: 0 0 0 4px rgba(233, 168, 37, .3); }
body.sa.skin-6 .sa-badge { border-radius: 999px; background: var(--saf); color: var(--encre); font-weight: 800; }
body.sa.skin-6 .sa-pastille { border-radius: 999px; border: 1.5px solid var(--ard-light); background: var(--ivoire); text-transform: none; letter-spacing: 0; font-size: .95rem; padding-inline: 1rem .5rem; box-shadow: var(--sa-ombre); }
body.sa.skin-6 .sa-pastille:hover { border-color: var(--ard); text-decoration: none; transform: translateY(-1px); }
body.sa.skin-6 .sa-pastille { overflow-wrap: anywhere; hyphens: auto; font-size: .92rem; padding: .45rem .5rem .45rem .9rem; }
body.sa.skin-6 .sa-pastille .sa-badge { flex: none; margin-left: auto; }
@media (min-width: 900px) { body.sa.skin-6 .sa-deux-colonnes .sa-regions__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; } }

/* ---------- en-tête : ivoire, double filet ardoise + safran, marque en médaillon ---------- */
body.sa.skin-6 .sa-header { background: var(--ivoire); border-bottom: 3px solid var(--ard); box-shadow: 0 2px 0 var(--saf); }
body.sa.skin-6 .sa-header__in { min-height: 72px; }
body.sa.skin-6 .sa-logo { font-family: var(--sa-police-titre); text-transform: none; letter-spacing: -.01em; font-size: 1.35rem; font-weight: 700; color: var(--encre); gap: .7rem; }
body.sa.skin-6 .sa-logo__mark { border-radius: 50%; width: 38px; height: 38px; background: var(--ard); color: var(--ivoire); box-shadow: 0 0 0 3px var(--ivoire), 0 0 0 5px var(--saf); font-family: var(--sa-police); }
body.sa.skin-6 .sa-burger { border: 2px solid var(--ard); border-radius: 50%; color: var(--ard); }
body.sa.skin-6 .sa-nav li a { text-transform: none; letter-spacing: 0; font-size: .95rem; font-weight: 600; color: var(--encre); border-top: 1px dashed var(--ard-light); }
body.sa.skin-6 .sa-nav li a:hover, body.sa.skin-6 .sa-nav li a.is-actif { color: var(--ard); }
body.sa.skin-6 .sa-header__compte { box-shadow: 3px 3px 0 var(--saf); }
body.sa.skin-6 .sa-header__compte:hover { box-shadow: 3px 3px 0 var(--saf), 0 0 0 4px rgba(233, 168, 37, .3); }
@media (min-width: 900px) {
  body.sa.skin-6 .sa-nav li a { border: 0; border-radius: 999px; padding: .5rem .75rem; }
  body.sa.skin-6 .sa-nav li a:hover { background: var(--sable2); color: var(--encre); }
  body.sa.skin-6 .sa-nav li a.is-actif { background: none; color: var(--ard); box-shadow: inset 0 -3px 0 var(--saf); border-radius: 0; }
}

/* ---------- cartes d'annonces : ivoire ombrée, photo au sommet arrondi, extrait visible ---------- */
body.sa.skin-6 .sa-grille { border: 0; gap: 1.1rem; }
@media (min-width: 900px) { body.sa.skin-6 .sa-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; } }
body.sa.skin-6 .sa-carte { outline: 0; border: 1px solid var(--sa-bord); border-radius: var(--sa-rayon); box-shadow: var(--sa-ombre); background: var(--ivoire); transition: transform .2s ease, box-shadow .2s ease; }
body.sa.skin-6 .sa-carte:hover { transform: translateY(-3px); box-shadow: 0 2px 3px rgba(38, 50, 56, .06), 0 22px 40px -18px rgba(38, 50, 56, .5); }
body.sa.skin-6 .sa-carte__img { border-bottom: 0; border-radius: var(--sa-rayon) var(--sa-rayon) 0 0; aspect-ratio: 5 / 4; }
body.sa.skin-6 .sa-carte__img img { transition: transform .5s ease; }
body.sa.skin-6 .sa-carte:hover .sa-carte__img img { transform: scale(1.04); }
body.sa.skin-6 .sa-carte__new { border-radius: 999px; background: var(--saf); color: var(--encre); font-weight: 800; letter-spacing: .05em; box-shadow: 0 0 0 2px var(--ivoire); }
body.sa.skin-6 .sa-carte__corps { padding: 1rem 1.1rem 1.1rem; }
body.sa.skin-6 .sa-carte__titre { font-family: var(--sa-police-titre); text-transform: none; font-size: 1.12rem; letter-spacing: -.01em; line-height: 1.25; }
body.sa.skin-6 .sa-carte__titre a:hover { color: var(--ard); text-decoration: none; }
body.sa.skin-6 .sa-carte__extrait { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .9rem; color: var(--ard-2); }
body.sa.skin-6 .sa-carte__ville, body.sa.skin-6 .sa-carte__metas { font-family: var(--sa-police); font-size: .85rem; color: var(--ard-2); }
body.sa.skin-6 .sa-carte__ville strong { color: var(--encre); }
body.sa.skin-6 .sa-carte__pied { border-top: 1px dashed var(--ard-light); padding-top: .7rem; margin-top: .6rem; }
body.sa.skin-6 .sa-carte__qui { font-size: .85rem; }
@media (max-width: 639px) { body.sa.skin-6 .sa-carte__extrait { display: none; } body.sa.skin-6 .sa-carte__corps { padding: .8rem .8rem .9rem; } body.sa.skin-6 .sa-carte__titre { font-size: 1rem; } body.sa.skin-6 .sa-carte__img { aspect-ratio: 1 / 1; } body.sa.skin-6 .sa-btn--carte { font-size: .82rem; padding-inline: .7em; } }
body.sa.skin-6 .sa-dernieres__plus > span { font-family: var(--sa-police-titre); font-style: italic; color: var(--ard-2); }

/* ---------- bande « Das Prinzip » : ardoise profonde sous une vague de sable, médaillons safran ---------- */
body.sa.skin-6 .sa-hero--etapes { position: relative; background: linear-gradient(160deg, var(--ard) 0%, var(--ard-deep) 70%); color: #eef2f4; border: 0; margin-top: 2.2rem; padding: 3.4rem 0 2.6rem; overflow: hidden; }
body.sa.skin-6 .sa-hero--etapes::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 40px; background: var(--ks-vague) center top / 100% 100% no-repeat; }
body.sa.skin-6 .sa-hero--etapes::after { content: ""; position: absolute; right: -60px; bottom: -80px; width: 260px; height: 260px; border-radius: 50%; border: 22px solid rgba(233, 168, 37, .16); pointer-events: none; }
body.sa.skin-6 .sa-hero--etapes .sa-hero__h1 { text-transform: none; font-family: var(--sa-police-titre); color: #fbf7ee; font-size: clamp(1.6rem, 1.1rem + 2.2vw, 2.6rem); line-height: 1.15; }
body.sa.skin-6 .sa-hero--etapes .sa-hero__etapes li { color: #eef2f4; font-size: 1.05rem; }
body.sa.skin-6 .sa-hero--etapes .sa-hero__etapes li::before { border-radius: 50%; border: 0; width: 2.3em; height: 2.3em; background: var(--saf); color: var(--encre); box-shadow: 0 0 0 3px var(--ard-deep), 0 0 0 5px rgba(233, 168, 37, .5); font-size: .95rem; }
body.sa.skin-6 .sa-hero__in { position: relative; z-index: 1; }
body.sa.skin-6 .sa-hero--etapes .sa-hero__txt { text-align: center; }
body.sa.skin-6 .sa-hero--etapes .sa-hero__etapes { max-width: 900px; margin-inline: auto; }

/* ---------- régions, thèmes, magazine ---------- */
body.sa.skin-6 .sa-regions { background: none; border: 0; }
body.sa.skin-6 .sa-tags, body.sa.skin-6 .sa-side, body.sa.skin-6 .sa-similaires, body.sa.skin-6 .sa-blog__item, body.sa.skin-6 .sa-recherche, body.sa.skin-6 .sa-depot__bloc { border: 1px solid var(--sa-bord); border-radius: var(--sa-rayon); background: var(--ivoire); box-shadow: var(--sa-ombre); }
body.sa.skin-6 .sa-tags__liste { gap: .45rem; align-items: center; }
body.sa.skin-6 .sa-tags__liste a, body.sa.skin-6 .sa-tags__liste li[data-poids] a { font-family: var(--sa-police); text-transform: none; font-size: .9rem; font-weight: 600; padding: .35rem .5rem .35rem .8rem; border: 1.5px solid var(--sa-bord); border-radius: 999px; background: var(--sable); color: var(--encre); }
body.sa.skin-6 .sa-tags__liste a:hover, body.sa.skin-6 .sa-tags__liste li.is-actif a { border-color: var(--ard); background: var(--ivoire); color: var(--ard); }
body.sa.skin-6 .sa-tags__liste .sa-badge { font-size: .7rem; }
body.sa.skin-6 .sa-blog__liste { gap: 1.1rem; }
body.sa.skin-6 .sa-blog__item { border-width: 1px; border-left: 5px solid var(--saf); padding: 1.1rem 1.3rem; }
body.sa.skin-6 .sa-blog__titre { font-family: var(--sa-police-titre); font-size: 1.15rem; }
body.sa.skin-6 .sa-blog__date { color: var(--ard-2); }

/* ---------- inscription (bandeau et bloc) : ardoise profonde ---------- */
body.sa.skin-6 .sa-inscrire { background: var(--ard-deep); color: #eef2f4; border-top: 4px solid var(--saf); }
body.sa.skin-6 .sa-inscrire__h { color: #fbf7ee; font-family: var(--sa-police-titre); }
body.sa.skin-6 .sa-inscrire .sa-form__lbl, body.sa.skin-6 .sa-inscrire .sa-form__check, body.sa.skin-6 .sa-inscrire__txt p { color: #eef2f4; }
body.sa.skin-6 .sa-inscrire .sa-form input[type="email"] { border: 2px solid transparent; border-radius: 999px; background: var(--ivoire); color: var(--encre); padding-inline: 1.1rem; }
body.sa.skin-6 .sa-inscrire .sa-form input:focus { outline-color: var(--saf); }

/* ---------- arrivées et pied de page : avatars en médaillon, vague, ardoise profonde ---------- */
body.sa.skin-6 .sa-membres { padding: 1.6rem 0 2.6rem; }
body.sa.skin-6 .sa-membres__avatar { border-radius: 50%; border: 3px solid var(--ivoire); box-shadow: 0 0 0 2px var(--saf), var(--sa-ombre); }
body.sa.skin-6 .sa-membres__nom a { color: var(--encre); }
body.sa.skin-6 .sa-membres__ville { color: var(--ard-2); }
body.sa.skin-6 .sa-liens { position: relative; background: var(--ard-deep); color: var(--sa-pied-txt); border-top: 0; padding: 3.2rem 0 1.8rem; }
body.sa.skin-6 .sa-liens::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 34px; background: var(--ks-vague) center top / 100% 100% no-repeat; }
body.sa.skin-6 .sa-liens__grid { grid-template-columns: minmax(0, 1fr) !important; gap: 1.4rem; }
@media (min-width: 768px) { body.sa.skin-6 .sa-liens__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr !important; gap: 1.8rem; } }
body.sa.skin-6 .sa-liens__col { display: block; border-bottom: 0; padding-bottom: 0; }
body.sa.skin-6 .sa-liens__marque { font-family: var(--sa-police-titre); text-transform: none; color: #fbf7ee; font-size: 1.35rem; margin-bottom: .5rem; }
body.sa.skin-6 .sa-liens__h { font-family: var(--sa-police); color: var(--saf); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 .6rem; padding-bottom: .4rem; border-bottom: 1px solid rgba(233, 168, 37, .35); }
body.sa.skin-6 .sa-liens ul { display: block; }
body.sa.skin-6 .sa-liens li { padding: .2rem 0; }
body.sa.skin-6 .sa-liens a { color: var(--sa-pied-txt); }
body.sa.skin-6 .sa-liens a:hover { color: #fbf7ee; }
body.sa.skin-6 .sa-liens .sa-btn--ghost { background: transparent; color: #fbf7ee; border-color: rgba(255, 255, 255, .45); }
body.sa.skin-6 .sa-liens .sa-btn--ghost:hover { background: var(--saf); color: var(--encre); border-color: var(--saf); }
body.sa.skin-6 .sa-footer__tail { background: #1b2428; color: #b7c2c8; font-family: var(--sa-police); font-size: .82rem; border-top: 1px solid rgba(255, 255, 255, .08); }
body.sa.skin-6 .sa-footer__legal a, body.sa.skin-6 .sa-footer__haut a { color: #d5dde1; }

/* ---------- barre basse mobile (position intacte) ---------- */
body.sa.skin-6 .sa-barre-mobile { background: var(--ard); color: var(--ivoire); border-top: 3px solid var(--saf); box-shadow: 0 -8px 24px -10px rgba(38, 50, 56, .6); }

/* ---------- listes : barre latérale, fil d'Ariane, pagination ---------- */
body.sa.skin-6 .sa-side__liste li { border-top: 1px dashed var(--ard-light); }
body.sa.skin-6 .sa-side__liste a { color: var(--encre); }
body.sa.skin-6 .sa-crumbs a { color: var(--ard-2); }
body.sa.skin-6 .sa-crumbs li + li::before { color: var(--saf-deep); }
body.sa.skin-6 .sa-pagination li a, body.sa.skin-6 .sa-pagination li span { border-radius: 999px; border: 2px solid var(--ard-light); background: var(--ivoire); }
body.sa.skin-6 .sa-pagination li.is-actif span { background: var(--ard); border-color: var(--ard); color: var(--ivoire); }
body.sa.skin-6 .sa-pagination a:hover { border-color: var(--saf); }
body.sa.skin-6 .sa-similaires__img { border-radius: 50% 50% 8px 8px; box-shadow: 0 0 0 2px var(--saf-clair); }
body.sa.skin-6 .sa-similaires__liste li { border-bottom: 1px dashed var(--ard-light); }
body.sa.skin-6 .sa-similaires__titre a { color: var(--encre); }

/* ---------- fiche : photo en arche cerclée, identité en filets pointillés, CTA en carte centrée ---------- */
body.sa.skin-6 .sa-fiche { border: 1px solid var(--sa-bord); border-radius: 22px; background: var(--ivoire); box-shadow: var(--sa-ombre); padding: 1.4rem; }
body.sa.skin-6 .sa-fiche__photo { border: 0; border-radius: 150px 150px 18px 18px; box-shadow: 0 0 0 4px var(--ivoire), 0 0 0 6px var(--saf), 0 18px 36px -18px rgba(38, 50, 56, .55); background: var(--sable2); }
body.sa.skin-6 .sa-fiche__photo img { transition: transform .5s ease; }
body.sa.skin-6 .sa-fiche__photo:hover img { transform: scale(1.03); }
body.sa.skin-6 .sa-fiche__sur { color: var(--ard-2); font-style: italic; }
body.sa.skin-6 .sa-fiche__titre { font-family: var(--sa-police-titre); text-transform: none; font-size: clamp(1.5rem, 1.1rem + 1.8vw, 2.4rem); line-height: 1.15; }
body.sa.skin-6 .sa-fiche__id > div { border-top: 1px dashed var(--ard-light); padding: .6rem 0; }
body.sa.skin-6 .sa-fiche__id > div:first-child { border-top: 0; }
body.sa.skin-6 .sa-fiche__id dt { font-family: var(--sa-police); text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; color: var(--ard-2); }
body.sa.skin-6 .sa-fiche__id dd { color: var(--encre); font-weight: 600; }
body.sa.skin-6 .sa-fiche__id dd .sa-ico, body.sa.skin-6 .sa-like__compte .sa-ico { color: var(--ard); }
body.sa.skin-6 .sa-dispo { background: var(--sable); border: 0; border-radius: var(--sa-rayon); padding: 1rem 1.2rem 1.1rem; }
body.sa.skin-6 .sa-dispo__h { font-family: var(--sa-police-titre); font-size: 1.1rem; }
body.sa.skin-6 .sa-dispo--puces .sa-dispo__jour { border-top: 1px dashed var(--ard-light); }
body.sa.skin-6 .sa-dispo__nom { color: var(--encre); }
body.sa.skin-6 .sa-dispo__jour.is-aujourdhui .sa-dispo__nom { color: var(--ard); }
body.sa.skin-6 .sa-dispo--puces .sa-dispo__creneaux li.is-on::before { content: ""; display: inline-block; width: .55em; height: .55em; border-radius: 50%; background: var(--saf); box-shadow: 0 0 0 2px var(--ard); margin-right: .45em; vertical-align: .05em; }
body.sa.skin-6 .sa-chip, body.sa.skin-6 label.sa-chip { border-radius: 999px; background: var(--sable); border: 1.5px solid var(--sa-bord); text-transform: none; font-size: .88rem; color: var(--encre) !important; }
body.sa.skin-6 a.sa-chip:hover { border-color: var(--ard); background: var(--ivoire); }
body.sa.skin-6 label.sa-chip:has(input:checked) { background: var(--ard); border-color: var(--ard); color: var(--ivoire) !important; }
body.sa.skin-6 .sa-cta { max-width: 560px; margin-inline: auto; background: var(--ivoire); border: 1px solid var(--sa-bord); border-top: 6px solid var(--saf); border-radius: 22px; padding: 1.6rem 1.5rem 1.5rem; box-shadow: 0 2px 3px rgba(38, 50, 56, .05), 0 24px 44px -20px rgba(38, 50, 56, .45); }
body.sa.skin-6 .sa-cta__q { font-family: var(--sa-police-titre); font-size: 1.35rem; line-height: 1.25; }
body.sa.skin-6 .sa-cta__fleche { color: var(--ard-2); font-family: var(--sa-police); }
body.sa.skin-6 .sa-cta__btn .sa-btn { width: 100%; }
body.sa.skin-6 .sa-cta__aide { color: var(--ard-2); }
body.sa.skin-6 .sa-commentaires { border-top: 1px dashed var(--ard-light); }
body.sa.skin-6 .sa-commentaire { border-bottom: 1px dashed var(--ard-light); }
body.sa.skin-6 .sa-commentaires__aucun, body.sa.skin-6 .sa-commentaire__tete time { color: var(--ard-2); }
body.sa.skin-6 .sa-commentaires__note { background: var(--sable); border: 1px dashed var(--ard-light); border-radius: var(--sa-rayon-s); color: var(--ard-2); }
@media (max-width: 767px) { body.sa.skin-6 .sa-fiche__barre { background: var(--ivoire); border-top: 3px solid var(--ard); box-shadow: 0 -2px 0 var(--saf), 0 -10px 24px -12px rgba(38, 50, 56, .5); } }
@media (min-width: 640px) { body.sa.skin-6 .sa-fiche--1 { grid-template-columns: 300px minmax(0, 1fr); column-gap: 1.6rem; } }

/* ---------- formulaires (dépôt, recherche, commentaires) ---------- */
body.sa.skin-6 .sa-form input[type="text"], body.sa.skin-6 .sa-form input[type="email"], body.sa.skin-6 .sa-form input[type="tel"], body.sa.skin-6 .sa-form input[type="number"], body.sa.skin-6 .sa-form input[type="search"], body.sa.skin-6 .sa-form select, body.sa.skin-6 .sa-form textarea { border: 1.5px solid var(--sa-bord); border-radius: 12px; background: var(--ivoire); color: var(--encre); }
body.sa.skin-6 .sa-form input:focus, body.sa.skin-6 .sa-form select:focus, body.sa.skin-6 .sa-form textarea:focus { outline: 2px solid var(--ard); box-shadow: 0 0 0 5px rgba(233, 168, 37, .3); }
body.sa.skin-6 .sa-form__lbl { color: var(--encre); }
body.sa.skin-6 .sa-form__lbl small, body.sa.skin-6 .sa-form__aide { color: var(--ard-2); }
body.sa.skin-6 .sa-depot__bloc { padding: 1.2rem 1.3rem 1.4rem; }
body.sa.skin-6 .sa-depot__bloc legend { font-family: var(--sa-police-titre); font-size: 1.1rem; padding: .25rem .9rem; border-radius: 999px; background: var(--saf); color: var(--encre); }
body.sa.skin-6 .sa-depot__dispo th, body.sa.skin-6 .sa-depot__dispo td { border-color: var(--ard-light); }
body.sa.skin-6 .sa-depot__dispo thead th { background: var(--sable); }
body.sa.skin-6 .sa-depot__apercu img { border-radius: 50% 50% 8px 8px; box-shadow: 0 0 0 2px var(--saf); }
body.sa.skin-6 .sa-form__err { border-radius: var(--sa-rayon-s); }

/* ---------- modales : consentement et pop-up d'inscription ---------- */
body.sa.skin-6 .sa-consent, body.sa.skin-6 .sa-popup { background: rgba(27, 36, 40, .8); }
body.sa.skin-6 .sa-consent__box, body.sa.skin-6 .sa-popup__box { border: 0; border-top: 6px solid var(--saf); border-radius: 24px; background: var(--ivoire); color: var(--encre); box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .7); }
body.sa.skin-6 .sa-consent__titre, body.sa.skin-6 .sa-popup__titre { font-family: var(--sa-police-titre); text-transform: none; color: var(--encre); }
body.sa.skin-6 .sa-popup__croix { background: var(--sable2); color: var(--encre); }
body.sa.skin-6 .sa-popup__croix:hover { background: var(--ard); color: var(--ivoire); }
body.sa.skin-6 .sa-consent__quitter, body.sa.skin-6 .sa-popup__refus a { color: var(--ard-2); }
body.sa.skin-6 .sa-spin { border-color: var(--ard-light); border-top-color: var(--saf); }

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