.business-hours-widget {
    position: relative;
    display: inline-block;
}

.business-hours-toggle {
    cursor: pointer;
    padding: 2px;
    color: #181010;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin: 5px;
    margin-right: 0px;
    flex-direction: row; /* ترتيب الأيقونة والنص أفقيًا في الوضع الافتراضي */
    text-align: center;
}

.business-hours-toggle i {
    margin-right: 8px;
    color: #c3a005;
}

/* تنسيق عند التحويم */
.business-hours-toggle:hover {
    /* إضافة تأثيرات إذا لزم الأمر */
}

.business-hours-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    
    display: none;
    z-index: 15;
    width: 180%
}

.business-hours-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.business-hours-dropdown li {
    margin: 5px 0;
    font-size: 14px;
    text-align: left;
}

/* استعلامات الوسائط لتحسين العرض على الجوال */
@media (max-width: 768px) {
    .business-hours-widget {
        display: block;
        width: 100%; /* عرض العنصر بالكامل على الجوال */
    }

    /* تغيير ترتيب الأيقونة والنص على الجوال */
    .business-hours-toggle {
        flex-direction: column; /* ترتيب الأيقونة فوق النص على الجوال */
        text-align: center; /* محاذاة النص والأيقونة في المنتصف */
    }

    .business-hours-toggle i {
        margin-bottom: 5px; /* مسافة بين الأيقونة والنص */
    }

    /* فتح القائمة لأعلى على الجوال */
    .business-hours-dropdown {
            position: absolute;
    top: -220px;
    
    left: -100px!important;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   /* padding: 10px;*/
    display: none;
    z-index: 9999;
    width: fit-content!important;
    
    }

    /* في حال كانت هناك مشكلة في ظهور العنصر بشكل صحيح */
    .business-hours-widget {
        position: relative;
    }
    
    .business-hours-toggle i {
    margin-right: 0;
    color: #c3a005;
}
}