/* Add custom CSS styles below */ 
.product-card__image{
    border: 2px solid #aa9e79;
    border-radius: 6px;

}

.quickview-btn{

  display: none;
}

.product-card__promotion{
  display: none;
}

.s-add-product-button-mini-checkout-content{
color: #675f47; 
}

/* ===== إعداد أساسي للميجا منيو على الديسكتوب ===== */
/* ===== Mega Menu شبيه ميداس مع إزالة التكرار ===== */
@media (min-width: 1024px) {

  .main-menu-row {
    position: relative;
    z-index: 50;
  }

  .main-menu > li.has-children {
    position: static;
  }

  /* صندوق الميجا منيو */
  .main-menu > li.has-children > .sub-menu {
    position: absolute;
    inset-inline: 0;
    top: 100%;
    margin-inline: auto;
    width: 100%;
    max-width: 1200px;
    background: #ffffff;
    padding: 24px 32px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    pointer-events: none;
  }

  .main-menu > li.has-children:hover > .sub-menu,
  .main-menu > li.has-children:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* شبكة الأعمدة داخل الميجا منيو */
  .main-menu > li.has-children > .sub-menu > ul {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* عدّل عدد الأعمدة هنا */
    gap: 8px 40px;
  }

  /* نُظهر عناصر الموبايل داخل البانل */
  .main-menu > li.has-children > .sub-menu li.lg\:hidden {
    display: block !important;
  }

  /* ونخفي النسخ المكرّرة الخاصة بالديسكتوب داخل البانل */
  .main-menu > li.has-children > .sub-menu li[class*="!hidden"],
  .main-menu > li.has-children > .sub-menu > ul > li.root-level {
    display: none !important;
  }

  /* عنوان العمود (مثل كنب / طاولات ...) عندما يكون Span أو A في المستوى الأول */
  .main-menu > li.has-children > .sub-menu > ul > li > span,
  .main-menu > li.has-children > .sub-menu > ul > li > a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 6px;
  }

  /* القوائم الفرعية (نقاط) */
  .main-menu > li.has-children > .sub-menu ul ul {
    margin: 4px 0 0;
    padding: 0 0 0 1.2rem;
    list-style: disc;
  }

  .main-menu > li.has-children > .sub-menu ul ul > li {
    margin-bottom: 2px;
  }

  .main-menu > li.has-children > .sub-menu ul ul > li > a {
    font-size: 14px;
    font-weight: 400;
    color: #4b5563;
    text-decoration: none;
  }

  .main-menu > li.has-children > .sub-menu ul ul > li > a:hover {
    color: #111827;
  }

  /* أول عنصر (عرض الكل) بدون نقطة وبخط أثقل */
  .main-menu > li.has-children > .sub-menu ul ul > li:first-child {
    list-style: none;
    margin-bottom: 6px;
  }

  .main-menu > li.has-children > .sub-menu ul ul > li:first-child > a {
    font-weight: 600;
    color: #111827;
  }

  /* عناصر المستوى الأول في الشريط العلوي */
  .main-menu > li.root-level {
    display: inline-block !important;
  }

  .main-menu > li.root-level > a {
    padding-inline: 12px;
    padding-block: 10px;
  }

  .main-menu > li.root-level > a span {
    position: relative;
  }

  .main-menu > li.root-level > a span::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background-color: #facc15;
    transition: width .18s ease;
  }

  .main-menu > li.root-level:hover > a span::after {
    width: 100%;
  }
}

.main-menu li>a{

  padding: 5px 0px 5px 0px;
}

.main-menu > li.has-children > .sub-menu > ul > li > span, .main-menu > li.has-children > .sub-menu > ul > li > a {

  font-size: 20px;
}

/* إضافة نقطة قبل كل رابط داخل القائمة الرئيسية */
.main-menu li > a::before {
    content: "•";
    margin-inline-end: 6px;   /* مسافة بسيطة قبل النص */
    font-size: 14px;
    line-height: 1;
    color: #444;              /* يمكن تغييره */
    display: inline-block;
    vertical-align: middle;
}



/* إخفاء "عرض الكل" داخل الميجا منيو */
@media (min-width: 1024px) {
  .main-menu > li.has-children > .sub-menu ul ul > li:first-child {
    display: none !important;
  }
}


@media (max-width: 991px) {

  .store-footer h3 {
        margin: .75rem auto;
        text-align: center;
    }

  .footer-badges {
    display: flex;
    justify-content: center;
  }

   .enhanced_links_wrapper {
    text-align: center;
   }

  .footer-logos{
    margin-top: 0px;
  }
  .h-10{
    height: 4.5rem;
  }
  
}

#wa.selia{bottom: 99px!important}
.footer-logo {
  display: none;
}