/*
Theme Name: MJ Media Sport
Theme URI: https://mjmedia-sport.com
Author: MJ MEDIA
Description: MJ MEDIA sports news WordPress theme with the supplied header, MJ logo and central MJ MEDIA slogan.
Version: 2.1.0
Text Domain: mj-media-sport
*/
*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:#fafafa;color:#111}button,input,textarea,select{font:inherit} .site-header{height:112px;background:#fff2c9;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:18px 3%;gap:25px}.brand{display:flex;align-items:center;gap:7px;direction:ltr}.brand-text{direction:rtl;text-align:center}.brand-text b{font-size:38px;letter-spacing:-1px;white-space:nowrap}.brand-text b span{color:#dfa600}.brand-text small{display:block;text-align:center;font-weight:700;margin-top:2px}.logo-box{width:68px;height:68px;display:grid;place-items:center;overflow:hidden;flex:0 0 68px}.logo-box img{width:100%;height:100%;object-fit:contain;display:block}.logo-box:not(.has-logo){visibility:hidden}.search{display:flex;width:275px}.search input{width:100%;padding:11px;border:1px solid #bbb}.search button{width:48px;background:#111;color:white;border:0;font-size:22px}.main-nav{height:45px;background:#0b0b0b;display:flex;justify-content:center;overflow:auto}.main-nav a{color:#fff;text-decoration:none;padding:13px 23px;border-left:1px solid #222;white-space:nowrap}.main-nav a.active{color:#e0aa00;border-bottom:3px solid #e0aa00}.breaking{margin:13px auto;width:98%;height:44px;display:flex;direction:rtl;border:1px solid #edbcbc}.breaking strong{background:#e11b22;color:white;padding:11px 20px;direction:rtl}.ticker{overflow:hidden;flex:1;background:#fff}.ticker-track{display:inline-block;white-space:nowrap;padding:11px 0;font-weight:700;color:#d51b1b;animation:ticker 22s linear infinite}.ticker-track span{margin:0 35px}.ticker-track:hover{animation-play-state:paused}@keyframes ticker{from{transform:translateX(-5%)}to{transform:translateX(105%)}}.container{width:98%;max-width:1400px;margin:auto}.top-grid{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:14px}.panel{background:#fff;border:1px solid #ddd;padding:12px}.panel h2{text-align:center;margin:0 0 13px;padding-bottom:8px;border-bottom:2px solid #e0aa00}.hero{padding:0;min-height:410px}.hero-card{height:100%;position:relative;overflow:hidden}.hero-card img{width:100%;height:100%;min-height:410px;object-fit:cover}.hero-overlay{position:absolute;bottom:0;right:0;left:0;padding:28px 18px 18px;background:linear-gradient(transparent,rgba(0,0,0,.92));color:#fff}.hero-overlay h1{font-size:27px;margin:0 0 8px}.hero-overlay small{font-size:13px}.news-mini{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #ddd}.news-mini img{width:75px;height:58px;object-fit:cover}.news-mini h3{font-size:15px;margin:0}.side-stack{display:flex;flex-direction:column;gap:14px}.standings h3{background:#e21c24;color:#fff;padding:10px;text-align:center;margin:0}.standing-row{display:grid;grid-template-columns:25px 1fr 48px 45px;gap:5px;padding:9px 5px;border-bottom:1px solid #eee;align-items:center;font-size:14px}.standing-row img{width:24px;height:24px;object-fit:contain}.gold-btn{background:#dda500;color:#fff;border:0;padding:11px 15px;width:100%;cursor:pointer;font-weight:700;margin-top:10px}.outline-btn{background:#fff;border:1px solid #aaa;padding:10px 15px;width:100%;cursor:pointer;margin-top:8px}.latest{margin-top:14px}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.latest-card img{width:100%;height:130px;object-fit:cover}.latest-card{border:1px solid #ddd;padding:8px}.winner{max-width:420px;margin:14px 0 14px auto;background:#fff8e5;border-color:#efc45a}.winner input{width:100%;padding:12px;border:1px solid #bbb}.category-tabs{display:flex;gap:4px;overflow:auto;margin:14px 0}.category-tabs a{background:#fff;border:1px solid #ddd;border-bottom:2px solid #dda500;padding:11px 22px;white-space:nowrap;text-decoration:none;color:#111}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.promo{min-height:145px;text-align:center}.promo p{font-size:17px;line-height:1.8}footer{background:#101010;color:#fff;display:grid;grid-template-columns:repeat(5,1fr);gap:25px;padding:28px 5%;margin-top:15px} .footer-social{display:flex;align-items:center;gap:12px;margin-top:14px;direction:ltr}.footer-social-link{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 3px 7px rgba(0,0,0,.22);transition:transform .2s ease}.footer-social-link:hover{transform:translateY(-2px)}.footer-social-link svg{width:24px;height:24px;display:block}.footer-social-youtube{background:#d91f1f;color:#fff}.footer-social-x{background:#000;color:#fff}.footer-social-instagram{background:linear-gradient(135deg,#405de6 0%,#833ab4 38%,#e1306c 68%,#fd1d1d 82%,#fcb045 100%);color:#fff}.footer-social-facebook{background:#2463d4;color:#fff}footer h3{color:#e0aa00}footer p{margin:8px 0}.copyright{grid-column:1/-1;border-top:1px solid #333;text-align:center;padding-top:15px}.social{font-size:24px}.admin-body{background:#f4f4f4}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-side{background:#101010;color:#fff;padding:25px 15px}.admin-logo{font-size:42px;color:#e0aa00;text-align:center;margin-bottom:25px}.admin-logo small{display:block;font-size:15px;color:#fff}.admin-side button{display:block;width:100%;background:#222;color:#fff;border:0;padding:16px;margin:10px 0;border-radius:7px;text-align:right;cursor:pointer}.admin-main{padding:35px;max-width:1100px}.admin-tab{background:#fff;padding:30px;border-radius:10px}.admin-tab h1{margin-top:0}.admin-tab input,.admin-tab select,.admin-tab textarea{display:block;width:100%;padding:13px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.admin-tab textarea{min-height:130px}.check{display:block;margin:12px 0}.check input{display:inline;width:auto}.hidden{display:none}.admin-news{padding:10px;border-bottom:1px solid #ddd}.admin-news button{margin-right:8px}.rank-edit{display:grid;grid-template-columns:50px 1fr 80px 80px;gap:8px;margin:8px 0}.rank-edit input{margin:0}.participants-row{padding:10px;border-bottom:1px solid #ddd}@media(max-width:1000px){.top-grid{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr}.latest-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-side{position:relative}.brand-text b{font-size:28px}}@media(max-width:650px){.site-header{height:auto;flex-direction:column}.search{width:100%}.latest-grid,.two-col,.side-stack{grid-template-columns:1fr}.main-nav a{padding:12px}.winner{margin-left:0}.hero-overlay h1{font-size:21px}}
.settings-note{background:#fff8df;border-right:4px solid #dda500;padding:12px 15px;line-height:1.8}
.logo-preview{min-height:90px;border:1px dashed #ccc;border-radius:6px;margin:8px 0 15px;display:flex;align-items:center;justify-content:center;background:#fafafa}
.logo-preview img{max-width:180px;max-height:90px;object-fit:contain}
.logo-preview span{color:#888}

/* MJ MEDIA final header */
.brand{display:flex;align-items:center;gap:8px}
.logo{width:72px;height:72px;object-fit:contain;display:block}
.logo-placeholder{width:72px;height:72px;display:block}
.brand-name{font-size:34px;line-height:1;letter-spacing:-1px;white-space:nowrap}
.brand-name b{color:#d8a500}
@media(max-width:600px){.logo,.logo-placeholder{width:58px;height:58px}.brand-name{font-size:27px}}

/* Automatic standings */
.auto-rankings{max-width:1100px;margin:28px auto;padding:0 16px}.ranking-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #ddd}.ranking-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.table-wrap{overflow:auto}.ranking-card table{width:100%;border-collapse:collapse}.ranking-card th,.ranking-card td{padding:10px;border-bottom:1px solid #eee;text-align:right}.ranking-card th{font-weight:700}

.clickable{cursor:pointer}.read-link{margin-top:7px;font-weight:700;color:#b27e00}
.article-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72)}
.article-box{position:fixed;z-index:10001;top:4vh;left:50%;transform:translateX(-50%);width:min(900px,94vw);max-height:92vh;overflow:auto;background:#fff;padding:26px;border-radius:8px;direction:rtl}
.article-close{position:absolute;left:12px;top:8px;width:38px;height:38px;border:0;background:#111;color:#fff;font-size:26px;cursor:pointer;border-radius:4px}
.article-image{width:100%;max-height:420px;object-fit:cover;margin-bottom:15px}.article-box h1{font-size:30px;line-height:1.45}.article-meta{color:#666;border-bottom:1px solid #ddd;padding-bottom:12px}.article-summary{font-size:19px;font-weight:700;line-height:1.8}.article-body{font-size:18px;line-height:2.1}.article-video{margin-top:20px;padding:18px;background:#111;text-align:center}.article-video a{color:#fff;text-decoration:none;font-weight:700}.list-item{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #ddd;align-items:flex-start}.list-item img{width:180px;height:110px;object-fit:cover}.list-item h3{margin-top:0}.list-item a{color:#b27e00;font-weight:700}
@media(max-width:650px){.article-box{top:1vh;max-height:98vh;padding:18px}.article-box h1{font-size:23px}.list-item{display:block}.list-item img{width:100%;height:180px}}

.article-info-panel{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;margin:18px 0;padding:14px 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;direction:rtl}
.article-author-date{font-size:20px;line-height:1.75;text-align:right}.article-author{color:#111}.article-date{color:#e8333b;font-size:19px}
.article-social{display:flex;align-items:center;gap:14px;direction:ltr}.article-social a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:25px;font-weight:800;background:#f2f4f6;color:#111;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.article-social .social-telegram{background:#29a9ea;color:#fff}.article-social .social-whatsapp{background:#fff;color:#16c76a;border:3px solid #16c76a}.article-social .social-linkedin{background:#198cc2;color:#fff;border-radius:5px;font-size:22px}.article-social .social-x{background:#fff;color:#111;font-size:27px}.article-social .social-facebook{background:#5d7fc5;color:#fff}
.article-rating{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start;direction:ltr;padding-top:3px}.article-rating .rating-star{border:0;background:none;color:#102a3b;font-size:48px;line-height:1;padding:0;cursor:pointer;transition:transform .15s}.article-rating .rating-star:hover{transform:scale(1.08)}.article-rating .rating-star.selected{color:#102a3b}
@media(max-width:700px){.article-info-panel{grid-template-columns:1fr}.article-social{justify-content:flex-start}.article-rating{justify-content:flex-start}.article-rating .rating-star{font-size:40px}}

.live-standings .ranking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.live-standings .ranking-head h2{margin-bottom:4px}
.live-standings .ranking-head h3{margin-top:0;font-size:14px}
#ranking-updated{font-size:12px;opacity:.7;white-space:nowrap}
.club-table{width:100%;border-collapse:collapse;font-size:13px}
.club-table th,.club-table td{padding:8px 5px;text-align:center;border-bottom:1px solid rgba(0,0,0,.08)}
.club-table th{font-weight:800}
.club-table .club-name{text-align:right;white-space:nowrap}
.club-table .club-name img{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-left:6px}
.club-table td:last-child{font-weight:800}
@media(max-width:900px){.club-table{font-size:12px}.club-table th,.club-table td{padding:6px 3px}}

/* === MJ MEDIA HEADER: clock above search + original logo beside newspaper name === */
.site-header{min-height:112px;height:auto;display:grid;grid-template-columns:1fr minmax(360px,560px) 1fr;grid-template-areas:"tools center brand";align-items:center;background:#fff2c9;border-bottom:1px solid #ddd;padding:12px 3%;gap:18px;direction:ltr}
.site-header .brand{grid-area:brand;justify-self:end;display:flex;align-items:center;gap:9px;direction:ltr}
.site-header .brand-text{direction:rtl;text-align:center}
.site-header .brand-text b{font-size:38px;letter-spacing:-1px;white-space:nowrap}
.site-header .brand-text b span{color:#dfa600}
.site-header .brand-text small{display:block;text-align:center;font-weight:700;margin-top:2px}
.site-header .brand-logo{width:70px;height:70px;display:grid;place-items:center;overflow:hidden;flex:0 0 70px}
.site-header .brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.site-header .header-center-logo{grid-area:center;display:flex;align-items:center;justify-content:center;width:100%;height:92px;overflow:hidden}
.site-header .header-center-logo img{width:min(100%,540px);height:90px;object-fit:contain;display:block}
.site-header .header-tools{grid-area:tools;display:flex;flex-direction:column;align-items:flex-start;gap:7px;direction:ltr;justify-self:start}
.site-header .header-info{display:flex;align-items:center;justify-content:flex-start;gap:9px;direction:rtl;white-space:nowrap;width:100%}
.live-clock{font-size:18px;font-weight:800;color:#111;direction:ltr}
.live-date{font-size:13px;font-weight:700;color:#333}
.theme-toggle{width:36px;height:32px;border:1px solid #caa12b;background:#fff;color:#111;border-radius:5px;cursor:pointer;font-size:17px;line-height:1}
.site-header .search{display:flex;width:390px;max-width:100%;direction:ltr}
.site-header .search input{width:100%;padding:11px;border:1px solid #bbb;direction:rtl;text-align:right}
.site-header .search button{width:48px;background:#111;color:white;border:0;font-size:22px}
.mj-dark{background:#111!important;color:#eee!important}
.mj-dark .site-header{background:#171717;border-color:#333}
.mj-dark .live-clock,.mj-dark .live-date{color:#eee}
.mj-dark .theme-toggle{background:#222;color:#fff;border-color:#dca600}
.mj-dark .panel,.mj-dark .latest-card,.mj-dark .category-tabs a,.mj-dark .ticker{background:#181818;color:#eee;border-color:#333}
.mj-dark .panel h2,.mj-dark .category-tabs a{color:#eee}
.mj-dark .category-tabs a{border-bottom-color:#dda500}
.mj-dark .search input{background:#222;color:#fff;border-color:#555}
@media(max-width:1200px){.site-header{grid-template-columns:1fr minmax(300px,440px) 1fr}.site-header .header-tools{width:100%}.site-header .search{width:100%;max-width:330px}.live-date{display:none}}
@media(max-width:850px){.site-header{grid-template-columns:1fr;grid-template-areas:"brand" "center" "tools";justify-items:center}.site-header .brand{justify-self:center}.site-header .header-tools{justify-self:center;align-items:center;width:min(100%,390px)}.site-header .header-info{justify-content:center}.site-header .header-center-logo{height:80px}.site-header .header-center-logo img{height:76px}.site-header .search{width:100%}}
@media(max-width:650px){.site-header .brand-text b{font-size:28px}.site-header .brand-logo{width:58px;height:58px;flex-basis:58px}}

/* WordPress-ready MJ MEDIA header */
.site-header{min-height:128px;height:auto;display:grid;grid-template-columns:1fr minmax(420px,560px) 1fr;grid-template-areas:"tools center brand";align-items:center;background:#fff2c9;border-bottom:1px solid #ddd;padding:10px 3%;gap:18px;direction:ltr}
.site-header .brand{grid-area:brand;justify-self:end;display:flex;align-items:center;gap:10px;direction:ltr}
.site-header .brand-text{direction:rtl;text-align:center}
.site-header .brand-text b{font-size:38px;letter-spacing:-1px;white-space:nowrap}
.site-header .brand-text b span{color:#dfa600}
.site-header .brand-text small{display:block;text-align:center;font-weight:700;margin-top:2px}
.site-header .brand-logo{width:70px;height:70px;display:grid;place-items:center;overflow:hidden;flex:0 0 70px}
.site-header .brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.site-header .header-center-logo{grid-area:center;display:flex;align-items:center;justify-content:center;width:100%;height:102px;overflow:hidden}
.site-header .header-center-logo img{width:min(100%,560px);height:100px;object-fit:contain;display:block}
.site-header .header-tools{grid-area:tools;justify-self:start;direction:rtl;min-width:290px}
.site-header .header-info{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:9px;direction:ltr}
.site-header .live-clock{font-size:22px;font-weight:800;direction:ltr}
.site-header .live-date{font-weight:700;direction:rtl;white-space:nowrap}
.site-header .theme-toggle{width:40px;height:40px;border:1px solid #e0aa00;border-radius:8px;background:#fff;color:#111;cursor:pointer}
.site-header .search{display:flex;width:290px;direction:ltr}
.site-header .search input{width:100%;padding:11px;border:1px solid #bbb;background:#fff}
.site-header .search button{width:48px;background:#111;color:#fff;border:0;font-size:22px;cursor:pointer}
.main-nav{height:49px;background:#0b0b0b;display:flex;justify-content:center;overflow:auto;direction:rtl}
.main-nav a{color:#fff;text-decoration:none;padding:14px 22px;border-left:1px solid #222;white-space:nowrap}
.main-nav a:hover,.main-nav a.active{color:#e0aa00;border-bottom:3px solid #e0aa00}
.breaking{margin:13px auto;width:98%;height:48px;display:flex;direction:rtl;border:1px solid #edbcbc}
.breaking strong{background:#e11b22;color:#fff;padding:12px 20px;direction:rtl;white-space:nowrap}
.ticker{overflow:hidden;flex:1;background:#fff}
.ticker-track{display:inline-block;white-space:nowrap;padding:12px 0;font-weight:700;color:#d51b1b;animation:ticker 22s linear infinite}
.ticker-track span{margin:0 35px}
.hidden{display:none!important}
@media(max-width:1000px){
 .site-header{grid-template-columns:1fr;grid-template-areas:"brand" "center" "tools";justify-items:center}
 .site-header .brand,.site-header .header-tools{justify-self:center}
 .site-header .header-center-logo{height:90px}
}
@media(max-width:650px){
 .site-header .brand-text b{font-size:28px}
 .site-header .header-center-logo img{max-width:100%;height:82px}
 .site-header .header-tools,.site-header .search{width:100%;min-width:0}
 .site-header .header-info{justify-content:center;flex-wrap:wrap}
}
body.mj-dark{background:#111;color:#eee}
body.mj-dark .panel,body.mj-dark .latest-card,body.mj-dark .winner,body.mj-dark .category-tabs a{background:#1d1d1d;color:#eee;border-color:#333}
body.mj-dark .ticker{background:#1d1d1d}
.fifa-standings .ranking-head h2{margin-bottom:4px}.fifa-standings .ranking-head h3{margin-top:0;font-size:14px}.fifa-standings .club-name img{width:24px;height:16px;object-fit:contain;vertical-align:middle;margin-left:6px;border-radius:2px}

/* === MJ MEDIA ARTICLES PANEL === */
.articles-panel{height:100%;min-height:410px}
.articles-section{height:100%;display:flex;flex-direction:column}
.articles-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:2px solid #e0aa00;padding-bottom:8px;margin-bottom:4px}
.articles-heading h2{border:0;margin:0;padding:0;text-align:right}
.articles-heading span{font-size:12px;color:#777}
.articles-list{flex:1}
.article-mini{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #ddd;align-items:flex-start}
.article-mini img{width:92px;height:70px;object-fit:cover;flex:0 0 92px}
.article-mini h3{font-size:15px;line-height:1.55;margin:0 0 4px}
.article-mini small{color:#777}
.article-mini .read-link{font-size:13px}
.articles-panel .gold-btn{margin-top:10px}
@media(max-width:650px){.articles-panel{min-height:auto}.article-mini img{width:82px;height:62px;flex-basis:82px}}

/* MJ MEDIA Footer v15: preserve original footer layout + configurable content/social links */
.mj-footer{display:block !important;background:var(--mj-footer-bg,#101010);color:var(--mj-footer-text,#fff);margin-top:15px;width:100%;clear:both;}
.mj-footer-inner{width:98%;max-width:1400px;margin:0 auto;display:grid !important;grid-template-columns:repeat(5,minmax(180px,1fr));gap:25px;padding:28px 5%;direction:rtl;align-items:start;}
.mj-footer-column{min-width:0;direction:rtl;text-align:right;}
.mj-footer-column h3{color:var(--mj-footer-accent,#e0aa00);margin:0 0 12px;font-size:19px;line-height:1.4;}
.mj-footer-column p{margin:8px 0;line-height:1.7;white-space:normal;word-break:normal;overflow-wrap:normal;}
.mj-footer-column a{color:inherit;text-decoration:none;}
.mj-footer-social-column{grid-column:auto;}
.mj-footer .footer-social{display:flex;align-items:center;justify-content:flex-start;gap:var(--mj-social-gap,12px);margin-top:14px;direction:ltr;flex-wrap:nowrap;}
.mj-footer .footer-social-link{width:var(--mj-social-size,50px);height:var(--mj-social-size,50px);min-width:var(--mj-social-size,50px);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 3px 7px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease;flex:0 0 auto;}
.mj-footer .footer-social-link:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.28);}
.mj-footer .footer-social-link svg{width:calc(var(--mj-social-size,50px) * .48);height:calc(var(--mj-social-size,50px) * .48);display:block;}
.mj-footer .footer-social-youtube{background:#d91f1f;color:#fff;}
.mj-footer .footer-social-x{background:#000;color:#fff;}
.mj-footer .footer-social-instagram{background:linear-gradient(135deg,#405de6 0%,#833ab4 38%,#e1306c 68%,#fd1d1d 82%,#fcb045 100%);color:#fff;}
.mj-footer .footer-social-facebook{background:#2463d4;color:#fff;}
.mj-footer .copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.18);text-align:center;padding-top:15px;width:100%;}
@media(max-width:1100px){.mj-footer-inner{grid-template-columns:repeat(3,minmax(180px,1fr));}}
@media(max-width:800px){.mj-footer-inner{grid-template-columns:repeat(2,minmax(180px,1fr));}}
@media(max-width:650px){.mj-footer-inner{grid-template-columns:1fr;padding:24px 6%;}.mj-footer-social-column{grid-column:auto;}.mj-footer .footer-social{justify-content:flex-start;flex-wrap:wrap;}}

/* Footer social controls: keep icons visible and circular */
.mj-footer .footer-social-link-disabled{cursor:default;opacity:.95;}
.mj-footer .footer-social-link svg{color:#fff!important;}
.mj-footer .footer-social{min-height:var(--mj-social-size,50px);align-items:center;}