/*
Theme: sports-news (wcguidehub.com, 2026wordcupgood.com)
Layout: News masonry with sidebar
Grid: Masonry card grid
Font: Inter
*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#eceff1;color:#263238;line-height:1.7}

/* Header: News ticker + nav */
.header-news{position:sticky;top:0;z-index:100}
.news-ticker-bar{background:#ff5722;color:#fff;padding:6px 0;font-size:.78rem;overflow:hidden;white-space:nowrap}
.ticker-label{display:inline-block;background:#d84315;padding:2px 12px;font-weight:700;font-size:.7rem;letter-spacing:1px;margin-right:12px}
.ticker-scroll{display:inline-block;animation:ticker-scroll 20s linear infinite}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-scroll span{padding-right:50px}
.news-header-main{background:linear-gradient(135deg,#263238,#37474f,#455a64);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1200px;margin:0 auto}
.news-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}
.news-icon{font-size:1.3rem}
.news-name{font-size:1.1rem;font-weight:800;letter-spacing:-.5px}
.nav-news-inline{display:flex;gap:20px}
.nav-news-inline a{color:rgba(255,255,255,.7);font-size:.85rem;font-weight:500;padding:4px 0;transition:all .2s;text-decoration:none}
.nav-news-inline a:hover{color:#ff5722}
.news-toolbar{display:flex;align-items:center;gap:10px}
.news-search-btn{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.1rem;cursor:pointer}
.news-subscribe-btn{background:#ff5722;color:#fff;padding:6px 16px;border-radius:4px;font-weight:700;font-size:.78rem;text-decoration:none}
.news-subscribe-btn:hover{background:#e64a19}

/* Hero: News ticker hero */
.hero-sports-news{background:linear-gradient(135deg,#455a64,#78909c,#b0bec5);padding:0}
.hero-news-ticker{max-width:1200px;margin:0 auto}
.hero-breaking-bar{background:#ff5722;color:#fff;padding:8px 24px;display:flex;align-items:center;gap:12px}
.breaking-label{font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:2px;background:rgba(0,0,0,.2);padding:4px 10px;border-radius:2px}
.breaking-text{font-size:.85rem;font-weight:500}
.hero-news-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px 24px}
.hero-news-left .hero-title{font-size:1.8rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.hero-news-left .hero-subtitle{font-size:.9rem;color:rgba(255,255,255,.8)}
.hero-news-right{display:flex;flex-direction:column;gap:10px}
.hero-news-card{background:rgba(255,255,255,.12);border-radius:6px;padding:14px;backdrop-filter:blur(4px);cursor:pointer;transition:all .2s}
.hero-news-card:hover{background:rgba(255,255,255,.2)}
.hnc-category{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.5);margin-bottom:4px;display:block}
.hero-news-card h3{font-size:.85rem;color:#fff;margin:4px 0;font-weight:600}
.hnc-time{font-size:.72rem;color:rgba(255,255,255,.4)}
.hero-news-actions{padding:16px 24px 30px;display:flex;gap:12px}
.hero-btn{padding:10px 24px;border-radius:4px;font-weight:600;font-size:.82rem;text-decoration:none;display:inline-block}
.hero-btn-primary{background:#ff5722;color:#fff}
.hero-btn-secondary{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3)}

/* News masonry layout */
.news-content-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;max-width:1200px;margin:0 auto;padding:30px 24px}

/* Cards: Masonry news cards */
.cards-grid-masonry{column-count:2;column-gap:16px;margin-top:16px}
.news-card{background:#fff;border-radius:6px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);break-inside:avoid;transition:box-shadow .2s}
.news-card:hover{box-shadow:0 3px 12px rgba(0,0,0,.12)}
.news-card.wide{column-span:all}
.news-cat{display:inline-block;background:#ff5722;color:#fff;padding:2px 8px;border-radius:2px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.news-card h3{font-size:1rem;font-weight:700;color:#263238;margin-bottom:8px;line-height:1.4}
.news-excerpt{font-size:.82rem;color:#78909c;margin-bottom:10px;line-height:1.5}
.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}
.news-date{color:#90a4ae}
.news-read{color:#ff5722;font-weight:600}
.cards-cta{text-align:center;margin-top:16px;column-span:all}
.cards-btn{display:inline-block;background:#37474f;color:#fff;padding:10px 24px;border-radius:4px;font-weight:600;font-size:.85rem;text-decoration:none}

/* Schedule bar */
.schedule-bar-inner{background:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-top:24px}
.schedule-bar-inner h3{font-size:1rem;font-weight:700;color:#37474f;margin-bottom:12px}
.schedule-mini-list{display:flex;flex-direction:column;gap:8px}
.schedule-mini-item{display:grid;grid-template-columns:90px 1fr 80px;gap:12px;padding:8px 0;border-bottom:1px solid #eceff1;font-size:.82rem;align-items:center}
.sm-time{color:#37474f;font-weight:600;font-size:.78rem}
.sm-teams{color:#263238}
.sm-venue{color:#90a4ae;font-size:.75rem;text-align:right}

/* Sidebar widgets */
.news-sidebar-col .sidebar-widget{background:#fff;border-radius:6px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sidebar-widget h3{font-size:.9rem;font-weight:700;color:#37474f;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #ff5722}
.trending-widget ul{list-style:none}
.trending-widget li{margin:10px 0;padding-left:16px;position:relative}
.trending-widget li::before{content:'🔥';position:absolute;left:0;font-size:.7rem}
.trending-widget a{color:#37474f;font-size:.85rem;text-decoration:none;font-weight:500}
.trending-widget a:hover{color:#ff5722}
.subscribe-widget p{font-size:.82rem;color:#78909c;margin-bottom:10px}
.sidebar-email{width:100%;padding:8px 12px;border:2px solid #eceff1;border-radius:4px;font-size:.82rem;margin-bottom:8px;outline:none}
.sidebar-sub-btn{width:100%;background:#ff5722;color:#fff;border:none;padding:8px;border-radius:4px;font-weight:600;cursor:pointer;font-size:.82rem}

/* Footer */
.footer-news-wide{background:linear-gradient(135deg,#263238,#37474f);padding:40px 0;color:rgba(255,255,255,.7)}
.news-footer-top{display:grid;grid-template-columns:2fr 3fr;gap:30px;max-width:1200px;margin:0 auto;padding:0 24px}
.news-footer-logo{display:block;font-size:1.1rem;font-weight:800;color:#ff5722;margin-bottom:8px}
.news-footer-tagline{font-size:.82rem;line-height:1.5}
.news-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-footer-col h5{font-size:.82rem;font-weight:700;color:#ff5722;margin-bottom:10px}
.news-footer-col a{display:block;color:rgba(255,255,255,.6);margin:5px 0;font-size:.78rem}
.news-footer-newsletter{max-width:1200px;margin:20px auto 0;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}
.news-footer-newsletter p{font-size:.82rem}
.newsletter-form{display:flex;gap:6px}
.nl-input{padding:8px 14px;border-radius:4px;border:none;font-size:.8rem;width:220px}
.nl-btn{background:#ff5722;color:#fff;border:none;padding:8px 18px;border-radius:4px;font-weight:700;cursor:pointer}
.news-footer-legal{text-align:center;font-size:.75rem;max-width:1200px;margin:14px auto 0;padding:0 24px;line-height:1.6}

@media(max-width:768px){
  .news-header-main{flex-direction:column;gap:10px;padding:12px}
  .nav-news-inline{flex-wrap:wrap;justify-content:center;gap:12px}
  .hero-news-content{grid-template-columns:1fr;padding:24px}
  .news-content-layout{grid-template-columns:1fr}
  .cards-grid-masonry{column-count:1}
  .news-footer-top{grid-template-columns:1fr}
  .news-footer-cols{grid-template-columns:1fr}
}