/*
Theme Name: Kora Pro Arab Africa Logos
Author: Sadouk
Description: قالب مباريات WordPress مع قاعدة شعارات عربية وأفريقية موسعة + API + SEO.
Version: 4.2
Text Domain: kora-pro-arab-africa
*/
body{margin:0;background:#edf0f3;font-family:Tahoma,Arial,sans-serif;direction:rtl;color:#111}
a{text-decoration:none;color:inherit}.wrap{max-width:1000px;margin:22px auto;padding:0 12px}
header{background:#fff;box-shadow:0 2px 10px #0002;position:sticky;top:0;z-index:10}
.head{max-width:1000px;margin:auto;padding:14px;display:flex;justify-content:space-between;align-items:center}
.logo{background:#078316;color:white;border-radius:10px;padding:8px 22px;font-size:30px;font-weight:800}
.ico{background:#26374a;color:white;border-radius:10px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:28px}
.box,.intro,.single{background:white;border-radius:14px;box-shadow:0 1px 9px #0002;margin-bottom:22px;overflow:hidden}
.intro{padding:18px;text-align:center}.intro h1{margin:0;color:#078316;font-size:30px}.intro p{margin:8px 0 0;color:#333}
.title{background:#078316;color:white;text-align:center;margin:14px 16px 10px;padding:13px;border-radius:12px;font-size:28px}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 12px}.tabs a{color:white;text-align:center;border-radius:10px;padding:10px;font-weight:800;font-size:20px}.t1{background:#b65b05}.t2{background:#078316}.t3{background:#175b99}
.matches{padding:8px 16px 18px}.match{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:8px;background:#f1f2f5;border:1px solid #dde1e6;border-radius:13px;padding:14px 6px;margin:13px 0}
.team{text-align:center;min-width:0}.team img{width:68px;height:68px;object-fit:contain}.team b{display:block;font-size:22px;line-height:1.25}
.no-logo{width:68px;height:68px;margin:auto;border-radius:50%;background:#dde3ea;display:flex;align-items:center;justify-content:center;color:#26374a;font-weight:900;font-size:22px}
.center{text-align:center}.time{font-size:24px;font-weight:800}.status{display:inline-block;background:#26374a;color:white;border-radius:10px;padding:5px 12px;margin:6px 0}
.pills{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.pill{background:white;border:1px solid #ddd;border-radius:20px;padding:3px 8px;font-size:13px}.watch{display:inline-block;background:#078316;color:white;border-radius:9px;padding:7px 12px;margin-top:7px;font-weight:800}
.seo{padding:18px}.seo h2,.seo h3{color:#078316}.news{padding:16px}.news-card{display:block;position:relative;height:220px;border-radius:12px;overflow:hidden;background:#111;margin:15px 0}.news-card img{width:100%;height:100%;object-fit:cover}.news-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000c,#0001)}.news-title{position:absolute;z-index:2;bottom:18px;right:16px;left:16px;color:white;font-size:23px;font-weight:800}
.single{padding:18px}.single h1{text-align:center;color:#078316}.frame{aspect-ratio:16/9;background:#111;border-radius:12px;overflow:hidden}.frame iframe{width:100%;height:100%;border:0}.tbl{width:100%;border-collapse:collapse;margin:15px 0}.tbl th,.tbl td{border:1px solid #ddd;padding:10px;text-align:right}.tbl th{background:#f5f6f8}
footer{background:#eee;padding:22px;text-align:center}
@media(max-width:640px){.logo{font-size:25px}.tabs a{font-size:16px}.team img,.no-logo{width:55px;height:55px}.team b{font-size:17px}.time{font-size:19px}.pill{font-size:11px}.watch{font-size:13px}.news-title{font-size:20px}}

.matches-info{text-align:center}
.matches-info h2{font-size:30px;margin:10px 0 14px}
.matches-info p{font-size:20px;line-height:1.9;color:#222;max-width:820px;margin:10px auto}
.seo-highlights{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0}
.seo-highlights span{background:#f1f8f3;border:1px solid #d8eadc;color:#078316;border-radius:999px;padding:8px 14px;font-weight:800}
.seo-list{list-style:none;padding:0;margin:12px auto 0;max-width:520px;text-align:right;font-size:18px;line-height:2;color:#333}
.seo-list li:before{content:"✔";color:#078316;font-weight:900;margin-left:8px}
@media(max-width:640px){.matches-info h2{font-size:25px}.matches-info p{font-size:18px}.seo-list{font-size:16px}}

/* Fixed interactive buttons */
.tabs button{border:0;cursor:pointer;color:white;text-align:center;border-radius:10px;padding:10px;font-weight:800;font-size:20px;font-family:inherit}
.tab-btn.active{outline:4px solid rgba(0,0,0,.12);transform:translateY(-1px)}
.mobile-menu{display:none;max-width:1000px;margin:0 auto;padding:0 14px 14px}
.mobile-menu.active{display:block}
.mobile-menu ul{list-style:none;margin:0;padding:12px;background:#f1f2f5;border-radius:12px}
.mobile-menu li{margin:6px 0}.mobile-menu a{display:block;padding:10px;font-weight:800}
.no-matches-message{display:none;text-align:center;font-weight:800;color:#26374a;padding:18px}
.dark-mode{background:#111827;color:#fff}
.dark-mode header,.dark-mode .box,.dark-mode .intro,.dark-mode .single{background:#172033;color:#fff}
.dark-mode .match{background:#222b3d;border-color:#334155}
.dark-mode .intro p,.dark-mode .matches-info p,.dark-mode .seo-list{color:#e5e7eb}
.dark-mode .pill{background:#111827;border-color:#334155;color:#fff}
.dark-mode footer{background:#111827;color:#fff}
@media(max-width:640px){.tabs button{font-size:16px}}

/* Live match badge */
.status.status-live{background:#e60000;color:#fff;box-shadow:0 0 0 3px rgba(230,0,0,.15);animation:livePulse 1.2s infinite;}
.status.status-live::before{content:"●";margin-left:6px;font-size:11px;}
@keyframes livePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}