/* Add custom CSS styles below */ 
/* =========================================
   HEADER BEAUTY
   Primary Color: #40BEFF
   Visual changes ONLY
========================================= */

:root {
    --primary-blue: #40BEFF;
    --primary-blue-dark: #1aa9e8;
    --primary-blue-soft: rgba(64, 190, 255, 0.10);
    --primary-blue-border: rgba(64, 190, 255, 0.22);
}

/* =========================================
   HEADER BACKGROUND
========================================= */

.store-header {
    background: linear-gradient(
        180deg,
        #40BEFF 0%,
        #8ddcff 32%,
        #e9f8ff 68%,
        #ffffff 100%
    ) !important;
}

/* نخلي العناصر الداخلية شفافة
   عشان يظهر الـ gradient */
.store-header .top-navbar {
    background: transparent !important;
}

/* =========================================
   TOP NAV
========================================= */

.store-header .top-navbar {
    border: none !important;
}

/* =========================================
   SEARCH
========================================= */

.store-header .header-search {
    background: transparent !important;
}

/* حقل البحث نفسه */
.store-header .s-search-input-wrapper {
    background: #ffffff !important;

    border: 1px solid rgba(64, 190, 255, 0.35) !important;

    box-shadow:
        0 4px 16px rgba(24, 139, 190, 0.12) !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

/* Hover */
.store-header .s-search-input-wrapper:hover {
    border-color: #40BEFF !important;

    box-shadow:
        0 6px 22px rgba(64, 190, 255, 0.20) !important;
}

/* Focus */
.store-header .s-search-input-wrapper:focus-within {
    border-color: #40BEFF !important;

    box-shadow:
        0 0 0 3px rgba(64, 190, 255, 0.12),
        0 6px 22px rgba(64, 190, 255, 0.18) !important;
}

/* أيقونة البحث */
.store-header .s-search-icon {
    color: #40BEFF !important;
}

/* Placeholder */
.store-header .s-search-input::placeholder {
    color: #40BEFF !important;
}

/* =========================================
   MAIN NAV
========================================= */

.store-header .main-nav-container {
    background: rgba(255, 255, 255, 0.92) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-bottom: 1px solid rgba(64, 190, 255, 0.12) !important;

    box-shadow:
        0 5px 20px rgba(64, 190, 255, 0.10) !important;
}

/* =========================================
   MAIN MENU LINKS
========================================= */

.store-header .main-menu > li > a {
    color: #202b33 !important;

    transition:
        color .2s ease,
        background-color .2s ease;
}

/* Hover */
.store-header .main-menu > li > a:hover {
    color: #40BEFF !important;
    background: rgba(64, 190, 255, 0.07) !important;
}

/* Active / selected */
.store-header .main-menu > li.active > a,
.store-header .main-menu > li > a.active {
    color: #40BEFF !important;
}

/* =========================================
   SUB MENU
========================================= */

.store-header .sub-menu {
    background: rgba(255, 255, 255, 0.98) !important;

    border: 1px solid rgba(64, 190, 255, 0.15) !important;

    box-shadow:
        0 12px 30px rgba(35, 145, 195, 0.14) !important;
}

/* Sub menu links */
.store-header .sub-menu a {
    transition:
        background-color .2s ease,
        color .2s ease;
}

.store-header .sub-menu a:hover {
    color: #40BEFF !important;
    background: rgba(64, 190, 255, 0.07) !important;
}

/* =========================================
   LOGO
========================================= */

.store-header .navbar-brand img {
    transition: filter .25s ease;
}

.store-header .navbar-brand:hover img {
    filter: drop-shadow(
        0 5px 12px rgba(64, 190, 255, 0.18)
    );
}

/* =========================================
   USER BUTTON
   بدون تغيير الحجم أو المكان
========================================= */

.store-header .s-user-menu-login-btn {
    color: #40BEFF !important;

    transition:
        color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.store-header .s-user-menu-login-btn:hover {
    color: #40BEFF !important;

    background: rgba(64, 190, 255, 0.08) !important;

    box-shadow:
        0 4px 14px rgba(64, 190, 255, 0.12);
}

/* =========================================
   CART
   بدون تغيير الحجم أو المكان
========================================= */

.store-header .s-cart-summary-wrapper {
    color: #40BEFF !important;

    transition:
        color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.store-header .s-cart-summary-wrapper:hover {
    color: #40BEFF !important;

    background: rgba(64, 190, 255, 0.08) !important;

    box-shadow:
        0 4px 14px rgba(64, 190, 255, 0.12);
}

/* أيقونة السلة */
.store-header .s-cart-summary-icon,
.store-header .header-btn__icon {
    color: #40BEFF !important;
}

/* =========================================
   CART COUNT
========================================= */

.store-header .s-cart-summary-count {
    background: #40BEFF !important;
    color: #ffffff !important;

    border-color: #ffffff !important;
}

/* =========================================
   MOBILE MENU ICON
========================================= */

.store-header .mburger {
    color: #40BEFF !important;
}

/* =========================================
   CONTACTS
========================================= */

.store-header .s-contacts-header {
    color: #ffffff;
}

.store-header .s-contacts-header a {
    color: #ffffff !important;
}

/* =========================================
   SMOOTH HEADER
========================================= */

.store-header,
.store-header * {
    -webkit-tap-highlight-color: transparent;
}

/* =========================================
   MOBILE
   ألوان فقط — بدون تغيير Layout
========================================= */

@media (max-width: 1023px) {

    .store-header .main-nav-container {
        background: rgba(255, 255, 255, 0.96) !important;

        box-shadow:
            0 4px 18px rgba(64, 190, 255, 0.10) !important;
    }

    .store-header .top-navbar {
        background: transparent !important;
    }

    .store-header .s-search-input-wrapper {
        box-shadow:
            0 3px 14px rgba(64, 190, 255, 0.12) !important;
    }
}






















/* =========================================
   PRODUCT CARD
   Primary: #40BEFF
   Visual styling only
========================================= */

:root {
    --product-blue: #40BEFF;
    --product-blue-dark: #18a9e8;
    --product-blue-soft: #eefaff;
}

/* البطاقة */
.s-product-card-entry {
    position: relative;
    background: #fff !important;

    border: 1px solid rgba(64, 190, 255, 0.12) !important;
    border-radius: 20px !important;

    overflow: hidden;

    box-shadow:
        0 5px 18px rgba(24, 150, 205, 0.07) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}

/* Hover البطاقة */
.s-product-card-entry:hover {
    transform: translateY(-5px);

    border-color: rgba(64, 190, 255, 0.28) !important;

    box-shadow:
        0 14px 35px rgba(64, 190, 255, 0.16) !important;
}

/* =========================================
   PRODUCT IMAGE
========================================= */

.s-product-card-entry .s-product-card-image {
    position: relative;

    background:
        linear-gradient(
            145deg,
            #f3fbff 0%,
            #ffffff 100%
        ) !important;

    overflow: hidden;
}

/* الصورة */
.s-product-card-entry .s-product-card-image-cover {
    transition:
        transform .45s cubic-bezier(.2,.7,.2,1),
        filter .35s ease !important;
}

/* Zoom خفيف */
.s-product-card-entry:hover .s-product-card-image-cover {
    transform: scale(1.045);
}

/* =========================================
   WISHLIST
========================================= */

.s-product-card-entry .s-product-card-wishlist-btn {
    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}

/* الزر الداخلي */
.s-product-card-entry .s-product-card-wishlist-btn .s-button-element {
    background: rgba(255,255,255,.94) !important;

    border: 1px solid rgba(64,190,255,.15) !important;

    color: var(--product-blue) !important;

    box-shadow:
        0 5px 15px rgba(20, 140, 190, .10) !important;

    backdrop-filter: blur(8px);
}

/* Hover */
.s-product-card-entry .s-product-card-wishlist-btn:hover {
    transform: scale(1.06);
}

.s-product-card-entry
.s-product-card-wishlist-btn:hover
.s-button-element {
    background: var(--product-blue) !important;
    border-color: var(--product-blue) !important;
    color: #fff !important;
}

/* =========================================
   CONTENT
========================================= */

.s-product-card-entry .s-product-card-content {
    background: #fff !important;
}

/* =========================================
   PRODUCT TITLE
========================================= */

.s-product-card-entry .s-product-card-content-title a {
    color: #18252c !important;

    font-weight: 700;

    transition:
        color .2s ease;
}

.s-product-card-entry:hover
.s-product-card-content-title a {
    color: var(--product-blue) !important;
}

/* =========================================
   PRICE
========================================= */

.s-product-card-entry .s-product-card-price {
    color: var(--product-blue) !important;

    font-weight: 800;

    transition: color .2s ease;
}

/* رمز الريال */
.s-product-card-entry .s-product-card-price .sicon-sar {
    color: var(--product-blue) !important;
}

/* =========================================
   ADD TO CART
========================================= */

.s-product-card-entry
.s-product-card-content-footer
.s-button-element {
    border-color: var(--product-blue) !important;

    color: var(--product-blue) !important;

    background: #fff !important;

    border-radius: 12px !important;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}

/* Hover */
.s-product-card-entry
.s-product-card-content-footer
.s-button-element:hover {
    background: var(--product-blue) !important;

    border-color: var(--product-blue) !important;

    color: #fff !important;

    box-shadow:
        0 7px 20px rgba(64,190,255,.25) !important;

    transform: translateY(-1px);
}

/* أيقونة السلة */
.s-product-card-entry
.s-product-card-content-footer
.s-button-element i {
    color: inherit !important;
}

/* =========================================
   DIGITAL PRODUCT FEEL
========================================= */

.s-product-card-entry::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--product-blue),
        transparent
    );

    opacity: 0;

    transition: opacity .3s ease;

    z-index: 2;
}

.s-product-card-entry:hover::before {
    opacity: 1;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .s-product-card-entry {
        border-radius: 16px !important;

        box-shadow:
            0 4px 15px rgba(24,150,205,.06) !important;
    }

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





.copyright-text {
    display: none !important;
}