/* __DESIGN_SITE__ */
html:not(#_) .sidebar-inner{background:transparent;box-shadow:none;}
/* ^ posé par design_site.py : le panneau blanc d'Astro recouvrait le fond du .sidebar */
/* ==========================================================================
   sex-treff-kostenlos.de — habillage header + footer (gabarit Astro)
   Direction : dégradé "aurore" (violet profond -> magenta -> corail) en
   fond de la sidebar (header desktop) et du bandeau mobile, boutons en
   pilule. Un voile sombre est superposé au dégradé pour garder un
   contraste texte/fond suffisant même sur la zone corail la plus claire.
   Effets : dérive lente de l'aurore, lueur des icônes au survol,
   légère élévation des boutons/pastilles. Tout est coupé si le visiteur
   demande moins d'animation (prefers-reduced-motion).
   ========================================================================== */

html:not(#_){
  --stk-nuit: #23063f;      /* violet très sombre, début du dégradé */
  --stk-violet: #4a148c;    /* violet du site */
  --stk-magenta: #ad1457;   /* transition chaude */
  --stk-corail: #ff7a52;    /* corail, utilisé en fond/bordure/lueur (jamais en texte) */
  --stk-corail-clair: #ffd9c2; /* corail éclairci, utilisable en texte (contraste ok) */
  --stk-creme: #fff4ef;     /* quasi-blanc chaud, texte principal sur l'aurore */
  --stk-encre: #2a0845;     /* texte foncé sur les boutons crème */
}

/* Dérive lente du dégradé, façon aurore boréale */
@keyframes stkAurore {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ===================== HEADER — SIDEBAR DESKTOP (nav.sb-nav / .sidebar) ===================== */
html:not(#_) .sidebar.sidebar{
  background:
    linear-gradient(180deg, rgba(14, 4, 26, .52), rgba(14, 4, 26, .52)),
    linear-gradient(160deg, var(--stk-nuit) 0%, var(--stk-violet) 35%, var(--stk-magenta) 68%, var(--stk-corail) 100%);
  background-size: 100% 100%, 220% 220%;
  animation: stkAurore 22s ease-in-out infinite;
  border-right: 1px solid rgba(255, 122, 82, .22);
}

html:not(#_) .sb-logo-text.sb-logo-text{
  background: linear-gradient(90deg, var(--stk-creme), var(--stk-corail-clair));
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--stk-creme);
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  letter-spacing: .02em;
}

html:not(#_) .sb-logo-dot svg{
  filter: drop-shadow(0 0 4px rgba(255, 122, 82, .55));
}

html:not(#_) .sb-section-title span{
  color: rgba(255, 244, 239, .62);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}

html:not(#_) .sb-link.sb-link{
  color: rgba(255, 244, 239, .92);
  border-radius: 999px;
  transition: background-color .2s ease, color .2s ease;
}

html:not(#_) .sb-link.sb-link:hover, html:not(#_) .sb-link.sb-link:focus-visible{
  background-color: rgba(255, 255, 255, .12);
  color: #fff;
}

html:not(#_) .sb-link.sb-link.active{
  background: rgba(255, 122, 82, .22);
  color: #fff;
}

html:not(#_) .sb-link .sb-ico svg{
  transition: filter .2s ease;
}

html:not(#_) .sb-link:hover .sb-ico svg{
  filter: drop-shadow(0 0 6px rgba(255, 122, 82, .75));
}

html:not(#_) .sb-map-quick-link.sb-map-quick-link{
  background: rgba(255, 255, 255, .1);
  border-radius: 999px;
  color: var(--stk-creme);
  transition: background-color .2s ease, transform .2s ease;
}

html:not(#_) .sb-map-quick-link:hover{
  background: rgba(255, 122, 82, .28);
  transform: translateY(-1px);
}

html:not(#_) .sb-silo-region.sb-silo-region{
  color: rgba(255, 244, 239, .85);
  transition: color .2s ease;
}

html:not(#_) .sb-silo-region:hover{
  color: var(--stk-corail-clair);
}

html:not(#_) .sb-silo-ville.sb-silo-ville{
  color: rgba(255, 244, 239, .58);
  transition: color .2s ease;
}

html:not(#_) .sb-silo-ville:hover{
  color: var(--stk-creme);
}

/* ===================== HEADER — BANDEAU MOBILE (.mobile-guest-top) ===================== */
html:not(#_) .mobile-guest-top.mobile-guest-top{
  background:
    linear-gradient(180deg, rgba(14, 4, 26, .5), rgba(14, 4, 26, .5)),
    linear-gradient(120deg, var(--stk-nuit) 0%, var(--stk-violet) 40%, var(--stk-magenta) 72%, var(--stk-corail) 100%);
  background-size: 100% 100%, 220% 220%;
  animation: stkAurore 22s ease-in-out infinite;
}

html:not(#_) .mobile-guest-brand.mobile-guest-brand{
  color: var(--stk-creme);
  font-weight: 700;
}

html:not(#_) .mobile-guest-login.mobile-guest-login{
  color: var(--stk-creme);
  border: 1px solid rgba(255, 244, 239, .45);
  border-radius: 999px;
  padding: .3rem .9rem;
  transition: background-color .2s ease, transform .2s ease;
}

html:not(#_) .mobile-guest-login:hover{
  background: rgba(255, 255, 255, .15);
  transform: translateY(-1px);
}

html:not(#_) .mobile-guest-cta-offer.mobile-guest-cta-offer, html:not(#_) .mobile-guest-cta-kw.mobile-guest-cta-kw{
  color: var(--stk-creme);
}

html:not(#_) .mobile-guest-timer-label.mobile-guest-timer-label{
  color: rgba(255, 244, 239, .72);
}

html:not(#_) .mobile-guest-timer.mobile-guest-timer{
  color: var(--stk-corail-clair);
  font-weight: 700;
}

html:not(#_) .mobile-guest-cta-btn.mobile-guest-cta-btn{
  background: var(--stk-creme);
  color: var(--stk-encre);
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
  transition: transform .2s ease, box-shadow .2s ease;
}

html:not(#_) .mobile-guest-cta-btn:hover, html:not(#_) .mobile-guest-cta-btn:focus-visible{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .3);
}

/* ===================== HEADER — RECHERCHE / CONFIANCE (.page-header) ===================== */
html:not(#_) .page-header .search-bar .search-input{
  border-radius: 999px 0 0 999px;
}

html:not(#_) .page-header .btn-primary.search-submit{
  background: linear-gradient(120deg, var(--stk-violet), var(--stk-magenta));
  border-radius: 0 999px 999px 0;
  color: #fff;
  font-weight: 700;
  border: none;
  transition: transform .2s ease, filter .2s ease;
}

html:not(#_) .page-header .btn-primary.search-submit:hover, html:not(#_) .page-header .btn-primary.search-submit:focus-visible{
  filter: brightness(1.1);
  transform: translateY(-1px);
}

html:not(#_) .trust-badges .badge{
  background: rgba(74, 20, 140, .07);
  border-radius: 999px;
  padding: .25rem .75rem;
}

/* ===================== FOOTER (.footer-v2) ===================== */
html:not(#_) .footer-v2.footer-v2{
  background: linear-gradient(100deg, var(--stk-nuit) 0%, var(--stk-violet) 55%, var(--stk-magenta) 100%);
  border-top: 2px solid var(--stk-corail);
}

html:not(#_) .footer-logo.footer-logo{
  color: var(--stk-creme) !important;
  font-weight: 700;
  letter-spacing: .02em;
}

html:not(#_) .footer-links a{
  color: rgba(255, 244, 239, .82);
  border-radius: 999px;
  padding: .2rem .7rem;
  transition: background-color .2s ease, color .2s ease;
}

html:not(#_) .footer-links a:hover, html:not(#_) .footer-links a:focus-visible{
  background: rgba(255, 122, 82, .28);
  color: #fff;
}

html:not(#_) .footer-copy.footer-copy{
  color: rgba(255, 244, 239, .72);
}

/* ===================== ACCESSIBILITÉ ===================== */
@media (prefers-reduced-motion: reduce) {
  html:not(#_) .sidebar.sidebar, html:not(#_) .mobile-guest-top.mobile-guest-top{
    animation: none;
  }
  html:not(#_) .sb-link.sb-link, html:not(#_) .sb-link .sb-ico svg, html:not(#_) .sb-map-quick-link.sb-map-quick-link, html:not(#_) .mobile-guest-login.mobile-guest-login, html:not(#_) .mobile-guest-cta-btn.mobile-guest-cta-btn, html:not(#_) .page-header .btn-primary.search-submit, html:not(#_) .footer-links a{
    transition: none;
  }
}
html:not(#_) .sidebar-inner{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.45) transparent;}
/* __END_DESIGN_SITE__ */