.text-logo {
    font-family: 'Poppins', 'Tajawal', sans-serif;
    font-weight: 700;
    font-size: 18px; /* تكبير قليلاً عن الحجم السابق */
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.text-logo .logo-icon {
    margin-left: 5px; /* زيادة المسافة قليلاً */
    color: #ff7700; /* لون برتقالي */
    font-size: 20px; /* تكبير قليلاً عن الحجم السابق */
}

.text-logo .logo-text-primary {
    color: #ff7700; /* تغيير اللون إلى برتقالي */
}

.text-logo .logo-text-secondary {
    color: #333;
}

@media (max-width: 576px) {
    .text-logo {
        font-size: 16px; /* تكبير قليلاً للشاشات الصغيرة */
    }
    
    .text-logo .logo-icon {
        font-size: 18px; /* تكبير قليلاً للشاشات الصغيرة */
    }
}

/* استبدال الشعار النصي بصورة الخلفية الجديدة */
.text-logo {
    display: inline-block;
    width: 220px;
    height: 60px;
    background-image: url('../images/logosoib.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    overflow: hidden;
}

.text-logo .logo-icon,
.text-logo .logo-text-primary,
.text-logo .logo-text-secondary,
.text-logo span {
    display: none !important;
}

@media (max-width: 576px) {
    .text-logo {
        width: 200px;
        height: 55px;
    }
}

/* توسيط الشعار في منتصف الهيدر ومحاذاة جميع العناصر على نفس الخط */
.header-main {
    position: relative;
    min-height: 60px;
}

.header-main .text-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.header-main .right-section,
.header-main .cart-container {
    position: relative;
    z-index: 2;
    align-items: center;
}

@media (max-width: 576px) {
    .header-main {
        min-height: 55px;
    }
}