/* =========================================
   Baby Rose Store Theme - Fixed & Optimized
   ========================================= */

/* ---------- الألوان الأساسية ---------- */
:root{
    --primary-color:#9FD8E5 !important;
    --primary-dark:#1E3A5F !important;
    --secondary-color:#DFF5FA !important;
    --accent-color:#FFB6C8 !important;

    --font-color:#1E3A5F !important;
    --white:#ffffff !important;

    --linear-gradient:linear-gradient(90deg,#9FD8E5,#DFF5FA) !important;
}
body,
*:not(i){
    font-family:'bokra' !important;
}

/* ---------- خلفية المتجر ---------- */
body,
section[style="background: #FAFAFA;"]{
    background:
    linear-gradient(180deg,#edf9ff 0%,#f8fdff 100%) !important;
    background-attachment:fixed;
    background:url("https://i.postimg.cc/P5sv2QcY/5555555555555555.png") !important;
}

/* ---------- شاشة البداية ---------- */
.index:before{
    content:'';
    position:fixed;
    inset:0;
    z-index:999999;
    background:#fff url("ضع_رابط_شعارك_هنا") center no-repeat;
    background-size:220px;
    animation:splash 2s ease forwards;
}

/* ---------- الهيدر ---------- */
.main-nav-container,
.main-nav-container.fixed-pinned .inner{
    background:rgba(255,255,255,.92) !important;
    backdrop-filter:blur(10px);
    border-radius:25px;
    border:1px solid #d7eef6;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    width:98%;
    margin:10px auto;
}

.navbar-brand img{
    max-width:170px !important;
    max-height:5rem !important;
    animation:floatLogo 3s ease-in-out infinite;
}

/* ---------- القائمة ---------- */
.main-menu{
    justify-content:center !important;
}

.main-menu li.root-level > a{
    color:var(--primary-dark) !important;
    background:#fff !important;
    border-radius:14px;
    padding:10px 18px !important;
    font-size:14px;
    font-weight:700;
    transition:.3s;
    border:1px solid #d8eef5;
    box-shadow:0 4px 10px rgba(0,0,0,.04);
}

.main-menu li.root-level > a:hover{
    background:var(--primary-color) !important;
    color:#fff !important;
    transform:translateY(-2px);
}

/* ---------- الأزرار ---------- */
.s-button-wide,
.s-button-primary-outline,
.s-button-primary{
    background:var(--primary-dark) !important;
    color:#fff !important;
    border:none !important;
    border-radius:14px !important;
    font-size:15px !important;
    font-weight:700 !important;
    box-shadow:0 8px 20px rgba(30,58,95,.15);
    transition:.3s;
}

.s-button-wide:hover,
.s-button-primary-outline:hover,
.s-button-primary:hover{
    transform:translateY(-2px);
    background:#29507f !important;
}

/* ---------- البنرات ---------- */
.banner--fixed img,
.swiper-slide .rounded-md{
    border-radius:28px !important;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

/* ---------- تصنيفات المتجر ---------- */
.banner-entry{
    border-radius:22px;
    overflow:hidden;
    border:none;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    transition:.3s;
}

.banner-entry:hover{
    transform:translateY(-5px);
}

.banner-entry h3{
    background:rgba(30,58,95,.88);
    color:#fff !important;
    border-radius:14px;
    padding:10px;
    width:75%;
    margin:auto;
    margin-top:110px;
    font-size:15px !important;
}

/* ---------- بطاقات المنتجات ---------- */
.s-product-card-entry{
    background:#fff;
    border-radius:24px !important;
    overflow:hidden;
    border:none !important;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    transition:.3s;
}

.s-product-card-entry:hover{
    transform:translateY(-6px);
}

.s-product-card-image{
    border-radius:24px 24px 0 0 !important;
    overflow:hidden;
}

.s-product-card-content-title a{
    color:var(--primary-dark) !important;
    font-size:15px !important;
    font-weight:700;
    line-height:1.8;
}

.s-product-card-price{
    color:#0f2740 !important;
    font-weight:700;
}

/* ---------- أيقونة المفضلة ---------- */
.s-product-card-wishlist-btn button{
    background:#fff !important;
    border:none !important;
    border-radius:50% !important;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

/* ---------- عناوين الأقسام ---------- */
.s-slider-block__title-right,
.s-block__title .right-side{
    background:var(--primary-dark) !important;
    color:#fff !important;
    border-radius:16px;
    padding:14px 18px !important;
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}

/* ---------- عرض الكل ---------- */
.s-block__display-all,
.s-slider-block__display-all{
    background:#fff !important;
    color:var(--primary-dark) !important;
    border-radius:12px;
    border:1px solid #d9edf4;
    padding:8px 15px !important;
    font-weight:700;
}

/* ---------- مميزات المتجر ---------- */
.s-block--features__item{
    background:#fff;
    border-radius:24px;
    padding:25px 15px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.s-block--features__item:hover{
    transform:translateY(-5px);
}

.s-block--features__item h2{
    color:var(--primary-dark) !important;
    font-size:17px !important;
    font-weight:700;
}

.s-block--features__item p{
    color:#678 !important;
    font-size:14px !important;
}

/*---------------------- الفوتر المعدل ----------------------*/

.store-footer{
    margin-top:0 !important;
    background:transparent !important;
    border:none !important;
}

.store-footer__inner{
    margin-top:.5rem;
    margin-bottom:1rem;
    padding:2.8rem 2rem 2rem 2rem !important;
    border-radius:28px;
    overflow:hidden;

    color:#fff !important;

    background:
    linear-gradient(
        180deg,
        rgba(18,83,125,0) 0%,
        #0a3449 45%,
        #09212e 100%
    ) !important;

    box-shadow:
    0 20px 30px -10px rgba(0,0,0,.25),
    0 -10px 20px -15px rgba(0,0,0,.18);
}

/* إصلاح الميلان + تنزيل النص */
.store-footer__inner::before{
    content:"";
    display:block;
    height:90px;
    width:100%;

    margin:-32px 0 -5px 0;

    background:
    linear-gradient(180deg,transparent 38%,#fff 94%),
    url(https://cdn.salla.sa/DRoad/ClixJODLz41hLd2sASqRybf7hYd4oRK9yvH7sHUU.png);

    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;

    transform:rotate(180deg);
}

/* تنزيل عنوان المتجر */
.store-footer .footer-title,
.store-footer .about-store h3,
.store-footer .store-name{
    margin-top:18px !important;
    position:relative;
    z-index:5;
}

.store-footer h3{
    margin-bottom:.8rem;
    text-align:center;
    color:#fff !important;
    font-size:18px;
}

.store-footer a{
    color:#fff !important;
    text-decoration:none;
    transition:.3s;
}

.store-footer a:hover{
    opacity:.85;
}

.store-footer .social-link,
.s-social-link a,
.s-contacts-icon{
    height:3rem;
    width:3rem;
    border-radius:17px;
}

.s-social-link a svg,
.s-contacts-icon svg{
    height:1.24rem;
    width:1.24rem;
}

.s-social-list{
    justify-content:center;
}

.s-contacts-list{
    display:flex;
    flex-direction:row !important;
    justify-content:center;
    gap:.5rem;
}

.footer-is-light .store-footer .contact-social{
    display:none;
}

.s-menu-footer-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:1rem;
}

footer .md\:flex{
    max-width:3331px;
    margin:0 auto;
    border-radius:18px;

    background:
    linear-gradient(
        180deg,
        rgba(18,83,125,0) 0%,
        #0a3449 50%,
        #09212e 100%
    ) !important;
}

.copyright-text p{
    color:#fff !important;
}

.unicode{
    display:none;
}

/* ---------- السلة ---------- */
.cart .s-button-primary{
    background:var(--primary-dark) !important;
    color:#fff !important;
}

/* ---------- صفحة المنتج ---------- */
.product-form .sticky-product-bar{
    border-radius:22px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    border:none;
}

/* ---------- آراء العملاء ---------- */
.testimonials-slider .swiper-slide{
    border-radius:24px;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    border:none;
}

/* ---------- الجوال ---------- */
@media(max-width:767px){

    body{
        overflow-x:hidden;
    }

    .main-nav-container,
    .main-nav-container.fixed-pinned .inner{
        width:94%;
        border-radius:18px;
    }

    .navbar-brand img{
        max-height:4rem !important;
    }

    .banner-entry h3{
        width:90%;
        margin-top:80px;
        font-size:12px !important;
    }

    .s-product-card-fit-height .s-product-card-image{
        height:14rem;
    }

    .store-footer,
    .store-footer__inner{
        width:100% !important;
        overflow:hidden;
        border-radius:22px;
    }

    .store-footer__inner{
        padding:2.5rem 1.5rem 1.5rem 1.5rem !important;
    }

    .store-footer__inner::before{
        height:70px;
        margin:-24px 0 5px 0;
        background-size:cover;
    }

    /* تنزيل اسم المتجر بالجوال */
    .store-footer .footer-title,
    .store-footer .about-store h3,
    .store-footer .store-name{
        margin-top:20px !important;
    }

    .s-menu-footer-list{
        gap:.7rem;
    }

    .s-products-list-horizontal-cards{
        grid-template-columns:repeat(1,minmax(0,1fr)) !important;
    }
}

/* ---------- الأنيميشن ---------- */
@keyframes splash{
    0%{
        transform:scale(1);
        opacity:1;
    }

    80%{
        transform:scale(1);
        opacity:1;
    }

    100%{
        transform:scale(1.5);
        opacity:0;
        visibility:hidden;
    }
}

@keyframes floatLogo{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-5px);
    }
}