/* =========================
   MOBILE APP STYLE UI
========================= */

@media (max-width: 768px) {

    /* ✅ Full screen app look */
    body {
        background: #0b1220 !important;
    }

    /* ✅ remove default spacing */
    .site, .container, .content {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ✅ main wrapper */
    .cpl-dashboard-wrapper,
    .cpl-prediction-entry-wrapper,
    .cpl-leaderboard-wrapper {
        padding: 12px !important;
    }

    /* ✅ cards like mobile apps */
    .cpl-dash-card,
    .cpl-match-card,
    .cpl-podium-card,
    .cpl-leaderboard-row {

        border-radius: 16px !important;
        padding: 14px !important;

        background: linear-gradient(180deg, #0f172a, #020617) !important;

        border: 1px solid rgba(255,255,255,0.08) !important;

        box-shadow: 0 10px 25px rgba(0,0,0,0.35) !important;
    }

    /* ✅ stack grid */
    .cpl-dash-stats-grid,
    .cpl-dash-main-grid {
        grid-template-columns: 1fr !important;
    }

    /* ✅ hero like mobile */
    .cpl-dash-hero {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    /* ✅ buttons full width */
    button,
    .cpl-save-btn,
    .cpl-bonus-btn {
        width: 100% !important;
        border-radius: 12px !important;
    }

    /* ✅ inputs */
    input, select {
        width: 100% !important;
        height: 44px !important;
        border-radius: 10px !important;
    }

    /* ✅ teams vertical */
    .cpl-next-teams {
        flex-direction: column !important;
    }

    /* ✅ smooth feel */
    * {
        -webkit-tap-highlight-color: transparent;
    }

}
/* =========================================
   ✅ FORCE LTR FOR ENTIRE WEBSITE
========================================= */

/* الصفحة بالكامل */
html, body {
    direction: ltr !important;
    text-align: left !important;
}

/* الهيدر */
header, .site-header {
    direction: ltr !important;
    text-align: left !important;
}

/* القوائم */
nav, .menu, .main-navigation {
    direction: ltr !important;
}

/* اللوجو + المينيو */
.site-header {
    display: flex;
    justify-content: flex-start !important;
}

/* عناصر المينيو */
.menu li {
    float: left !important;
}

/* الأزرار */
button {
    text-align: center;
}



/* تصحيح الجداول */
table {
    direction: ltr !important;
}

/* الفورم */
input, select {
    text-align: left !important;
}

.site-header,
.site-header * {
    direction: ltr !important;
}
.menu-toggle {
    display: block !important;
}