/* ---------------- HEADER ---------------- */
.inner.bg-inherit.w-full {
    background: rgba(248,248,248,0.95) !important; /* هيدر فاتح */
}

/* ---------------- MAINNAV ---------------- */
#mainnav {
    background:0 0;
    position:relative;
    z-index:88;
}

#mainnav>div {
    border-radius:16px;
    margin-top:20px;
    backdrop-filter:blur(40px);
    background-color: rgba(248,248,248,0.95);
    color:#000;
    width:95%;
    margin-inline:auto;
    padding-inline:25px;
    padding-block:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-shadow:0 4px 12px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
}

/* ---------------- LOGO ---------------- */
#mainnav>div>div>div>div:first-child>a.navbar-brand {
    transform:scale(3);
    margin-right:6px;
    margin-bottom:3px;
    transition:transform 0.3s ease;
}

#mainnav>div>div>div>div:first-child>a.navbar-brand:hover {
    transform:scale(3.1);
}

/* ---------------- HEADER ICONS ---------------- */
.flex.items-center.justify-end.my-2.5,
.header-btn,
.ml-4.rtl\:ml-\[unset\].rtl\:mr-4,
.header-btn__icon.sicon-user-circle,
.header-btn__icon.icon.sicon-shopping-bag,
.s-cart-summary-content {
    color:rgba(154,89,128,0.85) !important; /* اللون الجديد */
    transition:color 0.3s ease, transform 0.2s ease;
}

.flex.items-center.justify-end.my-2.5 .header-btn__icon:hover,
.header-btn:hover,
.s-cart-summary-content:hover {
    color:#9A5980 !important; /* اللون الجديد */
    transform:scale(1.1);
}

/* Mobile menu text color black */
.mobile-menu.mm-spn--light.mm-spn--navbar.mm-spn--main,
.mobile-menu.mm-spn--light.mm-spn--navbar.mm-spn--main li,
.mobile-menu.mm-spn--light.mm-spn--navbar.mm-spn--main a {
    color:#000 !important;
}

/* ---------------- BUTTONS ---------------- */
.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center,
.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center,
.s-button-element.s-button-btn.s-button-outline,
.s-button-element.s-button-btn,
.s-button-primary,
.s-button-primary-outline,
.s-button-btn {
    color:#fff !important;
    background:linear-gradient(135deg,#9A5980,#81446C) !important; /* التدرج الجديد */
    border:none !important;
    padding:12px 28px !important;
    margin:5px !important;
    border-radius:8px !important;
    font-weight:500 !important;
}

/* Product page Add to Cart button */
.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background:linear-gradient(135deg,#9A5980,#81446C) !important;
    color:#fff !important;
    padding:14px 32px !important;
    border:none !important;
    border-radius:8px !important;
    font-weight:600 !important;
}

/* Buy Now mini checkout button */
.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated,
.s-fast-checkout-button.outline.rtl {
    background:linear-gradient(135deg,#000,#3a3a3a) !important;
    color:#fff !important;
    padding:12px 28px !important;
    border:none !important;
    border-radius:8px !important;
    font-weight:500 !important;
}

.s-add-product-button-mini-checkout-content {
    color:#fff !important;
}

/* ---------------- PRODUCT TITLES ---------------- */
.s-product-card-content-title {
    color:#9A5980 !important;
}

/* ---------------- FOOTER ---------------- */
.store-footer,
.store-footer__inner,
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background:#000 !important;
    color:#fff !important;
}

/* ---------------- ORIGINAL CODE COLORS ---------------- */
.s-button-primary-outline:hover,
.s-button-primary:hover {
    background-color:#2e2e2e;
    fill:#f5f5f5;
    color:#f5f5f5;
}

div.s-product-card-content>div.s-product-card-content-main>h3>a {
    color:#9A5980 !important; /* اللون الجديد */
}

#featured-products-style2-2 {
    background:linear-gradient(to right,#9A5980 60%,#fff9fb);
}
/* موبايل + تابلت: عنصر واحد في الصف */
.s-block.s-block--banners.container .grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

.s-block.s-block--banners.container .grid > * {
    grid-column: auto !important;
    grid-row: auto !important;
}

/* كمبيوتر: 3 جنب بعض وياخدوا الشاشة بالكامل */
@media (min-width: 1024px) {
    .s-block.s-block--banners.container .grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 24px !important;
        width: 100% !important;
    }

    .s-block.s-block--banners.container .grid > *,
    .s-block.s-block--banners.container .grid img {
        width: 100% !important;
        object-fit: cover !important;
    }
}
/* ---------------- MAIN HEADER ONLY (no top bar) ---------------- */

#mainnav {
    background:0 0;
    position:relative;
    z-index:88;
    border-radius:16px;
    margin-top:20px;
}

#mainnav>div {
    backdrop-filter:blur(40px);
    background-color:rgba(0,0,0,15%);
    color:#000;
    width:95%;
    margin-inline:auto;
    padding-inline:25px;
    padding-block:10px;
    border-radius:16px;
    margin-top:20px;
}

#mainnav>div>div>div>div:first-child>a.navbar-brand {
    transform:scale(3);
    margin-right:6px;
    margin-bottom:3px;
}

#mainnav>div>div>div>div:first-child>a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4>i,
#mainnav>div>div>div>div.flex.items-center.justify-end>button>i,
#s-cart-icon>i {
    color:#000;
}

#mainnav>div>div>div>div.flex.items-center.justify-end>salla-cart-summary>a>p>b {
    color:#000;
    font-size:22px;
    margin-right:2px;
}

.s-user-menu-wrapper {
    margin-right:7px;
}

.s-user-menu-trigger {
    padding:0!important;
}

#\31 383616498>div,
#mainnav>div>div>div>div:first-child>a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 {
    z-index:999;
}

@media (min-width:1021px) and (max-width:1025px){
    #mainnav>div>div>div{
        align-items:center;
        padding-top:10px;
    }
}
/* ---------------- MAIN HEADER ADJUSTED LOGO & MOBILE MENU ---------------- */

#mainnav>div>div>div>div:first-child>a.navbar-brand {
    transform: scale(2); /* صغر حجم اللوجو شويه */
    margin-right: 20px; /* زيادة المسافة بين اللوجو وباقي العناصر */
    margin-bottom: 3px;
}

/* أيقونة الموبايل */
#mainnav>div>div>div>div:first-child>a.lg\:hidden.mburger.mburger--collapse.leading-none.rtl\:ml-4.ltr\:mr-4 {
    margin-left: 10px; /* زيادة المسافة بين اللوجو وأيقونة المنيو */
    z-index: 999;
}
.store-footer a.flex.items-center img {
    display: none !important;
}
.s-menu-topnav-list {
    display: none !important;
}