/*
Theme Name: DOOSOD789 Red
Theme URI: https://doosod789.com/
Author: DOOSOD789
Description: ธีมเว็บไซต์กีฬาและความบันเทิงออนไลน์ โทนดำ–แดง ออกแบบเฉพาะสำหรับ DOOSOD789
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: doosod789-red
*/

:root{
  --ko-bg:#070707;
  --ko-panel:#12090b;
  --ko-panel-2:#1b0b0f;
  --ko-gold:#ef233c;
  --ko-gold-light:#ffb3bd;
  --ko-gold-dark:#8b0d1b;
  --ko-text:#fff5f6;
  --ko-muted:#ad989b;
  --ko-line:rgba(239,35,60,.28);
  --ko-shadow:0 20px 55px rgba(0,0,0,.42);
  --ko-radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ko-bg);color:var(--ko-text);font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;line-height:1.65}
body.admin-bar .ko-header{top:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.ko-shell{width:min(1180px,calc(100% - 34px));margin-inline:auto}
.ko-topbar{border-bottom:1px solid var(--ko-line);background:#030303;color:#cbbfc1;font-size:12px}
.ko-topbar__inner{display:flex;justify-content:space-between;gap:18px;padding:8px 0}
.ko-topbar strong{color:var(--ko-gold-light)}
.ko-header{position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(239,35,60,.35);background:rgba(7,7,7,.92);backdrop-filter:blur(14px)}
.ko-header__inner{display:flex;align-items:center;gap:28px;min-height:82px}
.ko-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.ko-brand__mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ff5b70;border-radius:14px;background:linear-gradient(145deg,#ff435c,#8b0718);color:#fff;font-size:22px;box-shadow:0 0 28px rgba(239,35,60,.22)}
.ko-brand__name{display:block;font-size:24px;font-weight:900;font-style:italic;letter-spacing:-.8px;color:#fff}
.ko-brand__name em{color:var(--ko-gold);font-style:normal}
.ko-brand__tag{display:block;margin-top:-5px;color:#a99598;font-size:9px;letter-spacing:.11em}
.ko-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:24px;font-size:14px;font-weight:700}
.ko-nav a{position:relative;color:#e9e2d2;transition:.2s ease}
.ko-nav a:after{position:absolute;right:0;bottom:-9px;left:0;height:2px;background:var(--ko-gold);content:"";transform:scaleX(0);transition:.2s ease}
.ko-nav a:hover,.ko-nav a:focus{color:var(--ko-gold-light)}
.ko-nav a:hover:after,.ko-nav a:focus:after{transform:scaleX(1)}
.ko-actions{display:flex;gap:10px;flex:0 0 auto}
.ko-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 19px;border:1px solid var(--ko-gold);border-radius:11px;color:var(--ko-gold-light);font-size:13px;font-weight:800;transition:.2s ease}
.ko-btn:hover{transform:translateY(-2px);background:rgba(239,35,60,.1)}
.ko-btn--gold{border-color:#ff5b70;background:linear-gradient(135deg,#ff435c,#d90429 58%,#780312);color:#fff;box-shadow:0 8px 24px rgba(239,35,60,.2)}
.ko-menu-toggle{display:none;border:1px solid var(--ko-line);border-radius:10px;background:#14120d;color:var(--ko-gold-light);font-size:22px}
.ko-hero{position:relative;min-height:650px;overflow:hidden;border-bottom:1px solid var(--ko-line);background:#050505 url("assets/doosod-hero.webp") center/cover no-repeat}
.ko-hero:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.98) 0%,rgba(2,2,2,.89) 31%,rgba(2,2,2,.15) 72%,rgba(2,2,2,.34) 100%);content:""}
.ko-hero__inner{position:relative;z-index:2;display:flex;align-items:center;min-height:650px}
.ko-hero__copy{width:min(620px,58%);padding:74px 0}
.ko-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--ko-gold-light);font-size:13px;font-weight:800;letter-spacing:.08em}
.ko-kicker:before{width:34px;height:2px;background:var(--ko-gold);content:""}
.ko-hero h1{margin:0 0 18px;font-size:clamp(46px,6vw,84px);line-height:1.05;letter-spacing:-2px}
.ko-hero h1 span{display:block;color:var(--ko-gold);text-shadow:0 4px 34px rgba(239,35,60,.2)}
.ko-hero p{max-width:575px;margin:0 0 29px;color:#c7bdab;font-size:18px}
.ko-hero__buttons{display:flex;flex-wrap:wrap;gap:12px}
.ko-hero__trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#d7ccb9;font-size:12px}
.ko-hero__trust span:before{margin-right:7px;color:var(--ko-gold);content:"◆"}
.ko-section{padding:70px 0}
.ko-section--tight{padding:42px 0}
.ko-section--panel{background:linear-gradient(180deg,#0b0a08,#070707)}
.ko-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.ko-section__head h2{margin:0;font-size:30px;line-height:1.2}
.ko-section__head h2 span{color:var(--ko-gold)}
.ko-section__head p{max-width:620px;margin:7px 0 0;color:var(--ko-muted);font-size:14px}
.ko-more{color:var(--ko-gold-light);font-size:13px;font-weight:800}
.ko-stats{position:relative;z-index:4;margin-top:-40px}
.ko-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--ko-line);border-radius:16px;background:rgba(13,12,9,.96);box-shadow:var(--ko-shadow)}
.ko-stat{display:flex;align-items:center;gap:12px;padding:22px 24px;border-right:1px solid var(--ko-line)}
.ko-stat:last-child{border-right:0}
.ko-stat__icon{font-size:28px;color:var(--ko-gold)}
.ko-stat strong{display:block;font-size:14px}.ko-stat small{color:var(--ko-muted)}
.ko-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ko-category{position:relative;min-height:210px;overflow:hidden;border:1px solid var(--ko-line);border-radius:var(--ko-radius);background:radial-gradient(circle at 70% 20%,rgba(239,35,60,.2),transparent 36%),linear-gradient(145deg,#19160f,#090909);padding:22px 18px;transition:.25s ease}
.ko-category:before{position:absolute;right:-24px;bottom:-48px;width:140px;height:140px;border:22px solid rgba(239,35,60,.06);border-radius:50%;content:""}
.ko-category:hover{transform:translateY(-5px);border-color:rgba(255,220,128,.65);box-shadow:0 16px 36px rgba(0,0,0,.35)}
.ko-category__icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:38px;border:1px solid var(--ko-line);border-radius:17px;background:#0b0a08;color:var(--ko-gold-light);font-size:30px}
.ko-category h3{margin:0 0 3px;font-size:17px}.ko-category p{margin:0;color:var(--ko-muted);font-size:12px}
.ko-category__link{display:inline-block;margin-top:13px;color:var(--ko-gold);font-size:12px;font-weight:800}
.ko-promo-wide{position:relative;overflow:hidden;border:1px solid rgba(245,203,98,.5);border-radius:20px;background:radial-gradient(circle at 72% 45%,rgba(255,218,116,.32),transparent 26%),linear-gradient(110deg,#111 0%,#31230b 52%,#0c0b08 100%);padding:35px 42px;box-shadow:var(--ko-shadow)}
.ko-promo-wide:after{position:absolute;right:4%;bottom:-80px;width:310px;height:310px;border:45px solid rgba(255,224,135,.08);border-radius:50%;content:""}
.ko-promo-wide__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}
.ko-promo-wide h2{margin:0;color:#fff;font-size:34px}.ko-promo-wide h2 strong{color:var(--ko-gold-light)}
.ko-promo-wide p{margin:4px 0 0;color:#cfc4ae}
.ko-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);gap:22px}
.ko-card{overflow:hidden;border:1px solid var(--ko-line);border-radius:var(--ko-radius);background:var(--ko-panel)}
.ko-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ko-news-card{display:grid;grid-template-columns:116px 1fr;min-height:126px;overflow:hidden;border:1px solid var(--ko-line);border-radius:14px;background:linear-gradient(145deg,#17140e,#0b0b0b);transition:.2s ease}
.ko-news-card:hover{border-color:rgba(255,220,128,.65);transform:translateY(-2px)}
.ko-news-card__visual{position:relative;background:radial-gradient(circle at 40% 35%,rgba(255,212,92,.42),transparent 32%),linear-gradient(135deg,#302208,#080808)}
.ko-news-card__visual:after{position:absolute;inset:0;display:grid;place-items:center;color:var(--ko-gold-light);font-size:34px;content:attr(data-icon)}
.ko-news-card__body{padding:15px}.ko-news-card__meta{color:var(--ko-gold);font-size:10px;font-weight:800}.ko-news-card h3{margin:5px 0 5px;font-size:14px;line-height:1.5}.ko-news-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ko-muted);font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ko-casino-content{background:radial-gradient(circle at 80% 0,rgba(239,35,60,.08),transparent 32%),#090909}.ko-editorial-banner{overflow:hidden;margin:0 0 34px;border:1px solid var(--ko-line);border-radius:var(--ko-radius);background:#090807;box-shadow:var(--ko-shadow)}.ko-editorial-banner img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.ko-editorial-banner figcaption{padding:10px 16px;border-top:1px solid var(--ko-line);color:var(--ko-muted);font-size:12px;text-align:center}.ko-longcopy{columns:2;column-gap:50px;max-width:1100px;margin:0 auto}.ko-longcopy h3{break-after:avoid;margin:0 0 10px;color:var(--ko-gold-light);font-size:21px;line-height:1.45}.ko-longcopy p{break-inside:avoid;margin:0 0 26px;color:#d0c8ba;font-size:15px;line-height:1.9}.ko-longcopy strong{color:#fff}
.ko-schedule{height:100%;padding:22px}
.ko-schedule h2{margin:0 0 15px;font-size:21px}.ko-sport-tabs{display:flex;gap:6px;margin-bottom:12px}.ko-sport-tabs span{padding:6px 10px;border-radius:8px;background:#211b0d;color:#c7bda7;font-size:11px}.ko-sport-tabs span:first-child{background:var(--ko-gold);color:#171005;font-weight:800}
.ko-match{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:14px 0;border-bottom:1px solid var(--ko-line);font-size:12px}.ko-match:last-child{border-bottom:0}.ko-match__time{color:var(--ko-gold-light);font-weight:800}.ko-match__league{display:block;color:var(--ko-muted);font-size:9px}.ko-match__go{padding:5px 8px;border:1px solid var(--ko-line);border-radius:7px;color:var(--ko-gold);font-size:9px;font-weight:800}
.ko-provider-row{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.ko-provider{display:grid;place-items:center;min-height:76px;border:1px solid var(--ko-line);border-radius:12px;background:#0c0c0c;color:#e9dfc7;font-size:11px;font-weight:900;text-align:center}.ko-provider b{color:var(--ko-gold)}
.ko-promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ko-promo-card{position:relative;overflow:hidden;min-height:205px;border:1px solid var(--ko-line);border-radius:var(--ko-radius);background:radial-gradient(circle at 80% 20%,rgba(239,35,60,.3),transparent 30%),linear-gradient(145deg,#1e190d,#0a0a0a);padding:24px}.ko-promo-card__label{color:var(--ko-gold);font-size:11px;font-weight:800}.ko-promo-card h3{margin:10px 0 5px;font-size:21px}.ko-promo-card strong{display:block;color:var(--ko-gold-light);font-size:42px;line-height:1.1}.ko-promo-card p{margin:7px 0 17px;color:var(--ko-muted);font-size:12px}
.ko-guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;padding:38px;border:1px solid var(--ko-line);border-radius:22px;background:radial-gradient(circle at 15% 50%,rgba(239,35,60,.14),transparent 35%),#0d0d0c}.ko-guide__badge{display:grid;place-items:center;width:210px;height:210px;margin:auto;border:1px solid var(--ko-line);border-radius:50%;background:radial-gradient(circle,#35270b,#0a0a0a 70%);color:var(--ko-gold-light);font-size:72px;box-shadow:0 0 0 18px rgba(239,35,60,.03)}.ko-guide h2{margin:0 0 13px;font-size:31px}.ko-guide p{color:#bcb29f}.ko-guide__points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.ko-guide__points div{padding:13px;border:1px solid var(--ko-line);border-radius:10px;background:#11100d;color:#dcd2bf;font-size:11px}.ko-guide__points strong{display:block;color:var(--ko-gold-light);font-size:13px}
.ko-servicebar{border-block:1px solid var(--ko-line);background:#0c0b09}.ko-servicebar__grid{display:grid;grid-template-columns:repeat(4,1fr)}.ko-servicebar__item{padding:24px;border-right:1px solid var(--ko-line);text-align:center;font-size:12px}.ko-servicebar__item:last-child{border-right:0}.ko-servicebar__item strong{display:block;color:var(--ko-gold-light);font-size:14px}
.ko-footer{padding:50px 0 105px;background:#050505}.ko-footer__grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.ko-footer h3{margin:0 0 14px;color:var(--ko-gold-light);font-size:15px}.ko-footer p,.ko-footer li{color:#928a7c;font-size:12px}.ko-footer ul{margin:0;padding:0;list-style:none}.ko-footer li{margin:7px 0}.ko-footer__bottom{display:flex;justify-content:space-between;margin-top:38px;padding-top:18px;border-top:1px solid var(--ko-line);color:#777064;font-size:11px}
.ko-quickbar{position:fixed;right:50%;bottom:14px;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);width:min(720px,calc(100% - 24px));overflow:hidden;border:1px solid rgba(255,91,112,.55);border-radius:16px;background:rgba(10,4,6,.96);box-shadow:0 14px 50px rgba(0,0,0,.6);transform:translateX(50%);backdrop-filter:blur(14px)}.ko-quickbar a{padding:10px 6px;border-right:1px solid var(--ko-line);color:#d8ceba;font-size:10px;font-weight:800;text-align:center}.ko-quickbar a:last-child{border-right:0}.ko-quickbar span{display:block;margin-bottom:2px;color:var(--ko-gold);font-size:20px}
.ko-article{width:min(850px,calc(100% - 34px));margin:55px auto;padding:34px;border:1px solid var(--ko-line);border-radius:18px;background:var(--ko-panel)}.ko-article h1{color:var(--ko-gold-light);line-height:1.25}.ko-article__meta{margin-bottom:22px;color:var(--ko-muted);font-size:12px}.ko-article a{color:var(--ko-gold)}
@media(max-width:1050px){.ko-nav{gap:14px;font-size:12px}.ko-actions .ko-btn:first-child{display:none}.ko-category-grid{grid-template-columns:repeat(3,1fr)}.ko-provider-row{grid-template-columns:repeat(4,1fr)}.ko-promo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){body.admin-bar .ko-header{top:46px}.ko-topbar{display:none}.ko-header__inner{min-height:68px}.ko-brand__mark{width:42px;height:42px}.ko-brand__name{font-size:19px}.ko-menu-toggle{display:block;margin-left:auto}.ko-nav{position:absolute;top:68px;right:16px;left:16px;display:none;align-items:stretch;flex-direction:column;padding:18px;border:1px solid var(--ko-line);border-radius:14px;background:#0b0b0b;box-shadow:var(--ko-shadow)}.ko-nav.is-open{display:flex}.ko-nav a:after{display:none}.ko-actions{display:none}.ko-hero,.ko-hero__inner{min-height:590px}.ko-hero{background-position:64% center}.ko-hero:after{background:linear-gradient(90deg,rgba(2,2,2,.98),rgba(2,2,2,.8) 68%,rgba(2,2,2,.35))}.ko-hero__copy{width:85%;padding:60px 0}.ko-hero h1{font-size:52px}.ko-stats__grid{grid-template-columns:repeat(2,1fr)}.ko-stat:nth-child(2){border-right:0}.ko-stat:nth-child(-n+2){border-bottom:1px solid var(--ko-line)}.ko-content-grid{grid-template-columns:1fr}.ko-longcopy{columns:1}.ko-editorial-banner{margin-bottom:26px}.ko-guide{grid-template-columns:1fr}.ko-guide__badge{width:150px;height:150px;font-size:50px}.ko-footer__grid{grid-template-columns:repeat(2,1fr)}.ko-servicebar__grid{grid-template-columns:repeat(2,1fr)}.ko-servicebar__item:nth-child(2){border-right:0}.ko-servicebar__item:nth-child(-n+2){border-bottom:1px solid var(--ko-line)}}
@media(max-width:560px){.ko-shell{width:min(100% - 24px,1180px)}.ko-hero,.ko-hero__inner{min-height:540px}.ko-hero__copy{width:100%}.ko-hero h1{font-size:40px}.ko-hero p{font-size:15px}.ko-section{padding:52px 0}.ko-section__head h2{font-size:25px}.ko-category-grid{grid-template-columns:repeat(2,1fr)}.ko-category{min-height:180px;padding:17px 14px}.ko-category__icon{margin-bottom:24px}.ko-promo-wide{padding:26px 22px}.ko-promo-wide__inner{align-items:flex-start;flex-direction:column}.ko-promo-wide h2{font-size:28px}.ko-news-grid{grid-template-columns:1fr}.ko-promo-grid{grid-template-columns:1fr}.ko-provider-row{grid-template-columns:repeat(2,1fr)}.ko-guide{padding:26px 18px}.ko-guide h2{font-size:25px}.ko-guide__points{grid-template-columns:1fr}.ko-footer__grid{grid-template-columns:1fr 1fr;gap:28px}.ko-footer__about{grid-column:1/-1}.ko-footer__bottom{gap:8px;flex-direction:column}.ko-quickbar{bottom:8px}.ko-quickbar a{padding:8px 3px;font-size:9px}.ko-quickbar span{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}