/* __DESIGN_SITE__ */
/* swingerclub-sachsen.de — registre "cuir & chrome"
   Noir profond + argent chromé (dégradés métalliques) + rouge sombre.
   Sidebar desktop, barre mobile (haut + bas), footer. */

html:not(#_){
  --cs-noir:#08080a;
  --cs-noir2:#131316;
  --cs-argent:#c7c7c7;
  --cs-argent-vif:#efefef;
  --cs-chrome:linear-gradient(100deg,#767676 0%,#f0f0f0 22%,#585858 46%,#e6e6e6 70%,#767676 100%);
  --cs-rouge:#6e0d16;
  --cs-rouge2:#93121e;
  --cs-rouge-txt:#e2495c;
}

/* ===== SIDEBAR DESKTOP ===== */
html:not(#_) .sidebar-inner{
  background:linear-gradient(180deg,var(--cs-noir) 0%,var(--cs-noir2) 100%);
  border-radius:0 14px 14px 0;
  border-style:solid;border-width:0 2px 0 0;border-image:var(--cs-chrome) 1;
  box-shadow:0 0 24px #00000080;
  position:relative;
}
html:not(#_) .sb-logo{position:relative;padding-bottom:18px;margin-bottom:6px}
html:not(#_) .sb-logo::after{
  content:"";position:absolute;left:8px;right:8px;bottom:2px;height:2px;
  background-image:var(--cs-chrome);background-size:220% 100%;
  animation:cs-sheen 7s linear infinite;
}
html:not(#_) .sb-logo-dot{
  border-radius:50%;
  background:radial-gradient(circle at 34% 28%,#f4f4f4,#8c8c8c 55%,#333 100%);
  box-shadow:0 0 0 2px rgba(230,230,230,.55),0 0 0 4px rgba(110,13,22,.55);
}
html:not(#_) .sb-logo-text{
  background-image:var(--cs-chrome);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:var(--cs-argent-vif);
  -webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.03em;
}
html:not(#_) .sb-nav .sb-link{color:var(--cs-argent);background:transparent!important}
html:not(#_) .sb-link .sb-ico{
  box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(199,199,199,.35);
  background:rgba(255,255,255,.04);
  transition:transform .25s ease,filter .25s ease,border-color .25s ease;
}
html:not(#_) .sb-nav .sb-link:hover, html:not(#_) .sb-nav .sb-link.active{
  color:var(--cs-argent-vif)!important;
  background:linear-gradient(90deg,rgba(110,13,22,.4),transparent)!important;
}
html:not(#_) .sb-nav .sb-link:hover .sb-ico, html:not(#_) .sb-nav .sb-link.active .sb-ico{
  transform:scale(1.12);filter:brightness(1.3);border-color:var(--cs-rouge2);
}
html:not(#_) .sb-nav .sb-link.active{border-left:3px solid var(--cs-rouge2);padding-left:7px}
html:not(#_) .sb-section{border-top:1px solid rgba(199,199,199,.15)}
html:not(#_) .sb-section-title{color:#8d8d8d}
html:not(#_) .sb-map-quick-link{color:var(--cs-argent-vif)}
html:not(#_) .sb-map-quick-link:hover{background:rgba(110,13,22,.3)!important}
html:not(#_) .sb-silo-region{color:var(--cs-argent-vif)}
html:not(#_) .sb-silo-region:hover{background:rgba(110,13,22,.28)!important;color:var(--cs-argent-vif)!important}
html:not(#_) .sb-chevron{color:#8d8d8d}
html:not(#_) .sb-silo-ville{color:#a7a7a7;border-left:2px solid rgba(199,199,199,.12)}
html:not(#_) .sb-silo-ville:hover{background:rgba(110,13,22,.22)!important;color:var(--cs-argent-vif)!important;border-left-color:var(--cs-rouge2)}

/* ===== BARRE MOBILE HAUTE ===== */
html:not(#_) .mobile-guest-top{
  background:linear-gradient(180deg,var(--cs-noir) 0%,#000 100%)!important;
  border-style:solid;border-width:0 0 2px 0;border-image:var(--cs-chrome) 1;
}
html:not(#_) .mobile-guest-login{border:1px solid rgba(199,199,199,.4);border-radius:999px;padding:4px 12px}
html:not(#_) .mobile-guest-timer{color:var(--cs-rouge-txt)}
html:not(#_) .mobile-guest-cta-btn{
  box-sizing:border-box;min-height:46px;display:flex!important;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--cs-rouge) 0%,var(--cs-rouge2) 100%)!important;
  border:1px solid rgba(230,230,230,.35);
  transition:transform .2s ease,filter .2s ease;
}
html:not(#_) .mobile-guest-cta-btn:hover, html:not(#_) .mobile-guest-cta-btn:active{
  transform:translateY(-2px);filter:brightness(1.15) drop-shadow(0 4px 10px #00000080);
}

/* ===== BARRE D'ONGLETS BASSE ===== */
html:not(#_) .bottom-bar{
  background:var(--cs-noir)!important;
  border-style:solid;border-width:2px 0 0 0;border-image:var(--cs-chrome) 1;
  box-shadow:0 -4px 16px #00000090;
}
html:not(#_) .btab{color:#9a9a9a}
html:not(#_) .btab-ico{
  box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(199,199,199,.3);
  background:rgba(255,255,255,.04);
  transition:transform .2s ease,filter .2s ease,border-color .2s ease;
}
html:not(#_) .btab:hover, html:not(#_) .btab.active{color:var(--cs-argent-vif)!important}
html:not(#_) .btab:hover .btab-ico, html:not(#_) .btab.active .btab-ico{
  transform:scale(1.14);filter:brightness(1.3);border-color:var(--cs-rouge2);
}

/* ===== FOOTER : 2 colonnes larges + filet chromé ===== */
html:not(#_) .footer-v3{background:linear-gradient(180deg,#000 0%,var(--cs-noir) 100%)!important}
html:not(#_) .footer-top{border-bottom:1px solid rgba(199,199,199,.15)}
html:not(#_) .footer-brand h3{
  background-image:var(--cs-chrome);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:var(--cs-argent-vif);
  -webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.03em;
}
html:not(#_) .footer-newsletter .btn.btn-primary{
  background:linear-gradient(135deg,var(--cs-rouge) 0%,var(--cs-rouge2) 100%)!important;
  border:1px solid rgba(230,230,230,.35);
  transition:transform .2s ease,filter .2s ease;
}
html:not(#_) .footer-newsletter .btn.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.15)}
html:not(#_) .footer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;row-gap:26px;
  background-image:linear-gradient(180deg,transparent,var(--cs-argent) 18%,var(--cs-argent) 82%,transparent);
  background-repeat:no-repeat;background-position:50% 0;background-size:1px 100%;
}
html:not(#_) .footer-col h4{border-bottom:1px solid rgba(199,199,199,.2);padding-bottom:8px;letter-spacing:.06em}
html:not(#_) .footer-col a{color:#a7a7a7!important;transition:color .2s ease}
html:not(#_) .footer-col a:hover{color:var(--cs-argent-vif)!important}
html:not(#_) .footer-bottom{border-top:1px solid rgba(199,199,199,.15)}

@keyframes cs-sheen{0%{background-position:0% 0}100%{background-position:200% 0}}

@media (prefers-reduced-motion: reduce){
  html:not(#_) .sb-logo::after{animation:none}
  html:not(#_) .sb-link .sb-ico, html:not(#_) .btab-ico, html:not(#_) .mobile-guest-cta-btn, html:not(#_) .footer-newsletter .btn.btn-primary, html:not(#_) .footer-col a{
    transition:none;
  }
}

@media (prefers-reduced-motion: reduce){html:not(#_) .sidebar-inner{animation:none !important;transition:none !important;}}
html:not(#_) .sidebar-inner{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.45) transparent;}
/* __END_DESIGN_SITE__ */