
/* Fonts: prefer Roboto/Europe/system-ui */
:root { --font-ui: 'Roboto', 'Europe', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; }
body { font-family: var(--font-ui); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-ui); font-weight: 800; }
.srw-time,.srw-series,.srw-track,.srw-description,.srw-commentators,.srw-timer { font-family: var(--font-ui); }
.srw-btn { font-family: var(--font-ui); }

/* calendar.css — финал */

/* Header controls outside of this file */

/* Layout */
#srw-calendar { display:flex; gap:10px; overflow-x:auto; padding:10px; }
.srw-calendar-view #srw-calendar { display:flex; }
.srw-col { flex:1; min-width:200px; background:#f4f4f4; border-radius:8px; padding:6px; }

/* Horizontal / Vertical */
.srw-horizontal #srw-calendar { flex-direction: row; }
.srw-vertical   #srw-calendar { flex-direction: column; }

/* Day header */
.srw-day-header { background:#eaeaea; border-radius:8px; padding:8px; margin-bottom:6px; font-weight:600; display:flex; justify-content:space-between; }

/* Cards */
.srw-event-card { background:#fff; border-radius:8px; padding:10px; margin:6px 0; box-shadow:0 1px 2px rgba(0,0,0,0.1); border-left:4px solid transparent; }
.srw-event-card.srw-live::after { content:""; display:block; height:4px; background:#0f0; margin-top:6px; border-radius:2px; animation:pulse 1.2s infinite; }
.srw-time { font-weight:700; }
.srw-timer { font-size:12px; color:#666; margin-top:6px; }

@keyframes pulse { 0%{opacity:.4} 50%{opacity:1} 100%{opacity:.4} }

/* Status colors */
.srw-orange { border-left-color:#ff9f1a; }
.srw-yellow { border-left-color:#ffd166; }
.srw-green  { border-left-color:#5cd66a; }
.srw-completed { opacity:.7; }

/* Vertical: two columns (desktop/tablet) */
.srw-vertical #srw-calendar .srw-col { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.srw-vertical #srw-calendar .srw-col .srw-day-header { grid-column:1 / -1; }

/* Mobile: vertical -> one column */
@media (max-width: 768px) {
  .srw-vertical #srw-calendar .srw-col { grid-template-columns:1fr; }
}

/* List view */
.srw-list-view #srw-calendar { flex-direction:column; }
.srw-list-view .srw-col { display:block; }
.srw-list-view .srw-event-card { display:flex; gap:12px; justify-content:space-between; align-items:center; }
.srw-list-view .srw-commentators, .srw-list-view .srw-description { display:none; }

/* Live Now widget (left, only if exists) */





/* Dark theme */
.srw-dark { background:#222; color:#ddd; }
.srw-dark .srw-event-card { background:#2e2e2e; color:#eee; }
.srw-dark 

/* Auto controls bar */
.srw-controls { display:flex; gap:8px; align-items:center; margin:8px 10px; }
.srw-btn { padding:6px 10px; border-radius:6px; border:1px solid #ccc; background:#f8f8f8; cursor:pointer; }
.srw-btn:hover { background:#eee; }


/* Platform line */
.srw-platform { margin-top:4px; font-size:12px; color:#6b7280; text-transform:none; letter-spacing:.2px; }

/* Polish card typography */
.srw-series { font-weight:600; margin-top:2px; }
.srw-track { color:#6b7280; font-size:13px; }
.srw-description { color:#4b5563; font-size:13px; margin-top:4px; }
.srw-commentators { color:#6b7280; font-size:12px; margin-top:4px; }

/* Card padding and radius */
.srw-event-card { border-radius:10px; padding:10px 12px; }
.srw-day-header { border-radius:10px; }

/* Subtle separators (optional) */
.srw-col .srw-event-card + .srw-event-card { margin-top:10px; }


/* ===== Enhanced Dark Theme ===== */
.srw-dark { background:#0f1115; color:#e6e8eb; }
.srw-dark h1, .srw-dark h2, .srw-dark h3, .srw-dark h4, .srw-dark h5, .srw-dark h6 { color:#eef0f3; }

.srw-dark #srw-calendar { /* keep layout */ }
.srw-dark .srw-day-header { background:#1a1f29; color:#e6e8eb; border:1px solid #2a3240; }
.srw-dark .srw-col { background:transparent; }

.srw-dark .srw-event-card { background:#151a22; color:#e6e8eb; box-shadow:0 1px 2px rgba(0,0,0,0.6); }
.srw-dark .srw-time { color:#ffffff; }
.srw-dark .srw-series { color:#f2f4f6; }
.srw-dark .srw-track { color:#aab4c3; }
.srw-dark .srw-description { color:#c9ced6; }
.srw-dark .srw-commentators, .srw-dark .srw-platform { color:#9aa3af; }
.srw-dark .srw-timer { color:#cfd6df; }

.srw-dark .srw-orange { border-left-color:#ffb357; }
.srw-dark .srw-yellow { border-left-color:#ffe27a; }
.srw-dark .srw-green  { border-left-color:#6be59a; }
.srw-dark .srw-event-card.srw-live::after { background:#6be59a; }

.srw-dark 
.srw-dark 


/* Completed badge */
.srw-event-card { position:relative; }
.srw-badge {
  position:absolute; top:6px; right:6px;
  background:#9ca3af; color:white;
  font-size:11px; font-weight:600;
  padding:2px 6px; border-radius:6px;
}
.srw-dark .srw-badge { background:#4b5563; color:#e5e7eb; }


/* ===== v6 Dark theme tweaks ===== */

/* Page title readable in dark */
.srw-dark h1, .srw-dark .srw-page-title { color:#ffffff !important; text-shadow:0 1px 2px rgba(0,0,0,.6); }

/* Weekend range pill like Telegram X */
.srw-dark #srw-range {
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:#1e1e1e;
  color:#d0e6ff;
  border:1px solid #2563eb;
  font-weight:600;
  letter-spacing:.2px;
}

/* Stronger LIVE stripe with glow */
.srw-event-card.srw-live::after { height:5px; }
.srw-dark .srw-event-card.srw-live::after { background:#22ff88; box-shadow:0 0 6px rgba(34,255,136,.8); }

/* Higher contrast inside cards (dark) */
.srw-dark .srw-event-card { background:#151a22; color:#e9eef5; }
.srw-dark .srw-event-card .srw-time { color:#ffffff; }
.srw-dark .srw-event-card .srw-series { color:#f8fafc; }
.srw-dark .srw-event-card .srw-track { color:#a9b4c2; }
.srw-dark .srw-event-card .srw-platform { color:#9fb0c4; }
.srw-dark .srw-event-card .srw-timer { color:#cfe3ff; }

/* Completed badge contrast */
.srw-dark .srw-badge { background:#3b4251; color:#e5e7eb; }



/* v7: ensure page title readable in dark */
.srw-dark h1,
.srw-dark .srw-title,
.srw-dark .site-title,
.srw-dark .entry-title,
.srw-dark [data-title="page"] { color:#ffffff !important; text-shadow:0 1px 2px rgba(0,0,0,.55); }

/* v7: Robust LIVE pulse */
@keyframes srwPulse { 0%{opacity:.35;transform:scaleX(.98)} 50%{opacity:1;transform:scaleX(1)} 100%{opacity:.35;transform:scaleX(.98)} }
.srw-event-card.srw-live::after {
  content:""; display:block; height:5px; background:#19e07a; border-radius:3px;
  animation: srwPulse 1.1s ease-in-out infinite;
}
.srw-dark .srw-event-card.srw-live::after {
  background:#22ff88;
  box-shadow:0 0 6px rgba(34,255,136,.8);
}



/* v8: LIVE stripe absolute so it works in list view as well */
.srw-event-card { position:relative; }
.srw-event-card.srw-live::after {
  content:""; position:absolute; left:8px; right:8px; bottom:6px; height:5px;
  background:#19e07a; border-radius:3px;
  animation: srwPulse 1.1s ease-in-out infinite;
}
.srw-dark .srw-event-card.srw-live::after {
  background:#22ff88; box-shadow:0 0 6px rgba(34,255,136,.8);
}

/* v8: LiveNow compact on mobile */
@media (max-width: 768px) {
  
  
}


/* v9: Dark theme titles forced white */
.srw-dark h1, .srw-dark h2, .srw-dark h3,
.srw-dark .srw-title, .srw-dark .site-title, .srw-dark .entry-title,
.srw-dark [data-title="page"], .srw-dark .page-title {
  color:#ffffff !important; text-shadow:0 1px 2px rgba(0,0,0,.55);
}

/* v9: Completed badge style */
.srw-badge {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 12px;
  color: #ffffff;
  background: #444;
  padding: 2px 6px;
  border-radius: 6px;
  position: absolute;
  top: 6px;
  right: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.srw-dark .srw-badge { background:#3b4251; color:#f5f5f5; }


/* Lock styles during export to avoid mixing themes */
body[data-exporting="1"] { transition: none !important; }
