/*
Theme Name: AllDash
Description: Bilingual (AR/EN) football fixtures theme for GCC time zones. Soft corporate light design.
Version: 0.2
Text Domain: alldash
*/
:root{--bg:#f4f6fa;--card:#fff;--card2:#f8fafc;--line:#e3e8f0;--tx:#1b2a41;--mut:#667389;--acc:#2f6bb3;--acc2:#245a9a;--accs:#e8f0fa;--live:#d64550;--gold:#b7791f;--ok:#2f855a;--r:12px;--sh:0 1px 2px rgba(27,42,65,.05),0 2px 8px rgba(27,42,65,.04)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font-family:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;font-size:15px;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}
body.l-en{font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
/* header */
.hd{position:sticky;top:0;z-index:50;background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:18px;height:62px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:.1px;color:var(--tx)}
.logo i{width:32px;height:32px;border-radius:8px;background:var(--acc);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:17px}
.logo b{color:var(--acc);font-weight:700}
.nav{display:flex;gap:2px;margin-inline-start:14px}
.nav a{padding:8px 14px;border-radius:8px;color:var(--mut);font-weight:500;font-size:14.5px;transition:.15s}
.nav a:hover{background:var(--card2);color:var(--tx)}
.nav a.on{background:var(--accs);color:var(--acc);font-weight:600}
.hd-r{margin-inline-start:auto;display:flex;gap:8px;align-items:center}
.tz,.lang{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font:500 13.5px inherit;font-family:inherit;cursor:pointer;height:36px}
.lang{color:var(--acc);font-weight:600;display:inline-flex;align-items:center}
.lang:hover,.tz:hover{border-color:#c5d0e0}
.burger{display:none}
/* hero */
.hero{margin:22px 0;border-radius:16px;padding:26px;background:linear-gradient(135deg,#fff,#eef3fa);border:1px solid var(--line);box-shadow:var(--sh);position:relative;overflow:hidden}
.hero-top{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:13.5px;margin-bottom:14px}
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--accs);color:var(--acc);padding:3px 12px;border-radius:99px;font-weight:600;font-size:12.5px}
.pill.live{background:#fdecee;color:var(--live)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:p 1.6s infinite}
@keyframes p{50%{opacity:.3}}
.hero-m{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;text-align:center}
.hero-t{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:600;font-size:20px}
.hero-t .lg{width:76px;height:76px;font-size:26px}
.hero-c{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px}
.hero-time{font-size:34px;font-weight:700;letter-spacing:.5px;color:var(--tx)}
.hero-cd{display:flex;gap:6px;direction:ltr}
.hero-cd span{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:3px 10px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--acc)}
.hero-info{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:12.5px;color:var(--mut)}
.chip b{color:var(--tx);font-weight:600}
/* logos */
.lg{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;flex:none;box-shadow:inset 0 0 0 1px #00000014;overflow:hidden}
/* toolbar */
.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.days{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;flex:1}
.days::-webkit-scrollbar{display:none}
.day{flex:none;min-width:80px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 12px;cursor:pointer;transition:.15s;color:var(--mut);font-family:inherit}
.day small{display:block;font-size:12px}
.day strong{display:block;color:var(--tx);font-size:15px;font-weight:600}
.day:hover{border-color:#c5d0e0}
.day.on{background:var(--acc);border-color:var(--acc);color:#dbe7f6}
.day.on strong{color:#fff}
.flt{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.f{background:var(--card);border:1px solid var(--line);color:var(--mut);padding:6px 14px;border-radius:99px;font:500 13.5px inherit;font-family:inherit;cursor:pointer;transition:.15s}
.f:hover{color:var(--tx);border-color:#c5d0e0}
.f.on{background:var(--tx);color:#fff;border-color:var(--tx)}
.f .n{background:#00000010;border-radius:99px;padding:0 7px;margin-inline-start:6px;font-size:12px}
.f.on .n{background:#ffffff26}
/* layout */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;margin-bottom:40px}
/* league block */
.lgb{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden;box-shadow:var(--sh)}
.lgb-h{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--card2);font-weight:600;font-size:14.5px}
.lgb-h .fl{font-size:16px;width:28px;height:28px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);border-radius:50%}
.lgb-h small{margin-inline-start:auto;color:var(--mut);font-weight:500}
.m{display:grid;grid-template-columns:78px 1fr 92px 1fr;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);transition:.15s;position:relative}
.m:hover{background:#f7f9fc}
.m-time{text-align:center;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums;direction:ltr}
.m-time small{display:block;color:var(--mut);font-weight:500;font-size:11px}
.tm{display:flex;align-items:center;gap:10px;font-weight:500;min-width:0}
.tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm.a{justify-content:flex-start}
.sc{text-align:center;font-weight:700;font-size:18px;font-variant-numeric:tabular-nums;direction:ltr;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:1px 0}
.sc.vs{color:var(--mut);font-size:13px;font-weight:500}
.m-x{grid-column:2/-1;display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.m-x .chip{padding:1px 10px;font-size:12px;background:var(--card2)}
.m.live .sc{color:var(--live);background:#fdecee;border-color:#f6c9ce}
.m.live .m-time{color:var(--live)}
.m.end{opacity:.75}
.empty{padding:40px;text-align:center;color:var(--mut)}
/* sidebar */
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden;box-shadow:var(--sh)}
.box h3{padding:11px 16px;font-size:14.5px;font-weight:600;background:var(--card2);display:flex;gap:8px;align-items:center}
.box ul{list-style:none}
.box li a{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);color:var(--mut);font-weight:500;font-size:14px}
.box li a:hover{color:var(--acc);background:#f7f9fc}
.tb{width:100%;border-collapse:collapse;font-size:13px}
.tb td{padding:7px 8px;border-top:1px solid var(--line);text-align:center}
.tb td:nth-child(2){text-align:start}
.tb tr:first-child td{border-top:0}
.tb .p{font-weight:700;color:var(--acc)}
.cta{padding:18px;text-align:center;background:var(--accs)}
.cta p{color:var(--mut);font-size:14px;margin:6px 0 12px}
.btn{display:inline-block;background:var(--acc);color:#fff;font-weight:600;padding:9px 22px;border-radius:8px}
.btn:hover{background:var(--acc2)}
/* seo text + footer */
.seo{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:40px;color:var(--mut);font-size:14.5px;box-shadow:var(--sh)}
.seo h2{color:var(--tx);font-size:18px;font-weight:600;margin-bottom:8px}
.seo p+h2{margin-top:16px}
.ft{border-top:1px solid var(--line);background:#fff;padding:28px 0;color:var(--mut);font-size:14px}
.ft-in{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}
.ft a:hover{color:var(--acc)}
.ft nav{display:flex;gap:16px;flex-wrap:wrap}
/* generic content */
.post{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;margin:24px 0}
.post h1{font-size:26px;font-weight:600;margin-bottom:12px}
/* match page */
.bc{display:flex;gap:8px;align-items:center;color:var(--mut);font-size:13.5px;margin:18px 0 -6px;flex-wrap:wrap}.bc b{color:var(--tx);font-weight:500}
.mp h1{font-size:24px;font-weight:600;line-height:1.35;margin-bottom:8px}.mp h2{font-size:18px;font-weight:600;margin:26px 0 10px}.mp p{color:var(--mut)}.mp .lead{font-size:15.5px;color:var(--tx);margin-bottom:16px}
.mp .note{font-size:13px;background:#fdf6e7;border:1px solid #f0dcaa;color:#8a5a12;padding:8px 12px;border-radius:8px;margin-top:8px}
.mut{color:var(--mut);font-weight:400;font-size:13px}
.tz-tb thead td{color:var(--mut);font-weight:600;background:var(--card2)}.tz-tb td{padding:9px 12px}.tz-tb td:nth-child(2){text-align:center}
.card-tb{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card-tb th,.card-tb td{padding:10px 14px;border-top:1px solid var(--line);text-align:start;font-size:14px}.card-tb tr:first-child th,.card-tb tr:first-child td{border-top:0}
.card-tb th{width:38%;color:var(--mut);font-weight:500;background:var(--card2)}.card-tb td{font-weight:600;direction:ltr;text-align:start}
.l-ar .card-tb td{direction:rtl}
.forms{display:grid;gap:10px}.form-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.fc{margin-inline-start:auto;display:flex;gap:5px;direction:ltr}.fc i{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11.5px;color:#fff}
.rW{background:var(--ok)}.rD{background:#a0aec0}.rL{background:var(--live)}
.faq{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:0 14px}.faq summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:inline-end;color:var(--acc)}.faq[open] summary:after{content:"–"}.faq p{padding-bottom:12px}
/* bottom nav (mobile) */
.bnav{display:none}
@media(max-width:900px){
  .grid{grid-template-columns:1fr}
  .nav{display:none}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .hero-t{font-size:16px}.hero-t .lg{width:56px;height:56px;font-size:20px}.hero-time{font-size:26px}
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset-inline:0;bottom:0;z-index:60;background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(27,42,65,.06)}
  .bnav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;color:var(--mut);font-size:11px;font-weight:500;line-height:1.2;text-align:center}
  .bnav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .bnav a.on{color:var(--acc);background:var(--accs)}
  .ft{padding-bottom:20px}
}
@media(max-width:560px){
  body{font-size:14.5px}
  .hd-in{gap:10px;height:56px}
  .logo span{display:none}
  .tz{max-width:150px;flex:1;min-width:0}
  .hd-r{flex:1;justify-content:flex-end}
  .lang{display:none}
  .hero{padding:16px;margin:14px 0;border-radius:14px}
  .hero-c{min-width:90px}
  .hero-cd span{padding:2px 7px;font-size:13px}
  .m{grid-template-columns:58px 1fr 60px 1fr;padding:10px;gap:6px}
  .tm{gap:6px}.tm span{white-space:normal;line-height:1.25;font-size:13px}
  .lg{width:30px;height:30px;font-size:11.5px}
  .sc{font-size:16px}.m-time{font-size:14.5px}.m-time small{font-size:10px}
  .lgb-h small{display:none}
  .m-x{grid-column:1/-1}
  .mp h1{font-size:20px}
  .card-tb th{width:42%}.card-tb th,.card-tb td{padding:9px 10px;font-size:13px}
  .seo,.post{padding:16px}
  .day{min-width:70px;padding:6px 10px}
  .ft-in{flex-direction:column;gap:14px}
}

/* ===== brand layer ===== */
.logo svg{width:34px;height:34px;flex:none}
.logo span{white-space:nowrap}
.logo b{color:var(--mk,var(--acc))}
.pg-head{margin:20px 0 14px}
.pg-head h1{font-size:22px;font-weight:600;line-height:1.35}
.pg-head p{color:var(--mut);font-size:14px;margin-top:2px}
.hfaq{margin-bottom:40px}.hfaq h2{margin-bottom:12px}
@media(max-width:900px){.bnav{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
@media(max-width:560px){.logo span{display:inline;font-size:17px}.logo svg{width:30px;height:30px}.tz{max-width:130px}.pg-head h1{font-size:19px}}

/* --- KooraClock: warm timeline --- */
.b-kooraclock .hd{border-bottom:2px solid var(--mk)}
.b-kooraclock .hero{background:var(--card);border-radius:20px}
.b-kooraclock .hero-time{font-size:46px;font-weight:600;letter-spacing:1px;color:var(--acc)}
.b-kooraclock .hero-cd span{border-radius:50%;width:44px;height:44px;display:grid;place-items:center;padding:0;border:2px solid var(--mk)}
.b-kooraclock .day.on{background:var(--tx);border-color:var(--tx)}
.b-kooraclock .f.on{background:var(--acc);border-color:var(--acc)}
.lay-time .lgb{background:transparent;border:0;box-shadow:none;overflow:visible;margin-bottom:18px}
.lay-time .lgb-h{background:transparent;padding:4px 4px 8px;font-size:13px;font-weight:500;color:var(--mut)}
.lay-time .lgb-h .fl{width:24px;height:24px;font-size:13px}
.lay-time .m{grid-template-columns:96px 1fr 92px 1fr;background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;box-shadow:var(--sh);padding:14px 16px}
.lay-time .m-time{font-size:24px;font-weight:600;color:var(--acc);border-inline-end:2px solid var(--accs);padding-inline-end:8px}
.lay-time .m.live .m-time{color:var(--live);border-color:#f6c9ce}
.lay-time .m:hover{background:var(--card2)}

/* --- YallaKickoff: card grid, sidebar first --- */
.b-yallakickoff .hd{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.b-yallakickoff .logo{font-weight:700}
.b-yallakickoff .nav a.on{border-radius:99px}
.b-yallakickoff .day{border-radius:99px;min-width:76px}
.b-yallakickoff .hero{background:linear-gradient(135deg,#1f8a5b,#16694a);color:#fff;border:0}
.b-yallakickoff .hero *{color:inherit}
.b-yallakickoff .hero .pill{background:#ffffff26;color:#fff}
.b-yallakickoff .hero-time{font-weight:700}
.b-yallakickoff .hero-cd span{background:#ffffff1f;border-color:#ffffff40;color:#fff}
.b-yallakickoff .hero .chip{background:#ffffff1f;border-color:#ffffff33;color:#fff}.b-yallakickoff .hero .chip b{color:#fff}
.b-yallakickoff .hero small,.b-yallakickoff .hero-top{color:#d6efe3!important}
.lay-cards .grid{grid-template-columns:300px minmax(0,1fr)}
.lay-cards .grid aside{order:-1}
.lay-cards .lgb{background:transparent;border:0;box-shadow:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lay-cards .lgb-h{grid-column:1/-1;background:transparent;padding:6px 2px 0;font-size:16px;font-weight:700}
.lay-cards .m{grid-template-columns:1fr auto 1fr;grid-template-areas:"time time time" "h sc a" "x x x";gap:10px 6px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 12px;box-shadow:var(--sh);text-align:center;margin:0}
.lay-cards .m:hover{border-color:var(--acc);background:var(--card)}
.lay-cards .m-time{grid-area:time;display:flex;justify-content:center;align-items:baseline;gap:8px;font-size:18px;color:var(--acc)}
.lay-cards .m-time small{display:inline}
.lay-cards .tm{grid-area:h;flex-direction:column;gap:6px;justify-content:flex-start;font-weight:600}
.lay-cards .tm.a{grid-area:a}
.lay-cards .tm span{white-space:normal;line-height:1.3;font-size:13.5px;text-align:center}
.lay-cards .lg{width:46px;height:46px;font-size:15px}
.lay-cards .sc{grid-area:sc;align-self:center;min-width:54px}
.lay-cards .m-x{grid-area:x;justify-content:center;margin-top:0;grid-column:auto}
@media(max-width:900px){.lay-cards .grid{grid-template-columns:1fr}.lay-cards .grid aside{order:0}}
@media(max-width:560px){.lay-cards .lgb{grid-template-columns:1fr}.lay-cards .m{padding:14px 10px}}

/* --- KickoffGulf: navy corporate, compact table --- */
.b-kickoffgulf .hd{background:#14213d;border-bottom:3px solid var(--mk)}
.b-kickoffgulf .hd .logo{color:#fff}.b-kickoffgulf .hd .logo b{color:var(--mk)}
.b-kickoffgulf .nav a{color:#b9c4dc}.b-kickoffgulf .nav a:hover{background:#ffffff14;color:#fff}.b-kickoffgulf .nav a.on{background:#ffffff1f;color:#fff}
.b-kickoffgulf .tz,.b-kickoffgulf .lang{background:#ffffff14;border-color:#ffffff33;color:#fff}
.b-kickoffgulf .tz option{color:#14213d}
.b-kickoffgulf .hero{background:linear-gradient(120deg,#14213d,#1d3557);color:#fff;border:0;border-radius:10px}
.b-kickoffgulf .hero *{color:inherit}
.b-kickoffgulf .hero .pill{background:#c9a24b33;color:#e6c97d}
.b-kickoffgulf .hero-cd span{background:#ffffff12;border-color:#ffffff33;color:#e6c97d}
.b-kickoffgulf .hero .chip{background:#ffffff12;border-color:#ffffff2a;color:#cfd8ea}.b-kickoffgulf .hero .chip b{color:#fff}
.b-kickoffgulf .hero small,.b-kickoffgulf .hero-top{color:#b9c4dc!important}
.b-kickoffgulf .lgb{border-radius:8px}
.b-kickoffgulf .lgb-h{background:var(--accs);border-inline-start:4px solid var(--mk);font-weight:700;color:var(--acc)}
.b-kickoffgulf .m{padding:10px 16px}
.b-kickoffgulf .m-time{color:var(--acc)}
.b-kickoffgulf .day{border-radius:6px}.b-kickoffgulf .day.on{background:#14213d;border-color:#14213d}.b-kickoffgulf .day.on small{color:#c9a24b}
.b-kickoffgulf .f{border-radius:6px}.b-kickoffgulf .f.on{background:#14213d;border-color:#14213d}
.b-kickoffgulf .btn,.b-kickoffgulf .cta{background:var(--accs)}.b-kickoffgulf .btn{background:var(--acc)}
.b-kickoffgulf .ft{background:#14213d;color:#b9c4dc;border-top:3px solid var(--mk)}.b-kickoffgulf .ft .logo{color:#fff}.b-kickoffgulf .ft a:hover{color:var(--mk)}
@media(max-width:560px){.b-kickoffgulf .hd .logo span{font-size:16px}}
.hero-m{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.hero-t{min-width:0;text-align:center;overflow-wrap:anywhere}
@media(max-width:560px){.lay-time .m{grid-template-columns:70px 1fr 50px 1fr;padding:12px 10px}.lay-time .m-time{font-size:19px;padding-inline-end:6px}.lay-time .tm span{font-size:12.5px}.lay-time .sc{font-size:14px}}