/* ThemeAlchemist Custom Styling - Nuvero Scent 
   إعادة تشكيل الهوية البصرية لمتجر نوفيرو سينت
*/
:root {
    --gold-gradient: linear-gradient(135deg, #b08d57 0%, #8e6d3d 100%);
    --glass-bg: rgba(255, 255, 255, 0.85);
    --soft-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 1. تحسين الهيدر (Header) - تأثير الزجاج الضبابي */
header.main-header {
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    background: var(--glass-bg) !important;
    border-bottom: 1px solid rgba(176, 141, 87, 0.2);
    transition: var(--transition-smooth);
}

/* 2. بطاقات المنتجات (Product Cards) - لمسة عصرية */
salla-product-card {
    transition: var(--transition-smooth) !important;
    border-radius: 20px !important;
    overflow: hidden;
    border: 1px solid transparent !important;
    background: #fff !important;
}

salla-product-card:hover {
    transform: translateY(-10px);
    /* رفع البطاقة للأعلى عند المرور */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
    border-color: #b08d57 !important;
}

/* تأثير التكبير لصورة المنتج */
salla-product-card .s-product-card-image img {
    transition: transform 0.8s ease-in-out !important;
}

salla-product-card:hover .s-product-card-image img {
    transform: scale(1.1);
    /* تكبير طفيف للصورة لإبراز تفاصيل الزجاجة */
}

/* 3. الأزرار (Buttons) - تحويلها إلى أزرار فاخرة */
.s-button-primary, salla-add-product-button button {
    background: var(--gold-gradient) !important;
    border: none !important;
    border-radius: 50px !important;
    /* حواف دائرية كاملة */
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(176, 141, 87, 0.3) !important;
    transition: var(--transition-smooth) !important;
    position: relative;
    overflow: hidden;
}

.s-button-primary:hover, salla-add-product-button button:hover {
    box-shadow: 0 8px 25px rgba(176, 141, 87, 0.5) !important;
    transform: scale(1.03);
    filter: brightness(1.1);
}

/* 4. البنرات (Banners) - زوايا ناعمة */
.swiper-slide img, .s-block-banner img {
    border-radius: 25px !important;
    box-shadow: var(--soft-shadow);
}

/* 5. شريط التمرير (Scrollbar) المخصص */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #b08d57;
    border-radius: 10px;
}

/* 6. تأثير ظهور العناصر (Fade-in Animation) */
.s-block {
    animation: fadeInUp 0.8s ease backwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 7. الفوتر (Footer) - لمسة داكنة فاخرة */
footer {
    background-color: #947241 !important;
    color: #ffffff !important;
    border-top: 3px solid #b08d57;
    padding-top: 50px !important;
}

svg.absolute.top-0.w-full.h-6.-mt-5.sm\:-mt-10.sm\:h-16.store-footer__curve.z-\[0\] {
}

.footer-is-custom .store-footer {
    border-radius: 20px 20px 0 0;
    background-color: var(--1);
    background: linear-gradient(134deg,transparent -1041%,#947241 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat!important;
  }

.footer-is-custom .store-footer .store-footer__curve {
    color: #947241;
}

.footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__newsletter {
    background-color: #94724121;
    --tw-border-opacity: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229,231,235,var(--tw-border-opacity,1));
}

:root {
    --color-primary: #241d0b;
    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
    --header-bg: #ffffff;
    --header-text-color: #111827;
    --store-text-primary: #111827;
    --store-text-secondary: #4b5563;
    --product-bg: #ffffff;
    --color-primary-dark: #000000;
    --color-primary-light: #4a4331;
    --color-primary-reverse: #f0e9d7;
    --product-image-height: 17rem;
    --product-border-color: #eeeeee;
    --product-enhanced-btn-bg: #161616;
    --product-enhanced-btn-color: #ffffff;
    --products-per-row: 4;
    --footer-bg: #947241;
    --footer-text-color: #947241;
    --bottom-footer-bg: #F9FAFB;
    --countdown-bg: #f3f4f6;
    --countdown-color: #111827;
    --countdown-border-color: #f3f4f6;
    --bottom-nav-bg: #ffffff;
    --bottom-nav-text-color: #111827;
    --wa-btn-bg: #22c55e;
    --wa-btn-text-color: #ffffff;
}