/*
 * S8SPORT.NET News Pro v4.16.0 — UI consolidation layer
 * Loaded after frontend.min.css so upgrades remain reversible and update-safe.
 */
:root{
  --s8-ui-bg:#f5f8f7;
  --s8-ui-card:#fff;
  --s8-ui-text:#12211c;
  --s8-ui-muted:#65736d;
  --s8-ui-line:#dfe9e5;
  --s8-ui-brand:#0f9f68;
  --s8-ui-brand-dark:#08734d;
  --s8-ui-radius:18px;
  --s8-ui-shadow:0 14px 38px rgba(14,55,42,.08);
  --s8-ui-header-h:68px;
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--s8-ui-header-h) + 18px)}
body.s8sport-ui-v416{background:var(--s8-ui-bg);color:var(--s8-ui-text);overflow-x:hidden}
body.s8sport-ui-v416 *{box-sizing:border-box}
body.s8sport-ui-v416 .container{width:min(1320px,calc(100% - 40px));margin-inline:auto}
body.s8sport-ui-v416 .site-main{min-height:55vh}

/* Header: cleaner desktop hierarchy */
body.s8sport-ui-v416 .site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(17,58,44,.08);background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(18,54,43,.045);backdrop-filter:saturate(140%) blur(15px)}
body.s8sport-ui-v416 .header-row{min-height:var(--s8-ui-header-h);gap:18px}
body.s8sport-ui-v416 .brand{min-width:0}
body.s8sport-ui-v416 .builder-logo,body.s8sport-ui-v416 .custom-logo{max-height:42px;width:auto;object-fit:contain}
body.s8sport-ui-v416 .main-nav{min-width:0;flex:1}
body.s8sport-ui-v416 .main-nav>ul{gap:4px;justify-content:center}
body.s8sport-ui-v416 .main-nav a{border-radius:10px;padding:10px 11px;font-size:13px;font-weight:700;white-space:nowrap;transition:.18s ease}
body.s8sport-ui-v416 .main-nav a:hover,body.s8sport-ui-v416 .main-nav .current-menu-item>a{background:#edf8f3;color:var(--s8-ui-brand-dark)}
body.s8sport-ui-v416 .header-actions{gap:8px}
body.s8sport-ui-v416 .search-box-button,body.s8sport-ui-v416 .follow-button,body.s8sport-ui-v416 .s8-member-header-button{min-height:42px;border-radius:12px}

/* Ticker becomes compact, not a second visual header. */
body.s8sport-ui-v416 .ticker{border-bottom:1px solid rgba(17,58,44,.07);background:#fff}
body.s8sport-ui-v416 .ticker-row{min-height:38px}
body.s8sport-ui-v416 .ticker-label{border-radius:8px;font-size:11px;letter-spacing:.025em}

/* Homepage / archive cards */
body.s8sport-ui-v416 .featured-hero,
body.s8sport-ui-v416 .panel,
body.s8sport-ui-v416 .latest-card,
body.s8sport-ui-v416 .home-module,
body.s8sport-ui-v416 .extra-category-card,
body.s8sport-ui-v416 .football-tab-card,
body.s8sport-ui-v416 .news-card,
body.s8sport-ui-v416 .entry-card,
body.s8sport-ui-v416 .widget{
  border:1px solid var(--s8-ui-line);
  border-radius:var(--s8-ui-radius);
  box-shadow:var(--s8-ui-shadow);
}
body.s8sport-ui-v416 .latest-card,body.s8sport-ui-v416 .home-module,body.s8sport-ui-v416 .extra-category-card,body.s8sport-ui-v416 .football-tab-card{overflow:hidden;background:var(--s8-ui-card)}
body.s8sport-ui-v416 .latest-thumb img,body.s8sport-ui-v416 .featured-image img,body.s8sport-ui-v416 .extra-category-image img{transition:transform .28s ease}
@media(hover:hover){body.s8sport-ui-v416 .latest-card:hover img,body.s8sport-ui-v416 .extra-category-card:hover img{transform:scale(1.025)}}
body.s8sport-ui-v416 .section-head{gap:12px;margin-bottom:15px}
body.s8sport-ui-v416 .section-title{letter-spacing:-.018em}
body.s8sport-ui-v416 .section-link{border:1px solid #d9e8e2;border-radius:999px;padding:7px 11px;background:#fff;color:var(--s8-ui-brand-dark);font-size:12px;font-weight:700}

/* Prevent embedded/live modules from leaking outside content. */
body.s8sport-live-integrated .s8sport-live-slot,
body.s8sport-live-integrated .archive-live-matches-widget,
body.s8sport-live-integrated .single-live-matches-widget{min-width:0;max-width:100%;overflow:hidden;border-radius:var(--s8-ui-radius)}
body.s8sport-live-integrated .s8lf-live-now-shortcode{margin:0}

/* Mobile: one clean viewport, horizontal quick tabs, no accidental page lock. */
@media(max-width:900px){
  :root{--s8-ui-header-h:58px}
  html{scroll-padding-top:74px}
  body.s8sport-ui-v416{overflow-y:auto!important;overscroll-behavior-y:auto}
  body.s8sport-ui-v416 .container{width:min(100% - 24px,760px)}
  body.s8sport-ui-v416 .site-header{position:sticky;top:0}
  body.s8sport-ui-v416 .header-row{min-height:58px;padding-block:6px;gap:8px}
  body.s8sport-ui-v416 .brand{flex:1;justify-content:center}
  body.s8sport-ui-v416 .builder-logo,body.s8sport-ui-v416 .custom-logo{max-height:34px;max-width:150px}
  body.s8sport-ui-v416 .mobile-actionbar{gap:6px}
  body.s8sport-ui-v416 .mobile-result-button{min-height:36px;border-radius:10px;padding:0 10px;font-size:11px}
  body.s8sport-ui-v416 .mobile-category-tabs{position:relative;z-index:20;border-bottom:1px solid var(--s8-ui-line);background:#fff}
  body.s8sport-ui-v416 .mobile-category-tabs .container{display:flex;width:100%;max-width:none;gap:7px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}
  body.s8sport-ui-v416 .mobile-category-tabs .container::-webkit-scrollbar{display:none}
  body.s8sport-ui-v416 .mobile-category-tabs a{flex:0 0 auto;border:1px solid #dceae4;border-radius:999px;padding:7px 11px;background:#fff;font-size:11px;font-weight:700}
  body.s8sport-ui-v416 .ticker{display:none}
  body.s8sport-ui-v416 .site-main>.container{padding-top:12px}
  body.s8sport-ui-v416 .news-dashboard-grid,body.s8sport-ui-v416 .dashboard-widgets,body.s8sport-ui-v416 .home-modules-grid{gap:12px}
  body.s8sport-ui-v416 .featured-hero,body.s8sport-ui-v416 .panel,body.s8sport-ui-v416 .latest-card,body.s8sport-ui-v416 .home-module,body.s8sport-ui-v416 .extra-category-card,body.s8sport-ui-v416 .football-tab-card,body.s8sport-ui-v416 .news-card,body.s8sport-ui-v416 .entry-card,body.s8sport-ui-v416 .widget{border-radius:15px;box-shadow:0 8px 24px rgba(14,55,42,.065)}
  body.s8sport-ui-v416 .latest-grid{gap:10px}
  body.s8sport-ui-v416 .latest-body{padding:11px 12px}
  body.s8sport-ui-v416 .featured-title{font-size:clamp(22px,7vw,30px);line-height:1.12}
  body.s8sport-ui-v416 .featured-excerpt{display:none}
}
@media(max-width:560px){
  body.s8sport-ui-v416 .container{width:calc(100% - 20px)}
  body.s8sport-ui-v416 .mobile-result-button{padding:0 8px}
  body.s8sport-ui-v416 .latest-grid{grid-template-columns:1fr 1fr!important}
  body.s8sport-ui-v416 .latest-card .latest-body{padding:9px}
  body.s8sport-ui-v416 .latest-card h2,body.s8sport-ui-v416 .latest-card h3{font-size:13px;line-height:1.35}
  body.s8sport-ui-v416 .latest-card .meta{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.s8sport-ui-v416 *{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}