/*
Theme Name: Diajem Sports Network
Theme URI: https://diajemsportsnetwork.com
Author: Diajem Global Ltd
Description: Purpose-built football newsroom theme for Diajem Sports Network.
Version: 1.4.3
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: diajem-sports-network
*/

:root{--dsn-red:#ed142f;--dsn-red-bright:#ff1e2d;--dsn-black:#090b0f;--dsn-ink:#151820;--dsn-grey:#69707d;--dsn-line:#e5e7eb;--dsn-paper:#f5f6f8;--dsn-white:#fff;--dsn-max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dsn-paper);color:var(--dsn-ink);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--dsn-red-bright);outline-offset:3px}img{max-width:100%;height:auto}.dsn-wrap{width:min(calc(100% - 32px),var(--dsn-max));margin:auto}.dsn-top{background:#05070a;color:#fff;border-bottom:4px solid var(--dsn-red)}.dsn-masthead{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:28px}.dsn-brand{display:flex;align-items:center;gap:18px}.dsn-brand img{width:112px;max-height:104px;object-fit:contain}.dsn-brand-copy strong{display:block;font-size:clamp(1.25rem,2.2vw,2.1rem);letter-spacing:.04em}.dsn-brand-copy span{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.22em}.dsn-header-tools{display:flex;align-items:center;gap:14px}.dsn-header-tools .search-form{display:flex}.dsn-header-tools .search-field{width:190px;padding:10px;border:0}.dsn-header-tools .search-submit{background:var(--dsn-red);color:#fff;border:0;padding:10px 13px;font-weight:800}.dsn-header-ad{margin:0;min-width:250px;background:#101319;color:#aeb4bf;border-color:#3a404a}.dsn-nav{background:#11141a;color:#fff}.dsn-nav .dsn-wrap{display:flex;align-items:center;gap:22px;min-height:48px;overflow-x:auto}.dsn-nav a{white-space:nowrap;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dsn-nav a:hover{color:var(--dsn-red-bright)}.dsn-breaking{background:var(--dsn-red);color:#fff}.dsn-breaking .dsn-wrap{display:flex;align-items:center;gap:16px;min-height:40px}.dsn-breaking strong{background:#05070a;padding:5px 10px;font-size:.72rem;letter-spacing:.12em}.dsn-ad{border:1px dashed #b8bdc7;background:#fff;color:#777;text-align:center;padding:18px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin:24px auto}.dsn-main{padding:28px 0 54px}.dsn-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:28px}.dsn-hero{position:relative;min-height:470px;background:#111;color:#fff;overflow:hidden}.dsn-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.dsn-hero:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.96))}.dsn-hero-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.dsn-kicker{display:inline-block;background:var(--dsn-red);color:#fff;padding:5px 9px;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.dsn-hero h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.03;margin:12px 0}.dsn-hero-meta{font-size:.76rem;color:#d9dce2}.dsn-panel,.dsn-card,.dsn-article{background:#fff;border:1px solid var(--dsn-line)}.dsn-panel h2,.dsn-section-title{margin:0;padding:14px 18px;border-top:4px solid var(--dsn-red);border-bottom:1px solid var(--dsn-line);font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.dsn-list{list-style:none;margin:0;padding:0}.dsn-list li{padding:13px 18px;border-bottom:1px solid var(--dsn-line)}.dsn-list-kicker{display:block;color:var(--dsn-red);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.dsn-list time,.dsn-meta{display:block;color:var(--dsn-grey);font-size:.76rem;margin-top:4px}.dsn-section,.dsn-related{margin-top:34px}.dsn-section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--dsn-ink);margin-bottom:18px}.dsn-section-head h2{margin:0;background:var(--dsn-ink);color:#fff;padding:10px 16px;font-size:1rem;text-transform:uppercase}.dsn-section-head a{color:var(--dsn-red);font-weight:800;font-size:.8rem}.dsn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dsn-card{transition:transform .2s,box-shadow .2s}.dsn-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.dsn-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.dsn-card-image{display:block;background:#090b0f}.dsn-card-body{padding:16px}.dsn-card h3{margin:8px 0;font-size:1.15rem;line-height:1.25}.dsn-card p{font-size:.9rem;color:#4d5562}.dsn-placeholder{opacity:.72}.dsn-archive-head{background:#0b0e13;color:#fff;padding:32px;margin-bottom:22px;border-left:6px solid var(--dsn-red)}.dsn-archive-head span{color:var(--dsn-red-bright);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.dsn-archive-head h1{margin:.2em 0 0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.dsn-feed{display:grid;gap:18px}.dsn-feed-card{display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:22px;background:#fff;border:1px solid var(--dsn-line);padding:16px}.dsn-feed-image img{width:100%;height:100%;min-height:210px;object-fit:cover}.dsn-feed-card h2{font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.1;margin:10px 0}.dsn-article{padding:clamp(22px,4vw,54px)}.dsn-article h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02;margin:.25em 0}.dsn-deck{max-width:850px;font-size:1.2rem;color:#4b5360}.dsn-badges{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.dsn-badge{border:1px solid var(--dsn-line);background:#f5f6f8;padding:6px 9px;font-size:.72rem}.dsn-featured{margin:26px 0}.dsn-featured img{width:100%;max-height:720px;object-fit:cover}.dsn-featured figcaption{font-size:.78rem;color:var(--dsn-grey);margin-top:5px}.dsn-article-layout{display:grid;grid-template-columns:minmax(0,780px) 150px;gap:40px}.dsn-content{font-family:Georgia,serif;font-size:1.08rem;max-width:780px}.dsn-content p{margin:1.25em 0}.dsn-share{display:flex;flex-direction:column;gap:8px;position:sticky;top:24px;align-self:start}.dsn-share a{border:1px solid var(--dsn-line);padding:8px;font-size:.75rem;font-weight:800}.dsn-tags{border-top:1px solid var(--dsn-line);padding-top:18px;margin-top:30px;font-family:Inter,Arial,sans-serif;font-size:.8rem}.dsn-pagination{margin-top:28px}.dsn-pagination .page-numbers{display:inline-block;background:#fff;border:1px solid var(--dsn-line);padding:8px 12px}.dsn-pagination .current{background:var(--dsn-red);color:#fff}.dsn-empty{background:#fff;padding:36px;border:1px solid var(--dsn-line)}.dsn-scorebar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dsn-score{background:#0c0f14;color:#fff;padding:16px;border-left:4px solid var(--dsn-red)}.dsn-score small{color:#aeb4bf}.dsn-footer{background:#080a0e;color:#c9cdd5;border-top:5px solid var(--dsn-red);padding:42px 0 24px}.dsn-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.dsn-footer h3{color:#fff}.dsn-footer a{display:block;margin:7px 0}.dsn-footnote{border-top:1px solid #30343b;margin-top:30px;padding-top:18px;font-size:.76rem}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:1050px){.dsn-header-ad{display:none}}@media(max-width:900px){.dsn-masthead{min-height:90px}.dsn-brand img{width:84px}.dsn-brand-copy span{display:none}.dsn-grid{grid-template-columns:1fr}.dsn-cards{grid-template-columns:repeat(2,1fr)}.dsn-footer-grid{grid-template-columns:1fr 1fr}.dsn-hero{min-height:400px}.dsn-article-layout{grid-template-columns:1fr}.dsn-share{position:static;flex-direction:row;flex-wrap:wrap}}@media(max-width:700px){.dsn-header-tools{display:none}.dsn-feed-card{grid-template-columns:1fr}.dsn-feed-image img{min-height:0;aspect-ratio:16/9}.dsn-feed-card h2{font-size:1.45rem}}@media(max-width:600px){.dsn-wrap{width:min(calc(100% - 22px),var(--dsn-max))}.dsn-brand-copy strong{font-size:1.05rem}.dsn-hero{min-height:380px}.dsn-hero-copy{left:18px;right:18px}.dsn-hero-copy p{display:none}.dsn-cards,.dsn-scorebar{grid-template-columns:1fr}.dsn-footer-grid{grid-template-columns:1fr}.dsn-ad{margin:16px auto}.dsn-article{padding:20px}.dsn-article h1{font-size:2.2rem}}

/* DSN homepage: top-stories strip under the hero (added 2026-10-02) */
.dsn-lead-grid{align-items:start}
.dsn-top-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.dsn-top-card{background:#fff;border:1px solid var(--dsn-line,#e5e7eb);display:flex;flex-direction:column;min-width:0}
.dsn-top-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--dsn-black,#090b0f)}
.dsn-top-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.dsn-top-card:hover .dsn-top-img img{transform:scale(1.04)}
.dsn-top-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.dsn-top-card h3{font-size:1rem;line-height:1.3;margin:2px 0 8px;font-weight:800}
.dsn-top-card h3 a{color:var(--dsn-ink,#151820);text-decoration:none}
.dsn-top-card h3 a:hover{color:var(--dsn-red,#ed142f)}
.dsn-top-card time{margin-top:auto;color:var(--dsn-grey,#69707d);font-size:.76rem}
.dsn-latest .dsn-list li.dsn-has-thumb{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
.dsn-list-thumb{display:block;width:76px;height:76px;overflow:hidden;background:var(--dsn-black,#090b0f)}
.dsn-list-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.dsn-top-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dsn-top-strip{grid-template-columns:1fr}}

/* DSN homepage: hero text below image, no overlap with graphic text (added 2026-10-02) */
.dsn-hero{min-height:0!important;display:flex;flex-direction:column;background:var(--dsn-black,#090b0f)}
.dsn-hero img{position:static!important;inset:auto!important;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover;opacity:1!important;display:block}
.dsn-hero:after{display:none!important}
.dsn-hero-copy{position:static!important;padding:20px 26px 24px}
.dsn-hero h1{font-size:clamp(1.5rem,2.6vw,2.3rem)!important;line-height:1.12!important;margin:10px 0!important}
.dsn-hero h1 a{color:#fff;text-decoration:none}
.dsn-hero-copy p{display:block!important;color:#d9dce2;margin:0 0 10px}
@media(max-width:600px){.dsn-hero-copy{padding:16px 16px 18px}.dsn-hero-copy p{display:none!important}}

/* DSN TV: YouTube feed on homepage (added 2026-10-03) */
.dsn-yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;align-items:start}
.dsn-yt-item{margin:0;background:#fff;border:1px solid var(--dsn-line,#e5e7eb)}
.dsn-yt-frame{position:relative;aspect-ratio:16/9;background:var(--dsn-black,#090b0f)}
.dsn-yt-item.is-short .dsn-yt-frame{aspect-ratio:9/16}
.dsn-yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dsn-yt-item figcaption{padding:10px 12px 12px;font-weight:800;font-size:.92rem;line-height:1.3;color:var(--dsn-ink,#151820)}
.dsn-yt-cta{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:260px;padding:24px;background:var(--dsn-black,#090b0f);color:#fff;text-decoration:none;border-top:4px solid var(--dsn-red,#ed142f)}
.dsn-yt-cta strong{font-size:1.15rem;line-height:1.2}
.dsn-yt-cta span{color:#c9ccd3;font-size:.86rem}
.dsn-yt-cta .dsn-yt-play{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--dsn-red,#ed142f);color:#fff;font-size:1.1rem}
.dsn-yt-cta:hover{background:#151820}
.dsn-yt-cta-wide{min-height:0;flex-direction:row;align-items:center;flex-wrap:wrap}
@media(max-width:600px){.dsn-yt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}