/* ================= MATCHES SECTION ================= */

.matches-section {
    background: #f0f4f8;
    padding: 80px 0;
}

.matches-section h2 {
    text-align: center;
    font-size: 42px;
    margin-bottom: 60px;
    background: linear-gradient(135deg, #0077b6 0%, #7b2ff7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Container */
.albaflex {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 12px 12px 0;
}

/* ترتيب الحالات */
.albaflex .live { order: 1; }
.albaflex .not-started { order: 3; }
.albaflex .finished { order: 4; }

/* كارت المباراة */
.AY_Match {
    order: 3;
    overflow: hidden;
    text-align: center;
    background: #eceef2;
    margin-bottom: 12px;
    position: relative;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

/* رابط الضغط */
.AY_Match a {
    color: #1a202c;
}

/* طبقة الضغط */
.MT_Mask {
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    background: rgb(0 0 0 / 60%);
    z-index: 9;
}

.MT_MaskText {
position: absolute;
    bottom: 0;
    right: 0;
    height: 45px;
    margin: auto;
    left: 0;
    top: 0;
    width: 45px;
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' 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,80 c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E");
}

/* معلومات البطولة */
.MT_Info {
    border-top: 2px solid #ddd;
    overflow: hidden;
    width: 100%;
}

.MT_Info ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.MT_Info li {
    flex: 1;
    font-size: 14px;
    padding: 5px 5px 7px;
}

.MT_Info li span {
    margin-right: 5px;
}

/* الهيكل الداخلي */
.AY_Inner {
    display: flex !important;
    align-items: center !important;
}

.AY_Inner > div {
    flex: 0 0 auto;
    width: 33.33333333%;
}

/* الفريق */
.MT_Team {
    display: flex;
    align-items: center;
    flex: 1;
    flex-direction: column;
}

.TM_Logo {
    width: 50%;
}

.TM_Logo img {
    margin: 10px auto;
    display: flex;
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.TM_Name {
    margin: 8px auto;
    font-weight: 600;
    font-size: 15px;
    color: #2d3748;
}

/* بيانات المباراة */
.MT_Data {
    margin: 12px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.MT_Time {
    font-size: 16px;
    color: #263545;
    font-weight: 600;
}

.MT_Result {
    font-size: 22px;
    display: inline-flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    color: #1a202c;
}

/* حالة المباراة */
.MT_Stat {
    position: relative;
    background: #edf2f7;
    padding: 4px 10px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #4a5568;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin: 6px auto 0;
    height: 25px;
    min-width: 60px;
    border: 1px solid #cbd5e0;
}

/* إخفاء النتيجة قبل البداية */
.AY_Match.not-started .MT_Result {
    display: none;
}

/* إخفاء الوقت أثناء المباشر والمنتهي */
.AY_Match.live .MT_Time,
.AY_Match.finished .MT_Time {
    display: none;
}

/* لايف */
@keyframes blinker {
    0%, 100% {
        background: #e53e3e;
        box-shadow: 0 0 10px rgba(229, 62, 62, 0.5);
    }
    50% {
        background: #c53030;
        box-shadow: 0 0 18px rgba(197, 48, 48, 0.7);
    }
}

/* ================= MATCH STATUS STYLING ================= */

/* الحالة الافتراضية */
.MT_Stat{
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    border: none;
    min-width: 70px;
}

/* 🔴 جارية الآن */
.AY_Match.live .MT_Stat{
    background:#c81e1e;
    color:#ffffff;
}

/* 🟢 لم تبدأ بعد */
.AY_Match.not-started .MT_Stat{
    background:#263545;
    color:#ffffff;
}

/* ⚪ منتهية */
.AY_Match.finished .MT_Stat{
    background:#474747;
    color:#ffffff;
}

/* تحميل */
.loading-spinner {
    text-align: center;
    padding: 40px;
}

.loading-spinner p {
    font-size: 18px;
    color: #00d4ff;
    font-weight: 600;
}

/* لا توجد مباريات */
.no-data__msg {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #666;
    font-size: 18px;
}

.MT_Info li:first-child::before {
	    content: "📺";
	}
.MT_Info li::before {
    content: "🎤";
    margin-left: 7px;
}
.MT_Info li:last-child::before {
    content: "🏆";
}