/* --- إعدادات الكمبيوتر (Desktop) --- */
@media (min-width: 992px) {
    img.logo-normal {
        /* يمكنك التحكم في هذا الرقم (مثلاً 100px أو 120px) حسب رغبتك */
        height: 100px !important; 
        max-height: 150px !important;
        width: auto !important;
        transition: all 0.3s ease; /* لإضافة نعومة عند التحميل */
    }
    
    /* توسيع الحاوية لتستوعب الحجم الجديد للشعار */
    .header-inner, .header-column.column-left {
        height: auto !important;
        min-height: 110px !important;
    }
}

/* --- إعدادات الجوال (Mobile) --- */
@media (max-width: 991px) {
    /* جعل الشعار في المنتصف وتكبيره */
    .header-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    img.logo-normal {
        height: 80px !important; 
        max-height: 100px !important;
        width: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* موازنة العناصر الجانبية لضمان التوسط */
    .header-column.column-left {
        flex: 1;
        display: flex;
        justify-content: center;
    }
}