:root{--mm-bg-wrapper:#faf6ec;--mm-bg-tabs:#ffffff;--mm-bg-event:#fefefe;--mm-tab-btn-bg:rgb(183 145 8 / 35%);--mm-tab-btn-color:#1a1a2e;--mm-tab-btn-hover:rgb(238 196 43 / 35%);--mm-tab-active-bg:linear-gradient(93deg,#D4AF37 0%,#ecdea9 50% 50%,#D4AF37 90%);--mm-tab-active-color:#896c0f;--mm-tab-active-border:#c9a84c;--mm-team-name-color:#1a1a2e;--mm-logo-bg:#ffffff;--mm-logo-shadow:#c9a84c;--mm-hour-color:#1a1a2e;--mm-result-color:#1a1a2e;--mm-info-color:#000;--mm-no-matches-color:#6c757d;--mm-event-shadow:inset 0 -1px 3px 2px rgb(0 0 0/.21);--mm-overlay-bg:rgb(0 0 0/.45)}
[data-theme="light"]{--mm-bg-wrapper:#faf6ec;--mm-bg-tabs:#ffffff;--mm-bg-event:#fefefe;--mm-tab-btn-bg:rgb(183 145 8 / 35%);--mm-tab-btn-color:#1a1a2e;--mm-tab-btn-hover:rgb(238 196 43 / 35%);--mm-tab-active-bg:linear-gradient(93deg,#D4AF37 0%,#ecdea9 50% 50%,#D4AF37 90%);--mm-tab-active-color:#896c0f;--mm-tab-active-border:#c9a84c;--mm-team-name-color:#1a1a2e;--mm-logo-bg:#ffffff;--mm-logo-shadow:#c9a84c;--mm-hour-color:#1a1a2e;--mm-result-color:#1a1a2e;--mm-info-color:#000;--mm-no-matches-color:#6c757d;--mm-event-shadow:inset 0 -1px 3px 2px rgb(0 0 0/.21);--mm-overlay-bg:rgb(0 0 0/.45)}
[data-theme="dark"]{--mm-bg-wrapper:#1c1a14;--mm-bg-tabs:#26231a;--mm-bg-event:#39352e;--mm-tab-btn-bg:linear-gradient(93deg,#2e2b22 0%,#38342a 50% 50%,#2e2b22 90%);--mm-tab-btn-color:#e8dfc8;--mm-tab-btn-hover:rgb(45 106 79/.25);--mm-tab-active-bg:linear-gradient(93deg,#7a5f10 0%,#c9a84c 50% 50%,#7a5f10 90%);--mm-tab-active-color:#fdeea0;--mm-tab-active-border:#D4AF37;--mm-team-name-color:#e8dfc8;--mm-logo-bg:#aa8008;--mm-logo-shadow:#000;--mm-hour-color:#e8dfc8;--mm-result-color:#D4AF37;--mm-info-color:#9e9480;--mm-no-matches-color:#9e9480;--mm-event-shadow:inset 0 -1px 3px 2px rgb(0 0 0/.50);--mm-overlay-bg:rgb(0 0 0/.60)}

.modern-match-wrapper{margin:0 auto;background:var(--mm-bg-wrapper);border-radius:10px;padding:8px;margin-bottom:8px;margin-top:10px;box-sizing:border-box;line-height:normal;position:relative;z-index:1;border:none}
.modern-match-wrapper *,.modern-match-wrapper *::before,.modern-match-wrapper *::after{box-sizing:border-box}
.modern-match-wrapper .modern-match-container{overflow:hidden}
.modern-match-wrapper .match-tabs-container{background:var(--mm-bg-tabs);border-radius:7px;padding:1px;margin-bottom:8px;border:1px solid var(--blogged-border)}
.modern-match-wrapper .match-tabs{display:flex;gap:0;border-radius:10px;padding:3px;justify-content:space-between;align-items:center;width:100%}
.modern-match-wrapper .tab-button{padding:8px;border:none;border-radius:5px;font-weight:600;font-size:14px;cursor:pointer;transition:color .2s,background .2s;background:var(--mm-tab-btn-bg);color:var(--mm-tab-btn-color);width:33%;margin:0;line-height:normal;text-transform:none;letter-spacing:normal;text-decoration:none;box-shadow:none;outline:none;float:none;position:static;font-family:inherit}
.modern-match-wrapper .tab-button:hover{background:var(--mm-tab-btn-hover)}
.modern-match-wrapper .tab-button.active{background:var(--mm-tab-active-bg);color:var(--mm-tab-active-color);border-bottom:2px solid var(--mm-tab-active-border)}
.modern-match-wrapper .tab-content-container{padding:0}
.modern-match-wrapper .tab-content{display:none}
.modern-match-wrapper .tab-content.active{display:block}
.modern-match-wrapper .matchflex{display:flex;flex-direction:column;gap:5px}

.modern-match-wrapper .match-event{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"team1 time team2" "info info info";background:var(--mm-bg-event);border-radius:10px;padding:10px 0;position:relative;overflow:hidden;border-inline:3px solid;box-shadow:var(--mm-event-shadow);transition:transform .2s,box-shadow .2s;justify-items:stretch;align-items:center}
.modern-match-wrapper .match-event:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0/.12)}
.modern-match-wrapper .match-event.match-live{border-inline-color:#e63946}
.modern-match-wrapper .match-event.match-soon{border-inline-color:#ff7b0a}
.modern-match-wrapper .match-event.match-notstart{border-inline-color:#c9a84c}
.modern-match-wrapper .match-event.match-end{border-inline-color:#a98201}

.modern-match-wrapper .first-team,.modern-match-wrapper .left-team{display:flex;align-items:center;text-align:center;z-index:3}
.modern-match-wrapper .first-team{grid-area:team1;flex-direction:row-reverse}
.modern-match-wrapper .left-team{grid-area:team2;flex-direction:row}
.modern-match-wrapper .team-logo{width:48px;height:48px;border-radius:15%;padding:4px;box-shadow:0 0 7px 0 var(--mm-logo-shadow);overflow:hidden;flex-shrink:0;background:var(--mm-logo-bg)}
.modern-match-wrapper .team-logo img{width:100%;height:100%;object-fit:contain;border-radius:unset;max-width:100%}
.modern-match-wrapper .team-name{font-size:14px;font-weight:700;color:var(--mm-team-name-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 8px}

.modern-match-wrapper .match-time{grid-area:time;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px;z-index:3;min-width:100px}
.modern-match-wrapper .match-timing{display:flex;flex-direction:column;align-items:center}
.modern-match-wrapper #match-hour{font-size:15px;font-weight:700;color:var(--mm-hour-color);border-radius:20px}
.modern-match-wrapper #result-now{font-size:13px;font-weight:600;color:var(--mm-result-color);letter-spacing:3px;display:none}
.modern-match-wrapper .match-event.match-end #result-now{display:block}
.modern-match-wrapper .match-date{font-size:13px;font-weight:700;padding:3px 8px;display:flex;justify-content:center;min-width:70px;border-radius:5px}
.modern-match-wrapper .match-date.not-start{background:#0263d7;color:#fff;display:none}
.modern-match-wrapper .match-date.soon{background:#2d6a4f;color:#fff;display:none}
.modern-match-wrapper .match-date.live{background:#ff0013;color:#fff;will-change:opacity;animation:mm-pulse 1.5s infinite}
.modern-match-wrapper .match-date.end{background:#a98201;color:#fff}
@keyframes mm-pulse{0%,100%{opacity:1}50%{opacity:.6}}
.modern-match-wrapper .match-countdown{font-size:13px;font-weight:600;color:#6b5200;background:#2d6a4f;display:flex;padding:2px 9px;border-radius:5px;align-items:center;justify-content:center;min-width:70px}
.modern-match-wrapper .match-event.match-notstart .match-countdown{background:#ffd951}
.modern-match-wrapper .match-event.match-soon .match-countdown{background:#ff7b0a;color:#ffffffeb;text-shadow:0 0 2px #000}
.modern-match-wrapper .match-info{grid-area:info;z-index:3}
.modern-match-wrapper .match-info ul{list-style:none;margin:0;padding:0;display:flex;max-width:100px;text-align:center}
.modern-match-wrapper .match-info li{margin:0 8px;font-size:10px;color:var(--mm-info-color);padding:2px 8px;border-radius:0 0 6px 6px;list-style:none!important}
.modern-match-wrapper #match-live{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.modern-match-wrapper #overlay-match{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:var(--mm-overlay-bg);opacity:0;transition:opacity .2s;border-radius:10px}
.modern-match-wrapper .match-event:hover #overlay-match{opacity:1}
.modern-match-wrapper #watch-match{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(.9);width:40px;height:40px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-0.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,0.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57S349.156,266.641,344.48,269.57z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:transform .2s}
.modern-match-wrapper .match-event:hover #watch-match{transform:translate(-50%,-50%) scale(1.1)}
.modern-match-wrapper .no-matches{text-align:center;padding:20px;color:var(--mm-no-matches-color);font-size:14px}
.modern-match-wrapper .no-matches p{margin-bottom:unset}

.mmd-post-card{font-family:"Neo Sans Arabic","Almarai","Changa",Georgia,"Times New Roman",serif;background:radial-gradient(ellipse at 20% 50%,rgb(212 175 55/.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgb(212 175 55/.18) 0%,transparent 60%),linear-gradient(160deg,#2a1f00 0%,#1a1300 40%,#2a1f00 100%);border-radius:16px;overflow:hidden;margin:0 0 32px;border:1px solid rgb(212 175 55/.35);box-shadow:0 2px 0 0 rgb(252 253 107/.6),0 10px 20px 0 rgb(0 0 0/.5),inset 0 1px 0 rgb(255 255 255/.06);position:relative}
.mmd-post-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#D4AF37 20%,#fcfd6b 50%,#D4AF37 80%,transparent 100%)}
.mmd-pc-header{display:flex;align-items:center;justify-content:center;padding:16px 20px 8px}
.mmd-pc-competition{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:#D4AF37;display:flex;align-items:center;gap:7px;text-shadow:0 0 20px rgb(212 175 55/.4)}
.mmd-pc-trophy{font-size:15px}
.mmd-pc-body{display:flex;align-items:center;justify-content:space-between;padding:20px 32px 30px;gap:16px;position:relative;z-index:1}
.mmd-pc-team{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;min-width:0}
.mmd-pc-logo{width:90px;height:90px;background:rgb(255 255 255/.06);border-radius:50%;padding:11px;display:flex;align-items:center;justify-content:center;border:2px solid rgb(212 175 55/.4);box-shadow:0 0 0 4px rgb(212 175 55/.1),0 0 28px rgb(212 175 55/.2),0 4px 20px rgb(0 0 0/.5)}
.mmd-pc-logo img{width:100%;height:100%;object-fit:contain;border-radius:0}
.mmd-pc-no-logo{font-size:40px}
.mmd-pc-name{font-size:17px;font-weight:800;color:#f5e9c8;text-align:center;line-height:1.25;text-shadow:0 1px 4px rgb(0 0 0/.6)}
.mmd-pc-middle{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;min-width:90px}
.mmd-pc-vs{font-size:32px;font-weight:900;color:#D4AF37;letter-spacing:4px;line-height:1;text-shadow:0 0 20px rgb(212 175 55/.5),0 2px 8px rgb(0 0 0/.6)}
.mmd-pc-date{font-size:11px;color:rgb(245 233 200/.5);text-align:center;white-space:nowrap;font-weight:500;background:rgb(212 175 55/.08);padding:3px 10px;border-radius:20px;border:1px solid rgb(212 175 55/.15)}

.mmd-post-article{font-size:16.5px;line-height:1.85;color:inherit;margin:0}
.mmd-post-article[dir="rtl"]{text-align:right}
.mmd-post-article h2{font-size:22px;font-weight:800;line-height:1.35;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgb(212 175 55/.4)}
.mmd-post-article h3{font-size:17px;font-weight:700;margin:28px 0 10px;padding-inline-start:10px;border-inline-start:3px solid #D4AF37}
.mmd-post-article p{margin:0 0 18px}
.mmd-post-article p:last-child{margin-bottom:0}
.mmd-post-article strong{font-weight:700}
.mmd-post-article em.mmd-date-note{font-size:13px;opacity:.6}

@media screen and (max-width:480px){.modern-match-wrapper{padding:5px}.modern-match-wrapper .team-logo{width:40px;height:40px}.modern-match-wrapper .match-date{font-size:10px}.modern-match-wrapper .team-name{font-size:10px;padding:0 4px}.modern-match-wrapper .tab-button{font-size:10px}.modern-match-wrapper .match-time{min-width:70px;padding:0 4px}.modern-match-wrapper #match-hour{font-size:13px}.modern-match-wrapper .match-countdown{font-size:12px}.modern-match-wrapper .match-info li{font-size:9px;margin:0 4px}.modern-match-wrapper .first-team,.modern-match-wrapper .left-team{flex-direction:column;row-gap:3px}}
@media screen and (min-width:900px){.modern-match-wrapper .match-event{column-gap:20px}}
@media(max-width:600px){.mmd-pc-body{padding:18px 14px 24px;gap:8px}.mmd-pc-logo{width:64px;height:64px;padding:8px}.mmd-pc-name{font-size:14px}.mmd-pc-vs{font-size:24px}.mmd-pc-middle{min-width:64px}.mmd-post-article{font-size:15px}.mmd-post-article h2{font-size:19px}}