:root { --primary:#2b68ff; --dark:#222; --light:#fff; --gray:#f8f8f8; --transition:.3s ease; }
body { margin:0; font-family:'Tajawal',sans-serif; background:var(--light); }
.main-header { background:var(--light); border-bottom:1px solid #eee; position:sticky; top:0; z-index:1000; }

.sidebar-nav .wb-pill.login-btn { background: var(--primary); color: var(--light); border: none; }
.sidebar-nav .wb-pill.login-btn:hover { opacity: 0.9; }
.sidebar-nav .wb-pill.logout-btn { background: #ff3b3b; color: var(--light); border: none; }
.sidebar-nav .wb-pill.logout-btn:hover { opacity: 0.9; }

.header-wrapper { max-width:1300px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:12px 20px; gap:16px; }
.logo-container img { height:25px; transition:var(--transition); }

.desktop-menu .main-menu { display:flex; gap:15px; list-style:none; margin:0; padding:0; justify-content:center; }
.desktop-menu .main-menu li a { text-decoration:none; color:var(--dark); font-weight:500; transition:var(--transition); }
.desktop-menu .main-menu li a:hover { color:var(--primary); }

.header-icons { display:flex; align-items:center; gap:14px; position:relative; }

.lc-trigger { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; border:1px solid #eee; background:#fff; transition:.2s; cursor:pointer; padding:0; }
.lc-trigger:hover { background:#f8f8f8; }
.lc-trigger img { width:20px; height:20px; }

.wb-pill { display:inline-flex; align-items:center; gap:6px; font-weight:600; border-radius:999px; padding:6px 10px; line-height:1; white-space:nowrap; text-decoration:none; color:#222; background:#fff; border:1px solid #eee; }
.wb-pill:hover { background:#f8f8f8; }

.mobile-menu-btn { display:none; background:none; border:none; cursor:pointer; }

@media(max-width:992px){
  .header-wrapper { padding:10px 15px; }
  .mobile-left { display:flex; align-items:center; gap:10px; flex:1; }
  .mobile-menu-btn { display:block; }
  .desktop-menu, .desktop-logo { display:none; }
  .logo-container img { height:28px; }
  .header-icons { gap:10px; }
}
@media(min-width:993px){
  .mobile-left { display:none; }
  .desktop-logo { display:block; }
  .desktop-menu { flex:1; text-align:center; }
}

.mobile-sidebar { position:fixed; top:0; right:0; width:100%; height:100%; z-index:2000; display:none; }
.mobile-sidebar.active { display:block; }
.sidebar-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); backdrop-filter:blur(3px); opacity:0; transition:opacity .3s ease; }
.mobile-sidebar.active .sidebar-overlay { opacity:1; }
.sidebar-panel { position:absolute; top:0; right:0; width:85%; max-width:340px; height:100%; background:var(--light); display:flex; flex-direction:column; box-shadow:-4px 0 12px rgba(0,0,0,.15); transform:translateX(100%); transition:transform .3s ease; border-radius:0 0 0 15px; }
.mobile-sidebar.active .sidebar-panel { transform:translateX(0); }

.sidebar-header { display:flex; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid #eee; background:var(--gray); border-radius:0 0 0 15px; }
.sidebar-logo img { height:30px; }
.sidebar-menu { flex:1; overflow-y:auto; padding:20px; }
.sidebar-nav { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.sidebar-nav li a { display:flex; align-items:center; gap:10px; padding:12px 15px; border-radius:10px; color:var(--dark); text-decoration:none; font-weight:500; transition:all var(--transition); background:var(--gray); }
.sidebar-nav li a:hover { background:var(--primary); color:var(--light); transform:translateX(5px); }

.account-wrap { position:relative; }
.account-trigger{ background:#fff; border:1px solid #eee; width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; cursor:pointer; transition:.2s; padding:0; }
.account-trigger:hover{ background:#f8f8f8; }
.account-dropdown{ position:absolute; top:44px; left:0; min-width:220px; background:#fff; border:1px solid #eee; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,.08); padding:8px; display:none; z-index:1500; }
.account-dropdown.open{ display:block; }
.account-dropdown a{ display:block; padding:10px 12px; border-radius:8px; color:#222; text-decoration:none; font-weight:500; }
.account-dropdown a:hover{ background:#f8f8f8; color:var(--primary); }
.account-dropdown .logout-link{ color:#ff3b3b; }























/* الحالة الابتدائية بالإنجليزية */
:lang(en) .xoo-wsc-container,
:lang(en) .xoo-wsc-slider{
  inset-inline-start: auto !important;   /* يلغي left */
  inset-inline-end: -100% !important;    /* يخفي عند اليمين */
  transform: translateX(100%) !important;
}

/* عند التفعيل — لو الكلاس على <body> */
:lang(en) body.xoo-wsc-cart-active .xoo-wsc-container,
:lang(en) body.xoo-wsc-slider-active .xoo-wsc-slider{
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  transform: translateX(0) !important;
}

/* عند التفعيل — لو الكلاس على <html> */
:lang(en) html.xoo-wsc-cart-active .xoo-wsc-container,
:lang(en) html.xoo-wsc-slider-active .xoo-wsc-slider{
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  transform: translateX(0) !important;
}





.woocommerce .woocommerce-ordering select {

  display: none;
}