/* Add custom CSS styles below */ 
/* ===========================
   إخفاء الشريط العلوي بالكامل
=========================== */

.top-navbar,
.sub-navbar,
salla-bullet-delivery-tag {
    display: none !important;
}


/* ===========================
   تحسين الهيدر
=========================== */

#mainnav{
    height:72px !important;
    background:#fff !important;
    border:none !important;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    position:sticky;
    top:0;
    z-index:999;
}

#mainnav .container{
    max-width:1400px;
}

#mainnav .flex.items-stretch{
    align-items:center !important;
}


/* ===========================
   تحسين الشعار
=========================== */

.navbar-brand img{
    width:110px !important;
    height:auto;
    transition:.3s;
}

.navbar-brand img:hover{
    transform:scale(1.04);
}


/* ===========================
   تحسين مجموعة الأيقونات
=========================== */

#mainnav .flex.items-center.justify-end{
    gap:12px;
}

#mainnav .flex.items-center.justify-end>div,
#mainnav salla-cart-summary,
#mainnav #theme-toggle{
    margin:0 !important;
}


/* إزالة الخطوط بين الأيقونات */

#mainnav .bg-bordertheme{
    display:none !important;
}


/* شكل احترافي للأيقونات */

#mainnav button,
#mainnav a,
#mainnav salla-cart-summary{
    transition:.25s;
}

#theme-toggle,
#search-nav,
#mainnav .flex.items-center.justify-end>div,
#mainnav salla-cart-summary{
    width:46px !important;
    height:46px !important;
    min-width:46px;
    border-radius:14px;
    border:none !important;
    background:#f6f6f6 !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

#theme-toggle:hover,
#search-nav:hover,
#mainnav salla-cart-summary:hover,
#mainnav .flex.items-center.justify-end>div:hover{
    background:#111 !important;
    transform:translateY(-2px);
}

#theme-toggle:hover *,
#search-nav:hover *,
#mainnav salla-cart-summary:hover *,
#mainnav .flex.items-center.justify-end>div:hover *{
    color:#fff !important;
    fill:#fff !important;
}


/* عداد السلة */

.s-cart-summary-count{
    top:-5px !important;
    right:-5px !important;
    width:20px;
    height:20px;
    border-radius:50%;
    font-size:11px;
}


/* ===========================
   القائمة
=========================== */

#nav-items{
    gap:26px !important;
}

#nav-items a{
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

#nav-items a:hover{
    color:var(--color-primary);
}


/* ===========================
   الجوال
=========================== */

@media(max-width:991px){

#mainnav{
    height:66px !important;
}

.navbar-brand img{
    width:90px !important;
}

#theme-toggle,
#search-nav,
#mainnav .flex.items-center.justify-end>div,
#mainnav salla-cart-summary{
    width:40px !important;
    height:40px !important;
    min-width:40px;
    border-radius:12px;
}

#mainnav .flex.items-center.justify-end{
    gap:8px;
}

}


/* ===========================
   الشاشات الصغيرة
=========================== */

@media(max-width:480px){

#mainnav{
    height:62px !important;
}

.navbar-brand img{
    width:80px !important;
}

#theme-toggle,
#search-nav,
#mainnav .flex.items-center.justify-end>div,
#mainnav salla-cart-summary{
    width:36px !important;
    height:36px !important;
    min-width:36px;
}

}

/* =========================
   إظهار روابط الهيدر في الكمبيوتر
========================= */

@media (min-width: 1024px){

    #mainnav custom-main-menu{
        display:flex !important;
        align-items:center;
        position:static !important;
        width:auto !important;
        height:auto !important;
        background:transparent !important;
        transform:none !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    #mainnav custom-main-menu ul{
        display:flex !important;
        align-items:center;
        gap:26px;
        margin:0;
        padding:0;
    }

    #mainnav custom-main-menu li{
        display:block !important;
    }

    #mainnav custom-main-menu a{
        display:flex !important;
        align-items:center;
        font-size:15px;
        font-weight:600;
        color:#111 !important;
        padding:10px 0;
        white-space:nowrap;
        transition:.25s;
    }

    #mainnav custom-main-menu a:hover{
        color:var(--color-primary) !important;
    }

    /* إخفاء زر إغلاق قائمة الجوال */
    #mainnav custom-main-menu .btn--close-sm{
        display:none !important;
    }

}

@media (min-width:1024px){

    #nav-menu-icon{
        display:none !important;
    }

}

@media (max-width:1023px){

    #nav-menu-icon{
        display:flex !important;
    }

}
/* =========================
   زر البرجر
========================= */

#nav-menu-icon{
    width:42px;
    height:42px;
    display:flex !important;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#f5f5f5;
    color:#111 !important;
    transition:.25s;
}

#nav-menu-icon i{
    color:#111 !important;
}

#nav-menu-icon svg{
    fill:#111 !important;
    color:#111 !important;
}

#nav-menu-icon svg path{
    fill:#111 !important;
}

#nav-menu-icon:hover{
    background:#111;
}

#nav-menu-icon:hover i,
#nav-menu-icon:hover svg{
    color:#fff !important;
    fill:#fff !important;
}

#nav-menu-icon:hover svg path{
    fill:#fff !important;
}

/* جعل البانر بعرض الشاشة بالكامل */

.s-block--fixed-banner .container{
    max-width:100% !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

.s-block--fixed-banner .banner{
    display:block;
    width:100vw;
    margin-inline:calc(50% - 50vw);
    border-radius:0 !important;
}

.s-block--fixed-banner picture,
.s-block--fixed-banner img{
    display:block;
    width:100% !important;
    max-width:none !important;
}

.s-block--fixed-banner img{
    height:auto !important;
    object-fit:cover !important;
}


/* الهيدر ثابت وغير شفاف */

#mainnav,
.main-nav-container,
.main-nav-container.sticky,
.main-nav-container.is-sticky,
.main-nav-container.scrolled{
    background:#ffffff !important;
    background-color:#ffffff !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background-image:none !important;
    box-shadow:0 8px 30px rgba(0,0,0,.08) !important;
}

/* أي طبقة يضيفها القالب */

#mainnav::before,
#mainnav::after,
.main-nav-container::before,
.main-nav-container::after{
    background:#ffffff !important;
    opacity:1 !important;
}

/* تثبيت لون النصوص والأيقونات */

#mainnav a,
#mainnav button,
#mainnav svg,
#mainnav i{
    color:#111 !important;
    fill:#111 !important;
}


#theme-toggle,
#theme-toggle + .h-\[1px\] {
    display: none !important;
}








 /* =========================
   Footer Luxury Gold Silver
========================= */

.store-footer {
    background: #222222 !important;
}


/* Newsletter */

#mc_embed_shell {
    background: linear-gradient(135deg, #c9a34e 0%, #e7e7e7 50%, #b8862c 100%) !important;
    padding: 45px 20px !important;
}

#mc_embed_signup form {
    display:flex;
    justify-content:center;
    align-items:center;
}

#mc_embed_signup_scroll {
    width:100%;
    max-width:520px;
    height:58px;
    background:#ffffff;
    border-radius:60px;
    border:1px solid rgba(184,134,46,.4);
    display:flex;
    align-items:center;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}


#mc_embed_signup .mc-field-group {
    flex:1;
}


#mc_embed_signup input {
    width:100%;
    height:58px;
    border:0 !important;
    padding:0 25px;
    font-size:14px;
    color:#333 !important;
    background:white !important;
}


#mc_embed_signup input::placeholder {
    color:#888;
}


#mc-embedded-subscribe {
    height:58px;
    width:140px;
    background:#111 !important;
    color:#d6b15a !important;
    font-weight:700;
    border-radius:0 !important;
    border:0 !important;
    font-size:15px;
    transition:.3s;
}


#mc-embedded-subscribe:hover {
    background:#252525 !important;
}



/* Footer Background */
/* 
.store-footer__inner {
    background:
    linear-gradient(
        180deg,
        #d9d9d9 0%,
        #d9d9d9 100%
    ) !important;

    color:#eeeeee !important;
} */


/* Titles */

.store-footer h3 {
    /* color:#d6b15a !important; */
}


.store-footer h3:after {
    background:linear-gradient(
        90deg,
        #d6b15a,
        #eeeeee
    );
}



/* Text */
/* 
.store-footer .text-center,
.store-footer p {
    color:#cfcfcf;
} */


/* Links */

.s-menu-footer-list a {
    color:#ddd !important;
}


.s-menu-footer-list a:hover {
    color:#d6b15a !important;
}



/* Icons */

.store-footer svg {
    color:#d6b15a;
    fill:#d6b15a;
}


/* Social buttons */

.store-footer .flex-center.flex-col {
    border:1px solid #444;
    background:
    linear-gradient(
        145deg,
        #222,
        #111
    );
}


.store-footer .flex-center.flex-col:hover {
    border-color:#d6b15a;
}



/* Payments */

.s-payments-list-item img {
    background:#fff;
    border-radius:10px;
    padding:6px;
    border:1px solid #ddd;
}



/* Trust */

.s-trust-badges-wrapper {
    background:#191919;
    border:1px solid #333;
}



/* Copyright */

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

.copyright-text a {
    color:#d6b15a !important;
}



/* Mobile */
/* 
@media(max-width:768px){

#mc_embed_signup_scroll {
    max-width:100%;
}


#mc-embedded-subscribe {
    width:110px;
}


.store-footer__inner {
    padding-top:30px;
}

}


#mc_embed_shell {
    background: #8d6539 !important;
    padding: 35px 0 !important;
}

#mc_embed_signup form {
    max-width: 1200px;
}

#mc_embed_signup h1 {
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 700;
}

#mc_embed_signup_scroll {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #d8b26b !important;
    height: 52px;
    display: flex;
    align-items: center;
}

#mc_embed_signup .mc-field-group {
    flex: 1;
}

#mc_embed_signup input {
    width:100%;
    height:52px;
    background:#ffffff !important;
    color:#333 !important;
    padding:0 20px;
    border:none !important;
    outline:none;
    font-size:14px;
}

#mc_embed_signup input::placeholder {
    color:#888;
}


#mc-embedded-subscribe {
    height:52px;
    background:#111111 !important;
    color:#d8b26b !important;
    padding:0 35px;
    border:none !important;
    font-weight:700;
    transition:.3s;
}

#mc-embedded-subscribe:hover {
    background:#d8b26b !important;
    color:#111111 !important;
}
 */






.store-footer .copyright-text,
.store-footer .copyright-text p {
    writing-mode: horizontal-tb !important;
    display: block;
    transform: none !important;
    white-space: nowrap;
}

.store-footer .items-center.justify-between.md\:flex {
    writing-mode: horizontal-tb !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;

}
.store-footer {
    background: #606060 !important;
}

footer {
    background: #606060 !important;
}













  /* =========================
   Footer Fix Final
========================= */

.store-footer,
footer,
.store-footer__inner {
    background:#bfc0c2 !important;
    color:#3b2a18 !important;
}


/* منطقة الحقوق والدفع */
.store-footer .container:last-child {
    background:#bfc0c2 !important;
    padding:25px 15px !important;
}


/* ترتيب الجزء السفلي */
.store-footer .container:last-child > .flex {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:25px !important;
}


/* وسائل الدفع */
.store-footer .s-payments-list {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
}


.store-footer .s-payments-list-item {
    width:58px !important;
    height:58px !important;
    background:#fff !important;
    border-radius:12px !important;
    padding:5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* صندوق السجل والضريبة */
.store-footer .flex.gap-4 {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:15px !important;
    width:100% !important;
}


.store-footer salla-trust-badges,
.store-footer .rtl\:space-x-reverse {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;

    background:#ffffff !important;
    padding:12px 18px !important;
    border-radius:14px !important;

    color:#3b2a18 !important;
    border:1px solid #ddd !important;
}


/* صورة السجل */
.store-footer .s-trust-badges-image {
    width:45px !important;
    height:45px !important;
}


/* نص السجل والضريبة */
.store-footer .s-trust-badges-label,
.store-footer .s-trust-badges-number,
.store-footer .text-sm,
.store-footer p,
.store-footer b {
    color:#3b2a18 !important;
    opacity:1 !important;
}


/* روابط الحقوق */
.store-footer .copyright-text,
.store-footer .copyright-text p {
    color:#3b2a18 !important;
    white-space:normal !important;
    text-align:center !important;
}


.store-footer .copyright-text a {
    color:#8d6539 !important;
}


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

    .store-footer .container:last-child > .flex {
        gap:18px !important;
    }


    .store-footer .flex.gap-4 {
        flex-direction:column !important;
        width:100% !important;
    }


    .store-footer salla-trust-badges,
    .store-footer .rtl\:space-x-reverse {
        width:100% !important;
        max-width:320px !important;
    }


    .store-footer .s-payments-list-item {
        width:52px !important;
        height:52px !important;
    }

}










#wpp-fix{
    bottom:224px !important;
}

@media(max-width:768px){
    #wpp-fix{
        bottom:10px !important;
    }
}
#wpp-fix{
    bottom:2rem !important;
}











/* إخفاء قسم الاشتراك بالبريد */
#mc_embed_shell {
    display:none !important;
}












/* =========================
   إزالة إطارات الدفع والثقة
========================= */

.store-footer .s-payments-list-item,
.store-footer salla-trust-badges,
.store-footer .rtl\:space-x-reverse {
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}


/* ترتيب الدفع بدون صناديق */

.store-footer .s-payments-list {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:wrap;
    gap:8px !important;
}


.store-footer .s-payments-list-item img {
    background:transparent !important;
    border:none !important;
    padding:0 !important;
}


/* السجل والرقم الضريبي */

.store-footer salla-trust-badges,
.store-footer .rtl\:space-x-reverse {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}


.store-footer .s-trust-badges-label,
.store-footer .s-trust-badges-number,
.store-footer .text-text-grey,
.store-footer .text-sm {
    color:#3b2a18 !important;
}


/* منع التداخل بالجوال */

@media(max-width:768px){

    .store-footer .flex.gap-4 {
        flex-direction:column !important;
        align-items:center !important;
    }


    .store-footer salla-trust-badges,
    .store-footer .rtl\:space-x-reverse {
        width:auto !important;
    }

}


.text-xxs.flex.items-center.gap-1.px-2 {
    display: none !important;
}

.tabs .tab-trigger .s-button-text,
.tabs .tab-trigger.is-active .s-button-text,
.tabs .tab-trigger:hover .s-button-text {
    color: #fff !important;
}