========================= */



/* =========================
   إزالة أي خلفية وهمية
========================= */
.store-header::before,
.store-header::after {
    background: transparent !important;
}

/* =========================
   الهيدر (بني فخم)
========================= */
.store-header {
    background: linear-gradient(135deg, #0a0705 0%, #1c120c 40%, #3b2618 65%, #8c5a2b 85%, #d6a55b 100%)!important;
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

/* الجزء العلوي */
.top-navbar {
    background: transparent !important;
}

/* =========================
   أهم جزء (إلغاء الأبيض من المنيو)
========================= */
#mainnav {
    background:linear-gradient(135deg, #0a0705 0%, #1c120c 40%, #3b2618 65%, #8c5a2b 85%, #d6a55b 100%) !important;
}

/* إزالة bg-white نهائي */
.main-nav-container,
#mainnav.bg-white,
.bg-white {
    background: transparent !important;
}

/* =========================
   🔥 توسيط UL فقط (بدون تحريك اللوجو أو الأيقونات)
========================= */
custom-main-menu ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    width: fit-content;
    margin: 0 auto; /* ده اللي بيخليها في النص */
    padding: 0;
    list-style: none;
}

/* =========================
   المنيو (تكبير الخط)
========================= */
custom-main-menu a {
    color: #fff !important;
    font-weight: 700;
    font-size: 18px;
    margin: 0 18px;
    transition: 0.3s;
}

custom-main-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* =========================
   تنسيق المنيو
========================= */
custom-main-menu a {
    font-family: 'Changa', sans-serif !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 30px; /* كبرنا الخط */
    margin: 0 16px;
    transition: 0.3s;
}

.main-menu li a {
    font-size: 18px !important;  /* كبر/صغّر براحتك */
    font-weight: 600 !important;
    font-family: 'Changa', sans-serif !important;
}

/* hover */
custom-main-menu a:hover {
    color: #2c1b12 !important; /* بني غامق */
}

/* الرابط الحالي */
custom-main-menu a.active {
    color: #2c1b12 !important;
    border-bottom: 2px solid #2c1b12;
    padding-bottom: 4px;
}

/* =========================
   البحث
========================= */
.s-search-input {
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15);
}

/* =========================
   السلة + اليوزر
========================= */
.s-cart-summary-wrapper,
.s-cart-summary-wrapper *,
.s-user-menu-trigger,
.s-user-menu-trigger * {
    color: #fff !important;
}

/* =========================
   تكبير اللوجو
========================= */

/* صورة اللوجو */
.store-logo img,
.logo img,
img[alt*="logo"],
img[alt*="Logo"]{
    max-height: 120px !important; /* كبر اللوجو */
    width: auto !important;
    object-fit: contain;
}

/* مساحة اللوجو نفسها */
.store-logo,
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

/* للموبايل */
@media (max-width: 768px){
    .store-logo img,
    .logo img{
        max-height: 85px !important;
    }
}
/* الهيدر فوق كل شيء */
.store-header,
#mainnav,
.main-nav-container{
    position: relative !important;
    z-index: 99999 !important;
    overflow: visible !important;
}

/* العنصر الأب للـ dropdown */
.main-menu li,
.menu-item-has-children{
    position: relative !important;
}

/* القائمة المنسدلة */
.main-menu li ul,
.main-menu .sub-menu,
.main-menu .dropdown-menu{
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;

    margin-top: 0 !important;
  

  background: #1c120c !important;;
    border-radius: 12px;
    min-width: 220px;

    z-index: 999999 !important;

    display: none;
    flex-direction: column !important;
}

/* إظهارها */
.main-menu li:hover > ul,
.main-menu li:hover > .sub-menu,
.main-menu li:hover > .dropdown-menu{
    display: flex !important;
}
/* =========================
   الفوتر (بني ثابت)
========================= */
.store-footer {
    background: #3e2c23 !important;
    background-image: none !important;
    color: #fff !important;
}

/* إزالة أي طبقات بيضا في الفوتر */
.store-footer__inner,
.store-footer__inner .container,
.store-footer__inner .grid,
.store-footer__inner .grid > div {
    background: transparent !important;
}

/* منع أي عنصر يرجع أبيض */
.store-footer * {
    background-color: transparent !important;
}


/* لو فيه pseudo element عامل الخلفية */
.store-header::before,
.store-header::after {
    background: transparent !important;
}
/* الفوتر الأساسي */
.store-footer {
    background: #3e2c23 !important;
    background-image: none !important;
}

/* كل الحاويات الداخلية اللي ممكن تغطي اللون */
.store-footer__inner,
.store-footer__inner .container,
.store-footer__inner .grid,
.store-footer__inner .grid > div {
    background: transparent !important;
}

/* إجبار أي بلوك داخلي مايبقاش أبيض */
.store-footer * {
    background-color: transparent;
}

/* إعادة اللون للنصوص */
.store-footer {
    color: #fff !important;
  /* إصلاح القائمة المنسدلة فقط */

/* إصلاح القائمة المنسدلة فقط */

/* إصلاح القائمة المنسدلة */

.sub-menu,
.sub-menu ul {
    display: block !important;
}

.sub-menu ul {
    flex-direction: column !important;
}

.sub-menu li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    flex: none !important;
}

.sub-menu li a {
    display: block !important;
    width: 100% !important;
    color: #2c1b12 !important;
}

/* =========================
   تحسين الشكل
========================= */

.store-footer h3 {
    color: #f5e6d3 !important;
}

/* اسم الموقع */
.store-footer h3:first-child {
    color: #ffffff !important;
    font-size: 26px;
    font-weight: 800;
}

/* الروابط */
.store-footer a {
    color: #f5e6d3 !important;
}

.store-footer a:hover {
    color: #ffffff !important;
}

/* السوشيال */
.s-social-icon {
    background: #ffffff15 !important;
    border-radius: 50%;
}

/* contact box */
.s-contacts-item {
    background: #ffffff10 !important;
}

/* =========================
   COPYRIGHT CENTER FIX
========================= */

.store-footer .md\:flex {
    justify-content: center !important;
    text-align: center !important;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #ffffff20;
}

.store-footer .copyright-text {
    width: 100%;
    text-align: center;
}

.store-footer .copyright-text p {
    color: #d2b48c !important;
    margin: 0;
}

.store-footer .copyright-text a {
    color: #fff !important;
    border-bottom: 1px solid #d2b48c;
}