/* تعديل السلة */
.s-cart-summary-count {
    background-color: #e95100 !important;
    color: white !important;
    border-radius: 50%;
    border-color: transparent !important;
    box-shadow: none !important;
}
.s-cart-summary-count:hover {
    background-color: #00529d !important;
    color: #e95100 !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* تعديل القوائم */
.main-nav-container {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
    box-shadow: none !important;
}
h2.product-entry__sub-title {
    color: #e95100 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    font-style: italic !important; /* خط مائل */
    background-color: rgba(255, 255, 255, 0.7) !important; /* خلفية شفافة */
    padding: 8px 12px !important; /* مسافة داخلية */
    border-radius: 6px !important; /* زوايا ناعمة */
}




.main-nav-container * {
    color: #00529d !important;
    fill: #00529d !important;
}
.main-nav-container *:hover {
    color: #e95100 !important;
    fill: #e95100 !important;
    transition: color 0.3s ease, fill 0.3s ease;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/* خلفية الكمبيوتر */
body {
    background-image: url('https://i.imgur.com/84tcYdC.gif');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-y: auto;
}

/* خلفية الجوال */
@media (max-width: 768px) {
    body {
        background-image: url('https://i.imgur.com/EWg1i5w.png');
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
        -webkit-overflow-scrolling: touch;
        height: 100%;
    }

}
.s-product-card-content {
    background-color: #F0FCFC !important; /* لون الخلفية للكارد بالكامل */
    
}
.s-product-options-wrapper.hydrated {
    background-color: #F0FCFC !important;
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background-color: #F0FCFC !important; /* اللون الجديد */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background-color: #F0FCFC !important; /* اللون الجديد */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none > div {
    color: #E95100 !important; /* اللون البرتقالي للنص */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none > div > label > b {
    color: #00529D !important; /* اللون الأزرق الداكن */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none > div > label {
    color: #00529D !important; /* اللون الأزرق الداكن */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none > div > salla-quantity-input > div {
    color: #00529D !important; /* لون النص */
}
/* جعل الخلفية شفافة للعنصر الرئيسي */
body > div.app-inner.flex.flex-col.min-h-full > salla-comments > div {
    background-color: rgba(255, 255, 255, 0.5); /* نصف شفافية للخلفية */
}

/* منع تأثير الشفافية على textarea */
body > div.app-inner.flex.flex-col.min-h-full > salla-comments > div > div > salla-comment-form > form > div > div > textarea {
    background-color: #fff; /* لون الخلفية الأبيض الكامل */
    opacity: 1; /* إلغاء الشفافية */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > div.product__description.p-2.px-5.sm\:p-1.leading-7.mb-3 {
    background-color: rgba(255, 255, 255, 0.8); /* تقليل الشفافية */
    color: #00529D; /* لون النص */
    padding: 10px; /* تحسين المسافة الداخلية */
    border-radius: 8px; /* زوايا مستديرة للخلفية (اختياري) */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > h1 {
    color: #E95100; /* لون النص برتقالي */
    background-color: rgba(240, 252, 252, 0.7); /* خلفية شفافة باللون #F0FCFC */
    padding: 10px; /* مسافة داخلية لتحسين المظهر */
    border-radius: 8px; /* زوايا مستديرة للخلفية (اختياري) */
}
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > div.flex.whitespace-nowrap.gap-4.items-center > div.gap-4.flex > h2 {
    color: #E95100; /* لون النص برتقالي */
    background-color: rgba(240, 252, 252, 0.7); /* خلفية شفافة باللون #F0FCFC */
    padding: 10px; /* مسافة داخلية لتحسين المظهر */
    border-radius: 8px; /* زوايا مستديرة للخلفية (اختياري) */
}
#slider-with-bg-1 > div.s-slider-block__title > div.s-slider-block__title-right > h2 {
    color: #E95100; /* لون النص برتقالي */
}
#slider-with-bg-2 > div.s-slider-block__title > div.s-slider-block__title-right > h2 {
    color: #E95100; /* لون النص برتقالي */
}
#slider-with-bg-3 > div.s-slider-block__title > div.s-slider-block__title-right > h2 {
    color: #E95100; /* لون النص برتقالي */
}
#mobile-menu {
    background-color: #F0FCFC;
}
#mobile-menu {
    color: #E95100;
}
.top-navbar {
    background-color: rgba(255, 255, 255, 0) !important; /* خلفية شفافة */
    backdrop-filter: blur(0) !important;
    -webkit-backdrop-filter: blur(0) !important;
    pointer-events: auto !important;
}

.top-navbar * {
    color: #00008B !important; /* أزرق غامق */
    position: relative !important;
}
#mainnav > div > div > div > div.flex.items-center.justify-end > salla-cart-summary > a > p > b {
    display: none !important;
}
#trigger-slot > div {
    background-color: transparent;
}
@media (max-width: 768px) {
    /* جعل الشريط المرجع الأساسي للتحريك */
    #mainnav {
        position: relative !important;
    }

    /* السلة إلى أقصى اليسار مع توازن أفضل */
    #mainnav salla-cart-summary {
        position: absolute !important;
        left: 40px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
        padding-right: 5px !important;
    }

    /* الشعار في المنتصف */
    #mainnav .navbar-brand {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translateX(-50%) translateY(-50%) !important;
        z-index: 5 !important;
    }

    /* إعادة الحساب إلى موقعه الأصلي */
    #mainnav salla-user-menu {
        position: static !important;
        margin-left: -10px !important;
    }

    /* القائمة تبقى في أقصى اليمين */
    #mainnav .sicon-menu.text-primary.text-2x {
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
    }
}
@media (max-width: 768px) {
    /* تكبير الشعار مع الحفاظ على مكانه في المنتصف */
    #mainnav .navbar-brand img {
        transform: scale(3.0) !important; /* تكبير الشعار بنسبة 1.5 */
        transform-origin: center !important; /* إبقاء التكبير من المركز */
        width: auto !important; /* الحفاظ على النسبة الأصلية */
        height: auto !important; /* الحفاظ على النسبة الأصلية */
    }

    /* إبقاء الشعار في المنتصف */
    #mainnav .navbar-brand {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translateX(-50%) translateY(-50%) !important;
    }