/* Add custom CSS styles below *//* خلفية الشعار */
.flex.items-center {
    background-color: #ffdd89 !important; 
}

/* صورة الشعار بدون خلفية */
.flex.items-center img {
    background-color: transparent !important;
}

/* خلفية السلة + تسجيل الدخول */
.inner.bg-inherit {
    background-color: #ffdd89 !important; 
}

/* نصوص وأيقونات الرأس باللون الأبيض */
.flex.items-center a,
.flex.items-center span,
.inner.bg-inherit a,
.inner.bg-inherit span {
    color: #120e0f !important;
}

/* المبلغ داخل السلة */
.inner.bg-inherit .cart,
.inner.bg-inherit .cart span {
    color: #ffffff !important;
    font-weight: bold;
}
/* خلفية الشريط العلوي */
.top-navbar {
    background-color: #FF8C00 !important; /* غيّر اللون اللي تبيه */
}

/* النصوص والأيقونات داخل الشريط العلوي */
.top-navbar a,
.top-navbar span {
    color: #ffffff !important;  /* أبيض */
    font-weight: bold;
}

/* إذا فيه أيقونات أو المبلغ في السلة */
.top-navbar .cart,
.top-navbar .cart span {
    color: #ffffff !important;
}
/* خلفية المتجر بالكامل */
body,
.site-wrapper,
.app-inner {
    background-color: #FAF5E6 !important; /* بيج فاتح جداً */
}
/* خلفية القائمة المنسدلة للتصنيفات */
.main-menu li ul,
.main-menu li ul li {
    background-color: #F0E6D2 !important; /* بيج فاتح أغمق شوي عن الخلفية */
}

/* النصوص داخل القائمة المنسدلة */
.main-menu li ul li a {
    color: #333333 !important; /* نص غامق لسهولة القراءة */
}

/* تأثير عند المرور على التصنيف */
.main-menu li ul li a:hover {
    background-color: #FFD700 !important; /* أصفر ذهبي عند المرور */
    color: #000000 !important;
}
/* الرقم على سلة التسوق */
.s-cart-summary-count {
    background-color: #ffe170 !important; /* نفس لون القائمة المنسدلة */
    color: #333333 !important;            /* نص غامق وواضح */
    font-weight: bold;
    border-radius: 50%;                   /* دائري الشكل */
    padding: 2px 6px;                     /* مسافة داخلية مناسبة */
}
/* أيقونة تسجيل الدخول */
.top-navbar .login-icon,
.top-navbar .user-icon,
.inner.bg-inherit .login-icon {
    background-color: #fff4d9 !important; /* نفس لون القائمة المنسدلة */
    border-radius: 50%;                   /* يجعلها دائرية لو تحب */
    padding: 4px;                          /* مسافة داخلية مناسبة */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 1️⃣ أيقونة الشخص بعد تسجيل الدخول */
.top-navbar .user-icon,
.top-navbar .logged-in-icon,
.inner.bg-inherit .user-icon {
    background-color: #F0E6D2 !important; /* نفس لون القائمة المنسدلة */
    border-radius: 50%;                   /* دائري الشكل */
    padding: 4px;                          /* مسافة داخلية مناسبة */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2️⃣ القائمة المنسدلة بعد تسجيل الدخول */
.top-navbar .user-menu,
.top-navbar .logged-in-menu,
.inner.bg-inherit .user-menu {
    background-color: #F0E6D2 !important; /* نفس لون القائمة المنسدلة */
    color: #333333 !important;             /* نص غامق للقراءة */
}

/* نصوص الروابط داخل القائمة المنسدلة */
.top-navbar .user-menu a,
.top-navbar .logged-in-menu a {
    color: #333333 !important;
}

/* تأثير عند المرور على الرابط */
.top-navbar .user-menu a:hover,
.top-navbar .logged-in-menu a:hover {
    background-color: #FFD700 !important; /* أصفر ذهبي */
    color: #000000 !important;
}
/*-----------------------------*/
/* 1️⃣ الصورة الرمزية بعد تسجيل الدخول */
.s-user-menu-trigger {
    background-color: #F0E6D2 !important; /* نفس لون القائمة المنسدلة للتصنيفات */
    border-radius: 50%;                   /* دائري الشكل */
    padding: 4px;                          /* مسافة داخلية مناسبة */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* نصوص أو أيقونات داخل الصورة الرمزية */
.s-user-menu-trigger span,
.s-user-menu-trigger i {
    color: #333333 !important;            /* نص غامق وواضح */
}

/*-----------------------------*/
/* 2️⃣ القائمة المنسدلة بعد تسجيل الدخول */
.s-user-menu-dropdown-list {
    background-color: #F0E6D2 !important; /* موحد مع الخلفية */
    border-radius: 4px;                    /* حواف خفيفة */
    padding: 5px 0;                        /* مسافة داخلية مناسبة */
}

/* الروابط داخل القائمة */
.s-user-menu-dropdown-list a {
    color: #333333 !important;            /* نص غامق */
    padding: 5px 15px;                     /* مسافة داخلية للروابط */
    display: block;
}

/* تأثير عند المرور على الرابط */
.s-user-menu-dropdown-list a:hover {
    background-color: #FFD700 !important; /* أصفر ذهبي عند المرور */
    color: #000000 !important;
    border-radius: 4px;
    transition: all 0.3s ease;
}
footer .flex.items-center.m-0 {
    display: none !important;
}
/* صندوق السعر */
.flex.whitespace-nowrap.gap-4.items-center {
    background-color: #FAF5E6 !important;  /* نفس لون أرضية المتجر */
    padding: 5px 10px;                     /* مسافة داخلية مناسبة */
    border-radius: 5px;                     /* حواف خفيفة */
    font-size: 18px !important;            /* تكبير حجم السعر */
    font-weight: bold;                      /* النص عريض */
    color: #333333 !important;             /* لون النص غامق وواضح */
    display: inline-flex;                   /* يحتفظ بالفلكس مع العناصر الأخرى */
    align-items: center;                    /* محاذاة عمودية للعناصر */
    gap: 6px;                               /* مسافة بين العناصر داخل الفلكس */
}
/* فصل السعر عن أي عناصر أخرى */
.flex.whitespace-nowrap.gap-4.items-center {
    display: block !important;       /* يجعل السعر في سطر مستقل */
    background-color: #FAF5E6 !important;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 18px !important;
    font-weight: bold;
    color: #333333 !important;
    margin-top: 5px;                 /* مسافة بين اسم المنتج والسعر */
}
/* تغيير خلفية و حجم خط عنوان العروض */
.s-product-card-promotion-title {
  background-color: #facb89 !important; /* خليها نفس لون المتجر */
  font-size: 0.65rem !important;        /* تصغير حجم الخط */
  color: #333 !important;               /* لون النص */
  padding: 3px 8px;                     /* مسافة داخلية بسيطة */
  border-radius: 3px;                   /* زوايا مستديرة */
  display: inline-block;
}