/*
 Theme Name:   MasterStudy Child - easyT
 Theme URI:    https://easyt.online
 Description:  Child Theme for MasterStudy - easyT Platform
 Author:       easyT
 Template:     masterstudy
 Version:      1.0.0
 Text Domain:  masterstudy-child
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

/* ══ FONT ══ */
body { font-family: 'Tajawal', sans-serif !important; }

/* ══════════════════════════════════════════════
   صفحة المشغل فقط
══════════════════════════════════════════════ */
body.masterstudy-course-player-body-hidden {

    video,
    video:focus,
    video:active,
    iframe,
    iframe:focus,
    * { outline: none !important; box-shadow: none !important; }

    .site-header, #masthead, .main-navigation,
    .site-footer, #colophon, .footer-widgets { display: none !important; }

    #wpadminbar { display: none !important; }
    html, body { margin-top: 0 !important; }

    background: #080a14 !important;
    color: #e0e4f0 !important;
    min-height: 100vh !important;

    /* HEADER */
    .masterstudy-course-player-header {
        background: #0d0f20 !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        box-shadow: 0 2px 16px rgba(0,0,0,.4) !important;
    }

    .masterstudy-course-player-header * {
        color: #f0f2ff !important;
    }

    /* CONTENT */
    .masterstudy-course-player-content {
        background: #080a14 !important;
    }

    /* TITLES */
    .masterstudy-course-player-content h1,
    .masterstudy-course-player-content h2,
    .masterstudy-course-player-content h3 {
        color: #f0f2ff !important;
        font-weight: 800 !important;
    }

    /* VIDEO */
    video {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
        display: block !important;
        width: 100% !important;
        background: #000 !important;
    }

    /* SIDEBAR */
    .masterstudy-course-player-sidebar {
        background: #0d0f20 !important;
        border-left: 1px solid rgba(255,255,255,.07) !important;
    }

    /* NAV */
    [class*="navigation"] {
        background: #0d0f20 !important;
        border-top: 1px solid rgba(255,255,255,.07) !important;
    }

    /* BUTTONS */
    [class*="navigation"] a,
    [class*="navigation"] button {
        background: #1a1f35 !important;
        color: #a8adc8 !important;
        border-radius: 8px !important;
        padding: 8px 20px !important;
        transition: all .2s !important;
    }

    [class*="navigation"] a:hover {
        background: #e63946 !important;
        color: #fff !important;
    }

    /* COMPLETE BUTTON */
    [class*="complete"] {
        background: linear-gradient(135deg, #e63946, #c1121f) !important;
        color: #fff !important;
        border-radius: 25px !important;
        padding: 10px 24px !important;
    }
}

/* ══════════════════════════════════════════════
   تحسين Responsive (أسلوب كلود)
══════════════════════════════════════════════ */

/* 📱 موبايل */
@media (max-width: 600px) {

    body {
        padding: 0 !important;
    }

    .masterstudy-course-player-content {
        padding: 10px !important;
    }

    .masterstudy-course-player-header {
        padding: 10px 12px !important;
    }

    video,
    .masterstudy-player,
    [class*="masterstudy-player"],
    [class*="masterstudy-video"] {
        width: 100vw !important;
        max-width: 100vw !important;
        border-radius: 0 !important;
    }

    .masterstudy-course-player-content h1 {
        font-size: 16px !important;
    }

}

/* 📲 تابلت */
@media (max-width: 900px) {

    .masterstudy-course-player-content {
        padding: 20px !important;
    }

}

/* 💻 لابتوب */
@media (max-width: 1200px) {

    .masterstudy-course-player-content {
        max-width: 100% !important;
    }

}

/* 🖥️ شاشات كبيرة */
@media (min-width: 1201px) {

    .masterstudy-course-player-content {
        max-width: 1400px;
        margin: auto;
    }

}