/*
 * Full Width Layout CSS - نتائج الثانوية العامة
 * تطبيق العرض الكامل للموقع في الهاتف والكمبيوتر
 */

/* ===== متغيرات العرض الكامل ===== */
:root {
    --full-width: 100%;
    --full-padding: 0;
    --section-padding: 2rem 0;
    --mobile-padding: 1rem;
    --mobile-small-padding: 0.5rem;
}

/* ===== تطبيق العرض الكامل للعناصر الأساسية ===== */

/* تطبيق العرض الكامل للجسم */
html, body {
    width: var(--full-width);
    max-width: var(--full-width);
    overflow-x: hidden;
}

/* تطبيق العرض الكامل للحاوية */
.container {
    width: var(--full-width);
    max-width: var(--full-width);
    padding: var(--full-padding);
    margin: 0;
}

/* تطبيق العرض الكامل للمحتوى الرئيسي */
.main-content {
    width: var(--full-width);
    max-width: var(--full-width);
    padding: var(--section-padding);
}

/* تطبيق العرض الكامل للهيدر */
.site-header {
    width: var(--full-width);
    border-radius: 0;
}

/* تطبيق العرض الكامل لأقسام المحتوى */
.search-section,
.results-section,
.enhanced-colleges-section,
.advanced-statistics-section,
.rankings-analytics-section,
.faq-section,
.instructions {
    width: var(--full-width);
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
}

/* تطبيق العرض الكامل للفوتر */
.site-footer {
    width: var(--full-width);
    border-radius: 0;
}

/* ===== تحسينات للجوال ===== */

@media screen and (max-width: 768px) {
    /* تحسين العرض للجوال */
    .container {
        padding: 0;
    }
    
    .main-content {
        padding: 1rem 0;
    }
    
    .search-section,
    .results-section,
    .enhanced-colleges-section,
    .advanced-statistics-section,
    .rankings-analytics-section,
    .faq-section,
    .instructions {
        padding-left: var(--mobile-padding);
        padding-right: var(--mobile-padding);
    }
    
    /* تحسين النماذج للجوال */
    .search-form {
        padding: 0 var(--mobile-padding);
    }
    
    /* تحسين الشبكات للجوال */
    .info-grid,
    .subjects-grid,
    .enhanced-colleges-grid,
    .stats-grid {
        padding: 0 var(--mobile-padding);
    }
}

@media screen and (max-width: 480px) {
    /* تحسين العرض للأجهزة الصغيرة */
    .search-section,
    .results-section,
    .enhanced-colleges-section,
    .advanced-statistics-section,
    .rankings-analytics-section,
    .faq-section,
    .instructions {
        padding-left: var(--mobile-small-padding);
        padding-right: var(--mobile-small-padding);
    }
    
    .search-form {
        padding: 0 var(--mobile-small-padding);
    }
    
    .info-grid,
    .subjects-grid,
    .enhanced-colleges-grid,
    .stats-grid {
        padding: 0 var(--mobile-small-padding);
    }
}

/* ===== تحسينات للكمبيوتر ===== */

@media screen and (min-width: 769px) {
    /* تحسين العرض للكمبيوتر */
    .container {
        padding: 0;
    }
    
    .main-content {
        padding: 2rem 0;
    }
    
    .search-section,
    .results-section,
    .enhanced-colleges-section,
    .advanced-statistics-section,
    .rankings-analytics-section,
    .faq-section,
    .instructions {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* ===== تحسينات إضافية ===== */

/* إزالة الحدود المستديرة */
.search-section,
.results-section,
.enhanced-colleges-section,
.advanced-statistics-section,
.rankings-analytics-section,
.faq-section,
.instructions,
.site-header,
.site-footer {
    border-radius: 0 !important;
}

/* ضمان عدم وجود هوامش جانبية */
.search-section,
.results-section,
.enhanced-colleges-section,
.advanced-statistics-section,
.rankings-analytics-section,
.faq-section,
.instructions {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* تحسين العرض للطباعة */
@media print {
    .container,
    .main-content,
    .search-section,
    .results-section,
    .enhanced-colleges-section,
    .advanced-statistics-section {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}