/* Small extras on top of Tailwind (Readdy clone) */

/* Hide scrollbars for horizontal carousels */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE + Edge */
  scrollbar-width: none; /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* Better focus outline for keyboard navigation */
:focus-visible {
  outline: 2px solid rgba(0, 217, 255, 0.65);
  outline-offset: 2px;
}

/* Prevent blue iOS tap highlight */
* { -webkit-tap-highlight-color: transparent; }

/* Player slider look (matches Readdy export) */
input[type="range"].slider {
  -webkit-appearance: none;
  appearance: none;
}
input[type="range"].slider::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 9999px;
  background: #2a2a2a;
}
input[type="range"].slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: #00D9FF;
  margin-top: -4px;
}
input[type="range"].slider::-moz-range-track {
  height: 8px;
  border-radius: 9999px;
  background: #2a2a2a;
}
input[type="range"].slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  background: #00D9FF;
  border: 0;
}

/* Header wishes ticker */
.slmm-ticker {
  display: inline-block;
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
}
.slmm-ticker.is-animated {
  animation: slmmTicker var(--slmm-ticker-duration, 85s) linear infinite;
}

@keyframes slmmTicker {
  0% { transform: translateX(2%); }
  100% { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
  .slmm-ticker,
  .slmm-ticker.is-animated { animation: none; transform: translateX(0); }
}


/* Toasts (top-right) */
.slmm-toast{
  pointer-events:auto;
  min-width: 280px;
  max-width: 380px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(15,15,18,.92);
  backdrop-filter: blur(12px) saturate(160%);
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
  transform: translateY(-6px);
  opacity: 0;
  animation: slmmToastIn .22s ease-out forwards;
}
.slmm-toast-inner{display:flex;gap:12px;align-items:flex-start;padding:12px 12px 12px 12px}
.slmm-toast-icon{
  width:28px;height:28px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;line-height:1;
  background: rgba(0,217,255,.18);
  color:#00D9FF;
  flex:0 0 auto;
}
.slmm-toast-success .slmm-toast-icon{background:rgba(34,197,94,.16);color:rgba(134,239,172,1)}
.slmm-toast-error .slmm-toast-icon{background:rgba(239,68,68,.16);color:rgba(252,165,165,1)}
.slmm-toast-body{flex:1 1 auto}
.slmm-toast-title{font-size:12px;font-weight:800;color:rgba(255,255,255,.92);margin-bottom:2px}
.slmm-toast-msg{font-size:12px;color:rgba(229,231,235,.88);line-height:1.35}
.slmm-toast-action{
  margin-top:8px;
  padding:7px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  font-size:12px;
  font-weight:700;
}
.slmm-toast-action:hover{background: rgba(255,255,255,.10)}
.slmm-toast-close{
  flex:0 0 auto;
  width:28px;height:28px;border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.85);
  font-size:18px;
  line-height:1;
}
.slmm-toast-close:hover{background: rgba(255,255,255,.08)}
.slmm-toast-out{
  opacity:0;
  transform: translateY(-10px);
  transition: all .22s ease;
}
@keyframes slmmToastIn{to{opacity:1;transform: translateY(0)}}


/* Admin Sidebar: etwas kleiner & kompakter */
#adminSidebar { font-size: 0.875rem; }
#adminSidebar h2 { font-size: 1.25rem; line-height: 1.4; }
#adminSidebar .adminNavItem button,
#adminSidebar .adminNavItem a { padding-top: 0.6rem; padding-bottom: 0.6rem; }
#adminSidebar .text-sm { font-size: 0.78rem; }



/* Cookie notice */
.slmm-cookie-banner{position:fixed;right:24px;bottom:136px;z-index:60;max-width:560px;width:calc(100% - 32px);}
.slmm-cookie-banner.hidden{display:none;}
.slmm-cookie-card{display:flex;gap:18px;align-items:flex-start;padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(15,17,28,.96),rgba(10,10,14,.96));backdrop-filter:blur(18px) saturate(150%);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 1px rgba(0,217,255,.06) inset;}
.slmm-cookie-media{flex:0 0 auto;}
.slmm-cookie-image{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));}
.slmm-cookie-content{flex:1 1 auto;min-width:0;}
.slmm-cookie-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#00D9FF;margin-bottom:8px;}
.slmm-cookie-title{font-size:20px;line-height:1.2;font-weight:800;color:#fff;margin:0 0 12px;}
.slmm-cookie-text{font-size:14px;line-height:1.55;color:rgba(229,231,235,.9);margin:0 0 10px;}
.slmm-cookie-text-small{font-size:13px;color:rgba(209,213,219,.82);}
.slmm-cookie-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.slmm-cookie-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:14px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease;}
.slmm-cookie-btn-primary{background:linear-gradient(90deg,#00D9FF,#B026FF);color:#fff;border:none;box-shadow:0 12px 30px rgba(0,217,255,.2);}
.slmm-cookie-btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(0,217,255,.26);}
.slmm-cookie-btn-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.92);}
.slmm-cookie-btn-secondary:hover{background:rgba(255,255,255,.08);}
.slmm-cookie-launcher{position:fixed;right:24px;bottom:136px;z-index:58;}
.slmm-cookie-launcher.hidden{display:none;}
.slmm-cookie-launcher-btn{width:62px;height:62px;border-radius:999px;padding:0;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(15,17,28,.96),rgba(10,10,14,.96));box-shadow:0 18px 46px rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;transition:transform .18s ease, box-shadow .18s ease;}
.slmm-cookie-launcher-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 22px 54px rgba(0,0,0,.46);}
.slmm-cookie-launcher-icon{width:44px;height:44px;object-fit:contain;}
@media (max-width: 767px){
  .slmm-cookie-banner{left:16px;right:16px;bottom:124px;max-width:none;width:auto;}
  .slmm-cookie-card{flex-direction:column;gap:14px;padding:18px;border-radius:20px;}
  .slmm-cookie-image{width:72px;height:72px;}
  .slmm-cookie-launcher{right:16px;bottom:124px;}
  .slmm-cookie-launcher-btn{width:56px;height:56px;}
  .slmm-cookie-launcher-icon{width:40px;height:40px;}
}