/* تغيير لون خلفية الصفحة بالكامل */
#app, body, .da-bgm {
    background-color: #1C183E !important;
}

/* في حال وجود أقسام بظلال أو ألوان فاتحة تريد مطابقتها */
.bg-white.da-bgm, .store-header, .store-footer__inner {
    background-color: #1C183E !important;
}

/* لضمان وضوح النصوص (تحويلها للون الأبيض أو الذهبي) */
.da-tm, .footer-description, h1, h2, h3, h4, p {
    color: #ffffff !important;
}
/* ===============================
   1. تصغير المستطيل العلوي (الهيدر)
================================ */
.store-header, 
.main-nav-container, 
.header-inner {
    height: 64px !important;      /* نحيف مثل الصورة */
    min-height: 64px !important;
    align-items: center !important;
    overflow: visible !important; /* يسمح بخروج اللوغو */
}

/* ===============================
   2. تكبير اللوغو بصريًا فقط
================================ */
.navbar-brand img.logo-dark {
    height: 2.5rem !important;    /* المقاس الأصلي */
    width: auto !important;
    transform: scale(4);        /* التكبير الحقيقي */
    transform-origin: center;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 0 14px rgba(250, 177, 64, 0.7));
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* ===============================
   3. تثبيت حاوية اللوغو
================================ */
.navbar-brand {
    overflow: visible !important;
    line-height: 1;
}


/* 3. تلوين وتنسيق الأيقونات (البحث، السلة، الحساب، القائمة) */
.store-header .sicon-search,
.store-header .sicon-user,
.store-header .sicon-menu,
.store-header .s-cart-summary-icon svg,
.store-header .s-cart-summary-icon svg path,
.store-header .sicon-add {
    color: #fab140 !important;
    fill: #fab140 !important; /* للأيقونات من نوع SVG */
    transform: scale(1.15) !important; /* تكبير الأيقونات لتعطي طابعاً فخماً */
    transition: all 0.25s ease-in-out !important;
}

/* 4. تأثير التوهج عند التمرير (Hover) على الأيقونات */
.header-btn:hover i,
.search-btn:hover i,
.s-cart-summary-wrapper:hover i,
.mburger:hover i {
    filter: drop-shadow(0 0 10px rgba(250, 177, 64, 0.8)) !important;
}

/* 5. تنسيق عداد السلة والنصوص (ريال سعودي) ليكون ذهبياً */
.store-header .s-cart-summary-count,
.store-header .s-cart-summary-total,
.store-header .currency-btn span,
.store-header .da-tm,
.store-header .symbol-code i {
    color: #fab140 !important;
    font-weight: bold;
}

/* 6. ضمان محاذاة العناصر في منتصف الارتفاع */
.header-container > div {
    display: flex !important;
    align-items: center !important;
}
body::before,
body::after {
  content: "";
  position: fixed;
  top: 0;
  width: 300px;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
}