/* rencontre-sexe.be — registre « rose vif & blanc, polaroïds »
   Palette : rose du favicon #e91e63 (décor, rubans, cœurs), rose profond #c2185b / #d81b60 (texte d'accent, boutons,
   contraste blanc ≥ 4,9:1), blanc polaroïd #fff, neutre chaud papier-dragée #fbf3ef, encre prune #2b1420.
   Formes signature : cadre polaroïd (marge basse épaisse, légère inclinaison), ruban adhésif rose translucide,
   cœurs SVG en semis, pilules. Base : skin-1 / compo-4 du gabarit. */

html:not(#_) body.sa.skin-1 {
  --rs-rose: #e91e63; --rs-rose-fonce: #c2185b; --rs-bouton: #d81b60;
  --rs-papier: #fbf3ef; --rs-dragee: #fde4ec; --rs-encre: #2b1420;
  --sa-fond: #fbf3ef; --sa-fond2: #f7e3ea; --sa-surface: #fff;
  --sa-texte: #2b1420; --sa-muet: #6b4b5a; --sa-bord: #f1d3de;
  --sa-secondaire: #fff; --sa-secondaire-txt: #2b1420;
  --sa-rayon: 6px; --sa-rayon-s: 999px;
  --sa-ombre: 0 1px 2px rgba(120, 20, 60, .08), 0 14px 30px -16px rgba(194, 24, 91, .38);
  --sa-police-titre: "Trebuchet MS", "Gill Sans", "Segoe UI", system-ui, sans-serif;
  --rs-main: "Segoe Print", "Bradley Hand", "Marker Felt", "Comic Neue", cursive;
  --sa-pied: #c2185b; --sa-pied-txt: #fff;
  background-color: var(--rs-papier);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath fill='%23e91e63' fill-opacity='.07' d='M30 42s-9-6-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6-9 12-9 12zM92 100s-6-4-6-8a3.4 3.4 0 0 1 6-2 3.4 3.4 0 0 1 6 2c0 4-6 8-6 8z'/%3E%3C/svg%3E");
}
html:not(#_) body.skin-1 a { color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 h1, html:not(#_) body.skin-1 h2, html:not(#_) body.skin-1 h3 { color: var(--rs-encre); letter-spacing: -.01em; }

/* ---------- boutons : pilules rose profond ---------- */
html:not(#_) body.skin-1 .sa-btn { border-radius: 999px; }
html:not(#_) body.skin-1 .sa-btn--accent { background: var(--rs-bouton); border-color: var(--rs-bouton); color: #fff;
  box-shadow: 0 8px 18px -8px rgba(216, 27, 96, .7); transition: transform .18s ease, box-shadow .18s ease; }
html:not(#_) body.skin-1 .sa-btn--accent:hover { background: var(--rs-rose-fonce); transform: translateY(-1px); box-shadow: 0 12px 22px -10px rgba(194, 24, 91, .8); }
html:not(#_) body.skin-1 .sa-btn--ghost { background: #fff; color: var(--rs-encre); border-color: #f2c2d3; }
html:not(#_) body.skin-1 .sa-btn--ghost:hover { border-color: var(--rs-rose); color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 .sa-btn--carte { background: var(--rs-dragee); color: #a3144c; font-weight: 800; }
html:not(#_) body.skin-1 .sa-btn--carte:hover { background: var(--rs-bouton); color: #fff; }

/* ---------- en-tête : bande blanche, ruban rose sur le logo ---------- */
html:not(#_) body.skin-1 .sa-header { padding: .7rem 0 0; }
html:not(#_) body.skin-1 .sa-header__in { background: #fff; border: 0; border-radius: 4px; position: relative;
  box-shadow: 0 1px 0 #f3d5df, 0 16px 30px -20px rgba(194, 24, 91, .45); }
html:not(#_) body.skin-1 .sa-header__in::before { content: ""; position: absolute; left: 18px; top: -9px; width: 74px; height: 20px;
  background: rgba(233, 30, 99, .28); transform: rotate(-4deg); pointer-events: none; }
html:not(#_) body.skin-1 .sa-logo { color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-logo__mark { border-radius: 3px; background: #fff; color: var(--rs-rose-fonce);
  box-shadow: 0 0 0 1px #f1d3de, 0 4px 8px -3px rgba(194, 24, 91, .45); padding: 4px 4px 9px; transform: rotate(-5deg); font-size: .8rem; }
@media (min-width: 900px) {
  html:not(#_) body.skin-1 .sa-nav ul { flex-wrap: nowrap; gap: .1rem; }
  html:not(#_) body.skin-1 .sa-nav li a { font-size: .86rem; padding-inline: .55rem; white-space: nowrap; color: var(--rs-encre); }
  html:not(#_) body.skin-1 .sa-nav li a:hover { background: var(--rs-dragee); color: #a3144c; text-decoration: none; }
  html:not(#_) body.skin-1 .sa-nav .sa-ico { color: var(--rs-rose); }
  html:not(#_) body.skin-1 .sa-logo { font-size: 1.08rem; margin-right: .6rem; flex: none; max-width: none; }
  html:not(#_) body.skin-1 .sa-nav li a { padding-inline: .45rem; font-size: .84rem; }
  html:not(#_) body.skin-1 .sa-header__actions .sa-btn { white-space: nowrap; padding-inline: .95em; font-size: .86rem; }
}
@media (max-width: 899px) {
  html:not(#_) body.skin-1 .sa-nav { background: #fff; }
  html:not(#_) body.skin-1 .sa-nav li a { color: var(--rs-encre); }
}

/* ---------- inscription : carte-note blanche, deux rubans ---------- */
html:not(#_) body.skin-1 .sa-inscrire { background: #fff; color: var(--rs-encre); position: relative; border-radius: 6px;
  box-shadow: 0 22px 40px -24px rgba(194, 24, 91, .55), 0 0 0 1px #f3d5df; margin-top: 1.6rem; overflow: visible; }
html:not(#_) body.skin-1 .sa-inscrire::before, html:not(#_) body.skin-1 .sa-inscrire::after { content: ""; position: absolute; top: -11px;
  width: 92px; height: 22px; background: rgba(233, 30, 99, .3); pointer-events: none; }
html:not(#_) body.skin-1 .sa-inscrire::before { left: 7%; transform: rotate(-6deg); }
html:not(#_) body.skin-1 .sa-inscrire::after { right: 7%; transform: rotate(5deg); }
html:not(#_) body.skin-1 .sa-inscrire__h { color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-inscrire__h::after { content: ""; display: block; width: 3.2rem; height: 4px; border-radius: 4px; margin-top: .5rem; background: var(--rs-rose); }
html:not(#_) body.skin-1 .sa-inscrire p { color: var(--sa-muet); }
html:not(#_) body.skin-1 .sa-inscrire .sa-form__lbl, html:not(#_) body.skin-1 .sa-inscrire .sa-form__check { color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-inscrire .sa-form__check a { color: var(--rs-rose-fonce); }

/* ---------- champs ---------- */
html:not(#_) body.skin-1 .sa-form input[type="text"], html:not(#_) body.skin-1 .sa-form input[type="email"],
html:not(#_) body.skin-1 .sa-form input[type="tel"], html:not(#_) body.skin-1 .sa-form input[type="number"],
html:not(#_) body.skin-1 .sa-form input[type="search"], html:not(#_) body.skin-1 .sa-form select, html:not(#_) body.skin-1 .sa-form textarea {
  background: #fffaf8; border: 1.5px solid #efcad7; border-radius: 12px; color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-form input:focus, html:not(#_) body.skin-1 .sa-form select:focus, html:not(#_) body.skin-1 .sa-form textarea:focus {
  outline: 3px solid rgba(233, 30, 99, .3); outline-offset: 0; border-color: var(--rs-rose); background: #fff; }

/* ---------- filtres (tags) : feuille d'album ---------- */
html:not(#_) body.skin-1 .sa-tags { background: #fff; border-radius: 6px; position: relative; box-shadow: var(--sa-ombre); }
html:not(#_) body.skin-1 .sa-tags__h, html:not(#_) body.skin-1 .sa-side__h, html:not(#_) body.skin-1 .sa-similaires__h { font-family: var(--rs-main); color: var(--rs-rose-fonce); font-weight: 700; }
html:not(#_) body.skin-1 .sa-tags--nuage .sa-tags__liste a { color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-tags--nuage .sa-tags__liste li[data-poids="5"] a,
html:not(#_) body.skin-1 .sa-tags--nuage .sa-tags__liste li[data-poids="4"] a { color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 .sa-tags__liste a:hover { color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 .sa-badge { background: var(--rs-dragee); color: #8e1043; }
html:not(#_) body.skin-1 .sa-chip { background: #fff; border: 1.5px solid #f2c2d3; color: var(--rs-encre) !important; }

/* ---------- titres de liste : trait de feutre rose ---------- */
html:not(#_) body.skin-1 .sa-h2::after, html:not(#_) body.skin-1 .sa-h1::after { content: ""; display: block; width: 110px; height: 12px; margin-top: .25rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 12'%3E%3Cpath d='M2 8c18-6 34 4 52-1s36-5 54-1' fill='none' stroke='%23e91e63' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat; }

/* ---------- cartes : polaroïds ---------- */
html:not(#_) body.skin-1 .sa-grille { gap: 1.4rem 1.1rem; padding-top: .6rem; }
html:not(#_) body.skin-1 .sa-carte { background: #fff; border: 0; border-radius: 3px; overflow: visible; padding: 10px 10px 4px;
  box-shadow: 0 1px 2px rgba(80, 20, 40, .1), 0 16px 26px -18px rgba(194, 24, 91, .5);
  transform: rotate(-1deg); transition: transform .25s ease, box-shadow .25s ease; }
html:not(#_) body.skin-1 .sa-grille > .sa-carte:nth-child(3n+2) { transform: rotate(.9deg); }
html:not(#_) body.skin-1 .sa-grille > .sa-carte:nth-child(3n) { transform: rotate(-.4deg); }
html:not(#_) body.skin-1 .sa-grille > .sa-carte:hover { transform: rotate(0) translateY(-3px); box-shadow: 0 2px 4px rgba(80, 20, 40, .1), 0 24px 34px -18px rgba(194, 24, 91, .6); }
html:not(#_) body.skin-1 .sa-carte::before { content: ""; position: absolute; top: -9px; left: 50%; width: 64px; height: 18px; margin-left: -32px;
  background: rgba(233, 30, 99, .26); transform: rotate(-3deg); z-index: 2; pointer-events: none; }
html:not(#_) body.skin-1 .sa-grille > .sa-carte:nth-child(2n)::before { transform: rotate(4deg); left: 30%; }
html:not(#_) body.skin-1 .sa-carte__img { border-radius: 1px; background: #f7e3ea; }
html:not(#_) body.skin-1 .sa-carte__img img { transition: transform .5s ease; }
html:not(#_) body.skin-1 .sa-carte:hover .sa-carte__img img { transform: scale(1.05); }
html:not(#_) body.skin-1 .sa-carte--sans-photo .sa-carte__img { background: radial-gradient(circle at 50% 40%, #fff 0, #fde4ec 70%); }
html:not(#_) body.skin-1 .sa-carte__new { background: #fff; color: #a3144c; border-radius: 999px; box-shadow: 0 3px 8px -3px rgba(194, 24, 91, .5); }
html:not(#_) body.skin-1 .sa-carte__corps { padding: .7rem .35rem .6rem; }
html:not(#_) body.skin-1 .sa-carte__pseudo { font-family: var(--rs-main); color: var(--rs-rose-fonce); font-size: 1.02rem; }
html:not(#_) body.skin-1 .sa-carte__titre a { color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-carte__titre a:hover { color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 .sa-carte__ville .sa-ico, html:not(#_) body.skin-1 .sa-carte__metas .sa-ico { color: var(--rs-rose); }
html:not(#_) body.skin-1 .sa-carte__pied { border-top: 1px dashed #f1ccd9; }

/* ---------- colonne latérale ---------- */
html:not(#_) body.skin-1 .sa-side, html:not(#_) body.skin-1 .sa-similaires { background: #fff; border-radius: 6px; box-shadow: var(--sa-ombre); }
html:not(#_) body.skin-1 .sa-side__liste li { border-top-color: #f5dfe7; }
html:not(#_) body.skin-1 .sa-similaires__img { border: 4px solid #fff; border-bottom-width: 9px; box-shadow: 0 4px 10px -4px rgba(120, 20, 60, .45); border-radius: 2px; }

/* ---------- fiche : photo en polaroïd scotché ---------- */
html:not(#_) body.skin-1 .sa-fiche { background: #fff; border: 0; border-radius: 6px; overflow: visible; box-shadow: 0 24px 44px -28px rgba(194, 24, 91, .5), 0 0 0 1px #f5dde6; }
html:not(#_) body.skin-1 .sa-fiche__photo { background: #fff; border-radius: 3px; overflow: visible; padding: 10px 10px 34px; transform: rotate(-1.6deg);
  box-shadow: 0 1px 3px rgba(80, 20, 40, .14), 0 18px 30px -16px rgba(194, 24, 91, .55); position: relative; }
html:not(#_) body.skin-1 .sa-fiche__photo::before { content: ""; position: absolute; top: -10px; left: 50%; width: 80px; height: 22px; margin-left: -40px;
  background: rgba(233, 30, 99, .3); transform: rotate(3deg); z-index: 2; }
html:not(#_) body.skin-1 .sa-fiche__photo::after { content: ""; position: absolute; right: 12px; bottom: 7px; width: 20px; height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e91e63' d='M12 21s-8-5.3-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.7-8 11-8 11z'/%3E%3C/svg%3E") no-repeat center / contain; }
html:not(#_) body.skin-1 .sa-fiche__id dt { color: var(--sa-muet); }
html:not(#_) body.skin-1 .sa-fiche__id dd { color: var(--rs-encre); font-weight: 600; }
html:not(#_) body.skin-1 .sa-fiche__id dd .sa-ico, html:not(#_) body.skin-1 .sa-fiche__id dd a { color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 .sa-fiche__id > div { border-top: 1px dashed #f1ccd9; }
html:not(#_) body.skin-1 .sa-fiche__texte h2 .sa-ico, html:not(#_) body.skin-1 .sa-fiche__tags h3 .sa-ico { color: var(--rs-rose); }
html:not(#_) body.skin-1 .sa-btn--like { border-color: #f2b8cc; color: var(--rs-rose-fonce); }

/* CTA « répondre » : carte dragée centrée, avec de l'air */
html:not(#_) body.skin-1 .sa-cta { background: linear-gradient(180deg, #fff 0, #fde9f0 100%); border: 1.5px dashed #f0a9c2; border-radius: 18px;
  text-align: center; padding: 1.3rem 1.2rem 1.4rem; box-shadow: 0 16px 28px -22px rgba(194, 24, 91, .6); }
html:not(#_) body.skin-1 .sa-cta__q { color: var(--rs-encre); font-weight: 800; }
html:not(#_) body.skin-1 .sa-cta__aide { color: var(--sa-muet); }

/* créneaux */
html:not(#_) body.skin-1 .sa-dispo { background: #fffaf8; border: 0; border-radius: 14px; box-shadow: inset 0 0 0 1px #f5dce5; }
html:not(#_) body.skin-1 .sa-dispo__nom { color: var(--rs-encre); }

/* commentaires */
html:not(#_) body.skin-1 .sa-commentaire { background: #fffaf8; border-radius: 14px 14px 14px 4px; border: 1px solid #f5dce5; }

/* ---------- dépôt : feuillets d'album ---------- */
html:not(#_) body.skin-1 .sa-depot__bloc { background: #fff; border: 0; border-radius: 6px;
  box-shadow: 0 1px 2px rgba(80, 20, 40, .08), 0 14px 26px -18px rgba(194, 24, 91, .45); }
html:not(#_) body.skin-1 .sa-depot__bloc legend { background: var(--rs-bouton); color: #fff; border-radius: 999px; padding: .2rem .8rem; font-size: .88rem;
  box-shadow: 0 4px 10px -4px rgba(194, 24, 91, .6); }
html:not(#_) body.skin-1 .sa-depot__dispo th, html:not(#_) body.skin-1 .sa-depot__dispo td { border-color: #f3d8e2; }
html:not(#_) body.skin-1 .sa-depot__dispo thead th { background: #fde9f0; color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-depot__apercu img { border: 4px solid #fff; border-bottom-width: 10px; border-radius: 2px; box-shadow: 0 4px 10px -4px rgba(120, 20, 60, .45); }

/* ---------- nouveaux membres : mini-polaroïds ---------- */
html:not(#_) body.skin-1 .sa-membres__avatar { border-radius: 2px; border: 4px solid #fff; border-bottom-width: 11px; box-shadow: 0 5px 10px -5px rgba(120, 20, 60, .5); }
html:not(#_) body.skin-1 .sa-membres__liste li:nth-child(odd) .sa-membres__avatar { transform: rotate(-4deg); }
html:not(#_) body.skin-1 .sa-membres__liste li:nth-child(even) .sa-membres__avatar { transform: rotate(3deg); }

/* ---------- pied de page : bande rose, colonnes en cartes blanches ---------- */
html:not(#_) body.skin-1 .sa-liens { background-color: var(--rs-rose-fonce); color: #fff; padding-top: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cpath fill='%23fff' fill-opacity='.08' d='M22 34s-8-5.3-8-11a4.5 4.5 0 0 1 8-2.8 4.5 4.5 0 0 1 8 2.8c0 5.7-8 11-8 11z'/%3E%3C/svg%3E"); }
html:not(#_) body.skin-1 .sa-liens__col { background: #fff; border-radius: 3px; padding: 1.1rem 1.2rem 1.5rem; box-shadow: 0 16px 26px -16px rgba(60, 0, 25, .55); }
html:not(#_) body.skin-1 .sa-liens__col:nth-child(odd) { transform: rotate(-.8deg); }
html:not(#_) body.skin-1 .sa-liens__col:nth-child(even) { transform: rotate(.7deg); }
html:not(#_) body.skin-1 .sa-liens__marque { color: var(--rs-rose-fonce); font-family: var(--rs-main); }
html:not(#_) body.skin-1 .sa-liens__h { color: var(--rs-rose-fonce); }
html:not(#_) body.skin-1 .sa-liens a, html:not(#_) body.skin-1 .sa-liens p, html:not(#_) body.skin-1 .sa-liens li { color: var(--rs-encre); }
html:not(#_) body.skin-1 .sa-liens .sa-btn--ghost { color: var(--rs-encre); border-color: #f2c2d3; }
html:not(#_) body.skin-1 .sa-footer__tail { background: var(--rs-rose-fonce); color: #fff; border-top: 1px solid rgba(255, 255, 255, .25); }
html:not(#_) body.skin-1 .sa-footer__tail p, html:not(#_) body.skin-1 .sa-footer__tail small { color: #fff; }
html:not(#_) body.skin-1 .sa-footer__legal a, html:not(#_) body.skin-1 .sa-footer__haut a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .5); }

/* barre basse mobile : même rose que les boutons (contraste) */
html:not(#_) body.skin-1 .sa-barre-mobile { background: var(--rs-bouton); color: #fff; }

/* pop-ups */
html:not(#_) body.skin-1 .sa-popup__box, html:not(#_) body.skin-1 .sa-consent__box { background: #fff; color: var(--rs-encre); border-radius: 8px; }
html:not(#_) body.skin-1 .sa-popup__titre, html:not(#_) body.skin-1 .sa-consent__titre { color: var(--rs-encre); }

/* mobile : la photo de fiche ne pousse pas les CTA trop bas */
@media (max-width: 719px) {
  html:not(#_) body.skin-1 .sa-fiche__photo { max-width: 270px; }
  html:not(#_) body.skin-1 .sa-grille { gap: 1.2rem .8rem; }
  html:not(#_) body.skin-1 .sa-carte { padding: 7px 7px 2px; }
  html:not(#_) body.skin-1 .sa-inscrire { margin-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html:not(#_) body.skin-1 .sa-carte, html:not(#_) body.skin-1 .sa-carte__img img, html:not(#_) body.skin-1 .sa-btn--accent { transition: none; }
}