/* =======================
   GLOBAL DARK MODE
======================= */

body.dark-mode {
  background: #0f172a !important;
  color: #e5e7eb !important;
}

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

body.dark-mode .store-header,
body.dark-mode .main-nav-container,
body.dark-mode .top-navbar,
body.dark-mode #mainnav {
  background: #111827 !important;
  border-color: #1f2937 !important;
}

body.dark-mode .navbar-brand,
body.dark-mode .main-menu a,
body.dark-mode .top-navbar a {
  color: #f8fafc !important;
}

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

body.dark-mode .s-search-input {
  background: #1f2937 !important;
  color: #fff !important;
  border: 1px solid #374151 !important;
}

body.dark-mode .s-search-input::placeholder {
  color: #94a3b8 !important;
}

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

body.dark-mode main {
  background: #0f172a !important;
}

/* =======================
   WHITE SECTIONS
======================= */

body.dark-mode .wb-section,
body.dark-mode .s-block,
body.dark-mode section {
  background: transparent !important;
}

/* =======================
   CARDS
======================= */

body.dark-mode .wb-card,
body.dark-mode .s-block--features__item {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
}

/* =======================
   TEXT
======================= */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #f8fafc !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode div,
body.dark-mode li {
  color: #cbd5e1;
}

/* =======================
   CUSTOM SECTION
======================= */

body.dark-mode .wb-heading {
  color: #ffffff !important;
}

body.dark-mode .wb-description {
  color: #cbd5e1 !important;
}

body.dark-mode .wb-card-title {
  color: #ffffff !important;
}

body.dark-mode .wb-card-text {
  color: #94a3b8 !important;
}

body.dark-mode .wb-badge {
  background: #1e3a8a !important;
  color: #fff !important;
}

/* =======================
   BANNERS
======================= */

body.dark-mode .banner-entry__text {
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(10px);
  border-radius: 14px;
}

body.dark-mode .banner__title {
  color: #fff !important;
}

body.dark-mode .banner__description {
  color: #cbd5e1 !important;
}

/* =======================
   FEATURES
======================= */

body.dark-mode .feature-icon {
  background: #334155 !important;
}

/* =======================
   FOOTER
======================= */

body.dark-mode .store-footer,
body.dark-mode .store-footer__inner {
  background: #111827 !important;
}

body.dark-mode .store-footer a {
  color: #cbd5e1 !important;
}

body.dark-mode .store-footer h3 {
  color: #fff !important;
}

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

body.dark-mode .s-contacts-item,
body.dark-mode .s-menu-footer-item {
  color: #cbd5e1 !important;
}

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

body.dark-mode .mobile-menu,
body.dark-mode .mm-spn {
  background: #111827 !important;
}

body.dark-mode .mobile-menu a {
  color: #fff !important;
}

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

body.dark-mode .s-cart-summary-wrapper {
  color: #fff !important;
}

/* =======================
   IMAGES
======================= */

body.dark-mode img {
  opacity: 0.96;
}

/* =======================
   SHADOWS
======================= */

body.dark-mode .shadow-default,
body.dark-mode .wb-card,
body.dark-mode .s-block--features__item {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}

/* أيقونة الحساب */
body.dark-mode .s-user-menu-login-btn,
body.dark-mode .s-user-menu-login-btn svg,
body.dark-mode .s-user-menu-login-btn path {
  color: #fff !important;
  fill: #fff !important;
}

/* أيقونة السلة */
body.dark-mode .s-cart-summary-wrapper,
body.dark-mode .s-cart-summary-wrapper svg,
body.dark-mode .s-cart-summary-wrapper path,
body.dark-mode .header-btn__icon {
  color: #fff !important;
  fill: #fff !important;
}

/* عدد السلة */
body.dark-mode .s-cart-summary-count {
  color: #fff !important;
}

/* سعر السلة */
body.dark-mode .s-cart-summary-total {
  color: #fff !important;
}

/* زر الوضع الداكن */
body.dark-mode .dark-toggle-btn {
  color: #fff !important;
}

/* =======================
   MB SECTION DARK MODE
======================= */

body.dark-mode .mb-section {
  background: #0f172a !important;
}

body.dark-mode .mb-heading h2 {
  color: #ffffff !important;
}

body.dark-mode .mb-heading p {
  color: #94a3b8 !important;
}

body.dark-mode .mb-card {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: none !important;
}

body.dark-mode .mb-card:hover {
  background: #263548 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode .mb-card h3 {
  color: #ffffff !important;
}

body.dark-mode .mb-card p {
  color: #cbd5e1 !important;
}

body.dark-mode .mb-icon {
  background: linear-gradient(135deg, #3b82f6, #60a5fa) !important;
  color: #ffffff !important;
}
body.dark-mode .gm-bar {
  background: #3579f3 !important;
}

body.dark-mode .gm-item {
  color: #ffffff !important;
}

body.dark-mode .gm-item i {
  color: #ffffff !important;
}








/* =======================
   GALLERY DARK MODE
======================= */

body.dark-mode .gal-section{
    background:#0f172a !important;
}

body.dark-mode .gal-title{
    color:#ffffff !important;
}

body.dark-mode .gal-desc{
    color:#94a3b8 !important;
}

body.dark-mode .gal-item{
    background:#1e293b !important;
    box-shadow:0 15px 40px rgba(0,0,0,.35) !important;
}

/* تدرج أعلى وأسفل المعرض */

body.dark-mode .gal-wrapper::before{
    background:linear-gradient(
        to bottom,
        #0f172a,
        transparent
    ) !important;
}

body.dark-mode .gal-wrapper::after{
    background:linear-gradient(
        to top,
        #0f172a,
        transparent
    ) !important;
}

/* نافذة عرض الصورة */

body.dark-mode .gal-modal{
    background:rgba(2,6,23,.96) !important;
}

body.dark-mode .gal-close{
    color:#ffffff !important;
}


body.dark-mode .navbar-brand img{
    filter: brightness(0) invert(1);
}










/* =======================
   FOOTER BACKGROUND
======================= */

.store-footer,
.store-footer__inner,
body.dark-mode .store-footer,
body.dark-mode .store-footer__inner{
    background:linear-gradient(
        135deg,
        #1d4ed8 0%,
        #3579f3 50%,
        #60a5fa 100%
    ) !important;
}

/* =======================
   TEXT
======================= */

.store-footer h3,
.store-footer p,
.store-footer a,
.store-footer span,
.store-footer .s-menu-footer-item,
.store-footer .s-contacts-item,
.store-footer .copyright-text,
body.dark-mode .store-footer h3,
body.dark-mode .store-footer p,
body.dark-mode .store-footer a,
body.dark-mode .store-footer span,
body.dark-mode .store-footer .s-menu-footer-item,
body.dark-mode .store-footer .s-contacts-item,
body.dark-mode .store-footer .copyright-text{
    color:#ffffff !important;
}

/* =======================
   FOOTER LOGO ONLY
======================= */

.store-footer a.flex.items-center.m-0 h3{
    font-size:0 !important;
    line-height:0 !important;
}

.store-footer a.flex.items-center.m-0 h3::before{
    content:"";
    display:block;
    width:180px;
    height:60px;

    background-image:url("https://cdn.files.salla.network/theme/1536160808/bf970a43-c2f7-473c-a8cd-8cc0ebd66c75_500x500.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    filter:brightness(0) invert(1);
}

/* =======================
   LINKS
======================= */

.store-footer a{
    transition:.3s;
}

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

/* =======================
   SOCIAL ICONS
======================= */

.store-footer .s-social-icon svg,
body.dark-mode .store-footer .s-social-icon svg{
    fill:#ffffff !important;
}

/* =======================
   CONTACT ICONS
======================= */

.store-footer .s-contacts-icon svg,
body.dark-mode .store-footer .s-contacts-icon svg{
    fill:#ffffff !important;
}

/* =======================
   PAYMENT ICONS
======================= */

.store-footer .s-payments-list-item{
    background:#ffffff;
    border-radius:10px;
    padding:4px;
}

/* =======================
   COPYRIGHT
======================= */

.store-footer .copyright-text,
.store-footer .copyright-text p{
    color:rgba(255,255,255,.9) !important;
}

/* =======================
   FOOTER TITLES
======================= */

.store-footer h3{
    font-weight:700;
}

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

@media(max-width:768px){

    .store-footer a.flex.items-center.m-0 h3::before{
        width:150px;
        height:50px;
        margin:auto;
    }

}













.main-menu a[aria-label="فرشة كهربائية لتنظيف الاواني"]{
    display:none !important;
}


















/* إخفاء التعليقات والتقييمات */
salla-comments {
    display: none !important;
}

/* إخفاء منتجات قد تعجبك */
salla-products-slider[source="related"] {
    display: none !important;
}


.store-footer a.flex.items-center.m-0 h3::before {
    content: "";
    display: block;
    width: 180px;
    height: 120px;
    background-image: url(https://cdn.files.salla.network/theme/1536160808/bf970a43-c2f7-473c-a8cd-8cc0ebd66c75_500x500.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: brightness(0) invert(1);
}










.custom-header-links {
padding: 1rem;
}


.custom-header-links{
    display:flex;
    align-items:center;
    gap:24px;
    margin-right:30px;
}
.custom-header-links a{
    color:#111827;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.custom-header-links a:hover{
    color:#3579f3;
}

/* دارك مود */
body.dark-mode .custom-header-links a{
    color:#ffffff !important;
}

body.dark-mode .custom-header-links a:hover{
    color:#60a5fa !important;
}

.custom-header-links a{
    color:#111827 !important;
}

body.dark-mode .custom-header-links a{
    color:#ffffff !important;
}


.top-navbar{
    display:none !important;
}

















/* الحاوية الرئيسية */
#mainnav .container > .flex{
    position:relative;
}


/* السلة تبقى يسار */
.s-cart-summary{
    margin-left:0 !important;
}

/* الحساب + دارك مود يمين */
.dark-toggle-btn,
salla-user-menu{
    position:relative;
    z-index:20;
}


/* الوضع الفاتح */
.navbar-brand img{
    filter: brightness(0) saturate(100%)
    invert(13%) sepia(28%)
    saturate(3300%) hue-rotate(210deg)
    brightness(90%) contrast(105%);
}

/* الوضع الداكن */
body.dark-mode .navbar-brand img{
    filter: brightness(0) invert(1) !important;
}



/* صفحات السياسات - الوضع العادي */
.content--single-page{
    background:#ffffff !important;
    color:#111827 !important;
}

.content--single-page h1,
.content--single-page h2,
.content--single-page h3,
.content--single-page h4,
.content--single-page h5,
.content--single-page h6{
    color:#111827 !important;
}

.content--single-page p,
.content--single-page li{
    color:#374151 !important;
    line-height:2;
}

/* الوضع الداكن */
body.dark-mode .content--single-page{
    background:#111827 !important;
    color:#e5e7eb !important;
    border:1px solid #1f2937 !important;
}

body.dark-mode .content--single-page h1,
body.dark-mode .content--single-page h2,
body.dark-mode .content--single-page h3,
body.dark-mode .content--single-page h4,
body.dark-mode .content--single-page h5,
body.dark-mode .content--single-page h6{
    color:#ffffff !important;
}

body.dark-mode .content--single-page p,
body.dark-mode .content--single-page li{
    color:#cbd5e1 !important;
}




/* ===== بداية كود ترتيب الهيدر في الجوال فقط ===== */

@media (max-width: 991px) {

  .inner .container > .flex {
    position: relative !important;
  }

  /* الشعار في المنتصف بدون تكبير */
  .navbar-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

  .navbar-brand img {
    height: auto !important;
    max-height: 45px !important;
    width: auto !important;
    max-width: 130px !important;
  }

  /* زر الدارك مود جنب أيقونة القائمة */
  .dark-toggle-btn {
    position: absolute !important;
    right: 45px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

}

/* ===== نهاية كود ترتيب الهيدر في الجوال فقط ===== */
/* ===== بداية كود البنر بعرض كامل للجوال ===== */

@media (max-width: 991px) {

    .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:100% !important;
        border-radius:0 !important;
    }

    .s-block--fixed-banner img{
        display:block;
        width:100% !important;
        height:auto !important;
        max-width:100% !important;
        object-fit:cover !important;
    }

}

/* ===== نهاية الكود ===== */
/* ===== بداية تنسيق الشريط المتحرك ===== */

.gm-bar{
    height:38px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#111827;
    color:#fff;
    white-space:nowrap;
    font-size:13px;
    font-weight:500;
    letter-spacing:.2px;
}

.gm-item{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 40px;
    line-height:38px;
    flex-shrink:0;
}

.gm-item i{
    font-size:12px;
    color:#d4af37;
}

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

    .gm-bar{
        height:34px;
        font-size:12px;
    }

    .gm-item{
        padding:0 28px;
        gap:6px;
        line-height:34px;
    }

    .gm-item i{
        font-size:11px;
    }

}

/* ===== نهاية التنسيق ===== */
/* ===== بداية توسيط الفوتر في الجوال ===== */

@media (max-width: 991px) {

    .store-footer__inner,
    .store-footer__inner *{
        text-align: center !important;
    }

    .store-footer__inner .flex{
        justify-content: center !important;
    }

    .store-footer__inner .max-w-sm{
        margin: 0 auto 20px !important;
    }

    .store-footer__inner .s-menu-footer-list{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .store-footer__inner .s-contacts-list{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .store-footer__inner .s-contacts-item{
        justify-content: center !important;
    }

    .store-footer__inner .s-social-list{
        display: flex;
        justify-content: center;
    }

    .store-footer__inner salla-trust-badges,
    .store-footer__inner salla-apps-icons{
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .store-footer__inner .gap-4{
        justify-content: center !important;
    }

}

/* ===== نهاية الكود ===== */