/* FADISBCAI – Dark Theme */
.sbc-news{
  --sbc-bg:#000; --sbc-fg:#fff; --sbc-muted:rgba(255,255,255,.75); --sbc-border:rgba(255,255,255,.15); --sbc-gap:16px;
  background:var(--sbc-bg); color:var(--sbc-fg);
}
.sbc-news a{ color:var(--sbc-fg); text-decoration:none; }
.sbc-news a:hover,.sbc-card .sbc-title a:hover{ text-decoration:underline; }
.sbc-card .sbc-meta{ color:var(--sbc-muted); }
.sbc-card .sbc-excerpt{ color:var(--sbc-fg); }
.sbc-list .sbc-card,.sbc-spotlight-list .sbc-card,.sbc-accordion .sbc-acc-item,.sbc-ticker{ border-color:var(--sbc-border); }
.sbc-acc-btn{ background:rgba(255,255,255,.06); color:var(--sbc-fg); width:100%; text-align:left; padding:8px; border:none; cursor:pointer; }
.sbc-acc-panel{ background:rgba(255,255,255,.03); color:var(--sbc-fg); padding:8px; }
.sbc-swiper-prev,.sbc-swiper-next{ background:rgba(255,255,255,.18); color:#fff; }
.sbc-swiper-prev:hover,.sbc-swiper-next:hover{ background:rgba(255,255,255,.28); }
.sbc-ticker{ background:var(--sbc-bg); overflow:hidden; white-space:nowrap; position:relative; }
.sbc-ticker-track .sbc-tick{ color:var(--sbc-fg); display:inline-block; margin-right:2rem; }
.sbc-spotlight-list .sbc-card{ border-color:var(--sbc-border); }
.sbc-tabs .sbc-tabs-nav{ border-bottom:2px solid var(--sbc-border); display:flex; gap:var(--sbc-gap); margin-bottom:var(--sbc-gap); }
.sbc-tabs .sbc-tabs-nav button{ background:transparent; border:none; padding:8px 12px; color:var(--sbc-muted); cursor:pointer; }
.sbc-tabs .sbc-tabs-nav button.active{ color:#fff; border-bottom:2px solid #fff; }
.sbc-masonry .sbc-card,.sbc-grid .sbc-card,.sbc-list .sbc-card,.sbc-spotlight-lead .sbc-card,.sbc-spotlight-list .sbc-card{
  background:transparent; color:var(--sbc-fg); border:1px solid var(--sbc-border); padding:8px;
}
.sbc-empty{ color:var(--sbc-muted); }
.sbc-carousel-track::-webkit-scrollbar{ display:none; }
.sbc-carousel-track{ -ms-overflow-style:none; scrollbar-width:none; }
.sbc-filter-nav{ margin-bottom:var(--sbc-gap); }
.sbc-filter-pill{ background:rgba(255,255,255,.1); color:var(--sbc-fg); border:none; padding:6px 10px; margin-right:8px; cursor:pointer; }
.sbc-filter-pill.active{ background:#fff; color:#000; }
.sbc-breaking{ background:#900; color:#fff; overflow:hidden; }
.sbc-breaking-label{ background:#c00; padding:4px 8px; margin-right:8px; }
.sbc-breaking-track{ display:inline-block; white-space:nowrap; animation: sbc-breaking-scroll 20s linear infinite; }
@keyframes sbc-breaking-scroll{ from{ transform:translateX(100%); } to{ transform:translateX(-100%); } }
.sbc-coverflow-inner{ display:flex; gap:var(--sbc-gap); transform-style:preserve-3d; }
.sbc-coverflow-item{ flex:0 0 200px; transform-origin:center; transition:transform .3s; }
.sbc-video-playlist{ display:flex; gap:var(--sbc-gap); }
.sbc-video-player{ flex:2; }
.sbc-video-list{ flex:1; list-style:none; padding:0; margin:0; overflow-y:auto; max-height:300px; }
.sbc-video-list li{ padding:4px; cursor:pointer; }
.sbc-video-list li.active{ background:rgba(255,255,255,.2); }

/* Responsive adjustments for mobile and tablet */
@media (max-width: 768px) {
  /* Force grid widgets to single column on narrow screens */
  .sbc-grid { grid-template-columns: 1fr !important; }
  /* Magazine layout stacks into a single column */
  .sbc-magazine { grid-template-columns: 1fr !important; grid-template-areas: 'lead' 'medium' 'medium' 'small' 'small' 'small' 'small' !important; }
  /* Masonry reduces to one column */
  .sbc-masonry { column-count: 1 !important; }
  /* Filterable grid uses two columns on tablet */
  .sbc-filter-grid { grid-template-columns: repeat(2, 1fr) !important; }
  /* Coverflow items stack vertically */
  .sbc-coverflow-inner { flex-direction: column; align-items: center; }
  /* Video playlist stacks player and list vertically */
  .sbc-video-playlist { flex-direction: column; }
  .sbc-video-player { flex: none; width: 100%; }
  .sbc-video-list { flex: none; width: 100%; max-height: none; margin-top: var(--sbc-gap); }
}
@media (max-width: 480px) {
  /* Filterable grid switches to single column on very narrow screens */
  .sbc-filter-grid { grid-template-columns: 1fr !important; }
}