/* ===== Navbar base ===== */
.y-c-navbar{background:#b87e43;position:sticky;top:0;z-index:1000}
.y-c-navbar__container{
  max-width:1200px;margin:0 auto;padding:10px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  /* ثابت: صف مع عكس بصري ليظهر الشعار يمين دوماً */
  flex-direction:row-reverse;
}
.y-c-navbar__logo-img{max-height:56px;display:block}

/* ترتيب العناصر ثابت: شعار → قائمة → هواتف */
.y-c-navbar__logo{order:1}
#navbarContent{order:2;display:flex;align-items:center;gap:24px;width:100%}
.y-c-navbar__phones{order:3;display:flex;align-items:center;gap:16px;margin-inline-start:auto}

/* ===== Collapse row (UL + phones) ===== */
.y-c-navbar__collapse{
  display:flex;align-items:center;gap:24px;flex:1;flex-direction:row-reverse;
}

/* ===== Menu (center) ===== */
.y-c-nav{
  list-style:none;margin:0;padding:0;
  display:flex;gap:28px;align-items:center;
  flex:1;justify-content:center;
  /* حتى داخل القائمة: اعكس الاتجاه ليكون أول عنصر بجانب الشعار */
  flex-direction:row-reverse;
}
.y-c-nav>li{position:relative;margin:0;padding:0}

/* روابط */
.y-c-navbar .y-c-nav > li > a{
  background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  display:inline-block;padding:.5rem 1rem;font-size:18px;color:#fff;text-decoration:none
}
.y-c-navbar .y-c-nav > li > a:hover,
.y-c-navbar .current-menu-item > a{color:var(--y-color-btn,#ffd700)}

/* مؤشّر الدروبداون */
.y-u-dropdown>.y-u-dropdown-toggle::after{
  content:"▾";font-size:.7em;margin-inline-start:.45rem;vertical-align:middle
}

/* ===== Dropdown (desktop) ===== */
.y-c-navbar__dropdown-menu{
  display:none;position:absolute;top:100%;
  right:0; /* محاذاة يمين دائماً */
  min-width:180px;background:#b87e43;padding:.5rem 0;margin:0;
  list-style:none;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.15)
}
.y-c-navbar__dropdown-menu li a{
  display:block;padding:.5rem 1rem;white-space:nowrap;color:#fff;text-decoration:none
}
.y-c-navbar__dropdown-menu li a:hover{background:rgba(255,255,255,.12)}

@media (min-width:821px){
  .y-c-navbar__container{
    flex-direction:row-reverse;  /* الشعار يمين ثم القائمة بالوسط */
  }
}

@media (min-width:992px){
  .y-u-dropdown:hover>.y-c-navbar__dropdown-menu{display:flex;flex-direction:column}
}

/* ===== Phones ===== */
.y-c-navbar__phone-link{
  color:#fff;text-decoration:none;font-size:16px;white-space:nowrap;
  display:inline-flex;gap:.4rem;align-items:center
}

/* ===== Mobile Cart ===== */
.y-c-navbar__mobile-cart{
  display:none;
  position:relative;
  color:#fff;
  text-decoration:none;
  padding:8px;
  border-radius:8px;
  transition:background-color 0.2s ease;
}
.y-c-navbar__mobile-cart:hover{
  background:rgba(255,255,255,.1);
}
.y-c-navbar__mobile-cart .y-c-cart-count{
  position:absolute;
  top:-2px;
  right:-2px;
  background:#ff4444;
  color:#fff;
  border-radius:50%;
  width:18px;
  height:18px;
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
}

/* ===== Toggler (mobile) ===== */
.y-c-navbar__toggler{
  display:none;border:1px solid rgba(255,255,255,.35);
  width:42px;height:38px;border-radius:8px;
  background:transparent;cursor:pointer
}
.y-u-navbar-toggler-icon{
  width:22px;height:2px;background:#fff;
  display:block;position:relative;margin:0 auto
}
.y-u-navbar-toggler-icon::before,.y-u-navbar-toggler-icon::after{
  content:"";position:absolute;left:0;right:0;height:2px;background:#fff
}
.y-u-navbar-toggler-icon::before{top:-7px}
.y-u-navbar-toggler-icon::after{top:7px}

/* ===== Mobile ≤ 820px ===== */
@media (max-width:820px){
  .y-c-navbar__container{flex-wrap:wrap}
  .y-c-navbar__toggler{display:block}
  .y-c-navbar__mobile-cart{display:block}
  
  /* Hide desktop cart on mobile */
  .y-c-nav__cart{display:none !important}

  /* collapse أسفل ويملأ العرض */
  .y-c-navbar__collapse{
    order:3;width:100%;
    display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  }

  #navbarContent{
    display:none;flex-direction:column;gap:12px;width:100%;margin-top:10px
  }
  #navbarContent.show{display:flex}

  /* القائمة عمودية يمين */
  .y-c-nav{
    width:100%;
    flex-direction:column !important;
    align-items:flex-end;
    gap:10px;
    justify-content:flex-start
  }
  .y-c-nav > li{width:100%}
  .y-c-nav > li > a{display:block;width:100%;padding:12px 0}

  /* الهواتف أسفل القائمة يمين */
  .y-c-navbar__phones{
    margin-inline-start:0;align-self:flex-end;
    display:flex;gap:16px
  }

  /* دروبداون داخلي */
  .y-c-navbar__dropdown-menu{
    position:relative;top:0;right:auto;
    min-width:0;box-shadow:none;
    display:none;padding:0;background:transparent
  }
  .y-u-dropdown.show>.y-c-navbar__dropdown-menu{
    display:flex;flex-direction:column;gap:8px
  }
  .y-c-navbar__dropdown-menu li a{padding:6px 0}
}

/* تنظيف أي “بطاقات/أزرار” تورثها ثيمات/إضافات */
.y-c-navbar a,
.y-c-nav a,
.y-c-navbar__dropdown-menu a{
  background:none!important;box-shadow:none!important;
  border:0!important;border-radius:0!important
}
nav.y-c-navbar .y-c-nav > li,
nav.y-c-navbar .y-c-nav > li > a,
nav.y-c-navbar .y-c-nav > li > a:link,
nav.y-c-navbar .y-c-nav > li > a:visited,
nav.y-c-navbar .y-c-nav > li > a:hover,
nav.y-c-navbar .y-c-nav > li > a:focus,
nav.y-c-navbar .y-c-nav > li > a:active{
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important
}
/* ترتيب العناصر في الشريط */
.y-c-navbar__logo{order:1}
.y-c-navbar__mobile-cart{order:2}      /* السلة بعد الشعار */
.y-c-navbar__toggler{order:3}          /* الزر بعد السلة */
#navbarContent{order:4}                 /* القائمة */
.y-c-navbar__phones{order:5}            /* الهواتف */
@media (max-width:820px){
  .y-c-navbar__container{
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-right: 60px;   /* بدل padding-inline-end */
  }

  .y-c-navbar__toggler{
    display:block;
    position:absolute;
    right:16px;            /* بدل inset-inline-end */
    top:10px;
    z-index: 2;
    margin:0;
  }

  #navbarContent{
    order:3 !important;
    display:none;
    width:100%;
    flex-direction:column;
    gap:12px;
    margin-top:10px;
    align-items:flex-end;
  }
  #navbarContent.show{display:flex}

  .y-c-nav{
    width:100%;
    flex-direction:column !important;
    align-items:flex-end;
    gap:10px;
    justify-content:flex-start;
  }

  .y-c-navbar__phones{
    order:4;
    align-self:flex-end;
    gap:16px;
  }
}
@media (max-width:820px){
  .y-c-navbar__container{
    align-items: flex-start;   /* ثبّت السطر الأول أعلى */
    gap: 0 16px;               /* لا row-gap عند ظهور السطر الثاني */
  }

  /* اترك هوامش السطر الثاني كما هي */
  #navbarContent{ margin-top:10px; }
}
/* غلق التمرير عند فتح المنيو */
body.y-nav-open{ overflow:hidden; }

@media (max-width:820px){
  .y-c-navbar{ overflow:hidden; }
}