/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */ 
:root {
    --color-primary: #ac7e81;
    --color-primary-dark: #85575a;
    --color-primary-light: #d2a4a7;
    --color-primary-reverse: #2c0001;
}

/*===start header===*/
.s-slider-block__title {
    align-items: center;
    justify-content: center !important;
}

[dir="rtl"] .s-slider-block__title h2 {
    padding-left: 0rem;
    text-align: center;
}

div.s-block__title {
    justify-content: center;
}

/*تغيير لون الهيدر*/
.main-nav-container {
    background-color: #fff;
}

/*ايقونات الهيدر*/
.header-btn__icon {
    color: var(--color-primary);
    border: none;
}

/*ايقونة القائمة الجانبية*/
.sicon-menu:before {
    color: var(--color-primary);
}

/*search*/
.top-navbar {
    background-color: #ffff;
}

/*ملخص السلة*/
.s-cart-summary-total {
    color: #000;
}

/*==start slider image==*/
@media (min-width: 750px) {
    salla-slider.photos-slider .swiper-slide {
        position: relative;
        margin-left: 0rem;
        margin-right: 0rem;
        height: auto;
        width: 100%;
        overflow: hidden;
        border-radius: 0.375rem;
    }

    section:nth-of-type(1).s-block.s-block--photos-slider {
        margin-top: 0rem;
    }
}

@media (max-width: 991px) {
    salla-slider.photos-slider .swiper {
        padding-left: 0 !important;
    }

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

/*==start categories==*/
s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr;
}

.s-block.s-block--banners > .grid .banner-entry {
    padding-top: 0%;
    transition: transform 0.4s ease, box-shadow 0.4s ease, background-color 0.4s ease;
    border-radius: 8px;
    overflow: hidden;
}

.s-block.s-block--banners > .grid .banner-entry:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    background-color: #fef0f3;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.s-block.s-block--banners:nth-of-type(19) {
    margin-bottom: 1rem;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: 170px;
}

@media (max-width: 2001px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

/*categories responsive*/
@media (max-width: 600px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 110px;
    }
}

@media screen and (max-width: 900px) and (min-width:601px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 210px;
    }
}

@media screen and (min-width:901px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 280px;
    }
}

/*==start products==*/
.s-product-card-entry {
    border: 1px solid var(--color-primary);
    box-shadow: rgba(0,0,0,0.1) 0 2px 5px;
    border-radius: 8px;
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.s-product-card-entry:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    background-color: #fff8f9;
}

salla-add-product-button[width=wide]:hover {
    animation: signal 2s infinite;
    transform: translateY(-2px);
}

@keyframes signal {
    0% { box-shadow: 0 0 0 0 var(--color-primary) inset; }
    100% { box-shadow: 0 0 0 5px var(--color-primary) inset; }
}

/*==general==*/
body#app {
    background-color: #fff;
}

.app-inner.flex.flex-col.min-h-full {
    background-color: #ffffff;
}

.shadow-default {
    box-shadow: none;
}

/* تكبير الشعار على كل الأجهزة */
header .store-logo img,
.header .store-logo img {
    width: 300px !important; /* يمكن زيادة أو تقليل القيمة حسب الحجم المطلوب */
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important; /* لتوسيط الشعار */
}

/* التأكد أن الحاوية تسمح بالشعار الكبير */
.header .store-logo,
.header .header-inner {
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
}

/*===============================
   القائمة الرئيسية - Main Menu
===============================*/
.header .main-menu {
    display: flex !important;
    justify-content: center;
    gap: 20px;
}

.header .main-menu li a:hover {
    color: var(--color-primary) !important;
    font-weight: bold;
}

/*===============================
   الهامبرغر على الموبايل
===============================*/
@media screen and (max-width: 767px) {
    .header .mobile-menu-button {
        display: block !important;
        cursor: pointer !important;
    }

    .header .mobile-menu-button svg {
        width: 30px !important;
        height: 30px !important;
    }

    .header .main-menu {
        display: none !important;
    }
}

/*===============================
   الفوتر - Footer
===============================*/
.footer-is-light .store-footer .store-footer__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #000;
    color: #fff;
}

.footer-is-light .store-footer a {
    color: #fff;
}

@media (max-width: 991px) {
    .store-footer {
        text-align: center;
        margin-top: 0px;
    }

    .store-footer a {
        justify-content: center;
        flex-direction: column;
    }
}

/*===============================
   إضافات عامة للهيدر والشعار
===============================*/
.header .main-menu {
    display: flex;
    justify-content: center;
    gap: 20px;
}


/* تكبير شعار Dream Land بشكل كامل */
.header .store-logo {
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important; /* السماح للشعار بالتمدد */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.header .store-logo img {
    width: 400px !important;     /* حجم ثابت للشعار */
    height: auto !important;
    max-width: none !important;  /* إزالة أي حد أقصى */
    max-height: none !important;
    display: block !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 9999 !important;
}