/* متغيرات الألوان */
:root {
    --blue-main: #007bc4;
    --blue-dark: #267dc2;
    --blue-light: #367fc0;
}

/* ========================================
   Slider Styles - أنماط السلايدر
   ======================================== */
section#IRT__photos-slider-0 {
    margin-bottom: 0;
}

salla-slider#photos-0-slider .swiper-slide {
    width: 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

salla-slider#photos-0-slider .swiper-slide img {
    border-radius: 0 !important;
}

/* ========================================
   Header & Navigation - الهيدر والقوائم
   ======================================== */
.top-navbar {
    background-color: var(--blue-main) !important;
}

.product-index div#mainnav {
    background-color: var(--blue-dark);
}

.product-single div#mainnav,
.product-index-offers div#mainnav,
.cart div#mainnav {
    background-color: var(--blue-dark);
}

div#mainnav,
.inner.bg-inherit.blur_heder {
    padding-block: 15px !important;
}

div#mainnav.fixed-header {
    background-color: var(--blue-main) !important;
}

.sub-menu.w-56 {
    background-color: var(--blue-main);
}

.main-menu > li > a[href*="offer"] {
    color: #ffff !important;
}

.main-menu li.root-level > a:hover,
.main-menu li > a:hover {
    color: #fff !important;
}

i.header-btn__icon.sicon-user-circle {
    background-color: var(--blue-light);
}

i.header-btn__icon.icon.sicon-cart2.bg-primary,
header .sicon-indent-decrease.text-2xl.p-2.rounded-full.bg-primary {
    border: 1px solid;
}

span.s-cart-summary-count {
    background-color: #fff;
    color: var(--blue-main);
    border: 1px solid var(--blue-main);
    font-weight: 800;
}

/* Mobile Header - الهيدر للموبايل */
@media (max-width: 768px) {
    div#mainnav {
        position: relative;
        background-color: var(--blue-dark);
    }
    
    a.navbar-brand {
        display: flex;
        justify-content: center;
    }
    
    a.navbar-brand img {
        width: 60px;
        height: 45px;
    }
    
    div#mainnav,
    .inner.bg-inherit.blur_heder {
        padding-block: 0 !important;
    }
}

/* ========================================
   Partners Section - قسم الشركاء
   ======================================== */
.partners-section {
    width: 100%;
    border-radius: 20px;
    margin-inline: auto;
    margin-bottom: 2rem;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.partners-container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-logo {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.partner-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.partner-logo:hover img {
    filter: brightness(1.1);
}

.swiper-wrapper {
    transition-timing-function: linear !important;
}

@media (max-width: 768px) {
    .section-title h2 {
        font-size: 2rem;
    }
    
    .section-title p {
        font-size: 1rem;
    }
    
    .partner-logo {
        width: 250px;
    }
    
    .partners-container {
        gap: 10px;
    }
}

section#IRT__cutome-structure-6 {
    margin-bottom: 40px;
}

/* ========================================
   Features Section - قسم المميزات
   ======================================== */
section#IRT__fetures-1 .relative.rounded-xl.swiper-slide .IRT_F {
    visibility: hidden !important;
}

a.enhanced-irtiqa-btn.animate__animated.w-fit.py-1.px-2\.5.rounded-md.s-slider-block__display-all.animate__fadeIn {
    font-size: 20px;
    padding: 10px;
}

section#IRT__cat-irtiqa-2 i.sicon-special-discount.text-4xl.mx-2 {
    font-size: 3rem;
    color: #a8d0d7;
}

/* ========================================
   Product Cards - بطاقات المنتجات
   ======================================== */
custom-salla-product-card {
    border: 1px solid;
    transition: 0.5s !important;
    overflow: hidden;
}

h4.s-product-card-price {
    font-size: 20px;
}

custom-salla-product-card:hover {
    transform: translateY(-10px);
    box-shadow: 3px 3px 5px 4px #ddd !important;
    border: 1px solid var(--blue-dark);
}

salla-products-slider.s-products-slider-wrapper.hydrated .swiper-wrapper.s-slider-swiper-wrapper {
    padding-top: 10px;
}

salla-products-slider.h-full.s-products-slider-wrapper.hydrated .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    padding-block: 13px !important;
}

section#IRT__pro-dis-4 .object-cover,
section#IRT__pro-dis-3 .object-cover {
    object-fit: contain;
}

.s-products-list-wrapper.s-products-list-vertical-cards {
    padding-top: 20px;
}

/* ========================================
   Footer - التذييل
   ======================================== */
#IRT__fixed-5 img.lazy.loaded {
    background: transparent !important;
    width: 70% !important;
    margin-inline: auto !important;
    margin-bottom: 2rem !important;
}

footer img.lazy.loaded {
    width: 100px;
}

.store-footer__inner.bg-cover.bg-center.bg-no-repeat {
    color: #fff;
}

@media (max-width: 992px) {
    #IRT__fixed-5 img.lazy.loaded {
        background: transparent !important;
        width: 95% !important;
        margin-inline: auto !important;
        margin-bottom: 2rem !important;
    }
    
    footer .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 * {
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}