/* الشريط الزجاجي */
.selia-bottom-nav {
  position: fixed !important;
  inset-inline: 12px !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9999 !important;

  width: auto !important;
  max-width: 640px;
  margin-inline: auto !important;
  padding: 8px !important;
  box-sizing: border-box;

  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow:
    0 12px 36px rgba(89, 36, 88, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;

  -webkit-backdrop-filter: blur(20px) saturate(155%);
  backdrop-filter: blur(20px) saturate(155%);
}

/* ترتيب الخانات */
.selia-bottom-nav-items {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 2px !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  direction: rtl;
}

/* كل خانة في الشريط */
.selia-bottom-nav-items > .selia-bottom-nav-button {
  position: relative;
  z-index: 1;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  min-width: 0 !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 5px 2px !important;
  box-sizing: border-box;

  color: #584c59 !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* روابط وأزرار عناصر الشريط */
.selia-bottom-nav-items .selia-bottom-nav-icon,
.selia-bottom-nav-items .s-cart-summary-wrapper,
.selia-bottom-nav-items .selia-bottom-nav-user > salla-user-menu,
.selia-bottom-nav-items .selia-bottom-nav-wishlist > .selia-bottom-nav-icon {
  position: relative;
  z-index: 1;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;

  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}

/* توحيد حجم الأيقونات */
.selia-bottom-nav-items .selia-bottom-nav-button > .selia-bottom-nav-icon > i,
.selia-bottom-nav-items .selia-bottom-nav-button > .selia-bottom-nav-icon i,
.selia-bottom-nav-items .selia-bottom-nav-button > salla-user-menu i,
.selia-bottom-nav-items .selia-bottom-nav-button > salla-cart-summary i {
  display: block !important;
  margin: 0 !important;
  color: currentColor !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

/* حجم أيقونة الأقسام */
.selia-bottom-nav-menu .selia-bottom-nav-icon > i {
  font-size: 21px !important;
}

/* نصوص الخانات */
.selia-bottom-nav-items .selia-bottom-nav-button > span:not(.selia-bottom-nav-pill),
.selia-bottom-nav-items .selia-bottom-nav-icon > span {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

/* الحساب */
.selia-bottom-nav-user > salla-user-menu {
  flex: 0 0 auto;
}

.selia-bottom-nav-user button[slot="login-btn"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* المفضلة: زر القلب الأصلي الذي ينقله JavaScript */
.selia-bottom-nav-wishlist .selia-bottom-nav-icon > button[data-external-guest-wishlist-btn] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;

  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

.selia-bottom-nav-wishlist button[data-external-guest-wishlist-btn] svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

/* السلة */
.selia-bottom-nav-cart > salla-cart-summary {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

.selia-bottom-nav-cart .s-cart-summary-wrapper {
  position: relative !important;
}

.selia-bottom-nav-cart .s-cart-summary-content {
  display: none !important;
}

.selia-bottom-nav-cart #s-cart-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.selia-bottom-nav-cart .s-cart-summary-count {
  position: absolute !important;
  top: -5px !important;
  inset-inline-start: calc(50% + 5px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 15px !important;
  height: 15px !important;
  padding: 0 4px !important;
  box-sizing: border-box;

  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 999px !important;
  background: #d93dbb !important;
  color: #fff !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

/* المؤشر الزجاجي الفوشي */
.selia-bottom-nav-pill {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 0 !important;
  display: block !important;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;

  border: 1px solid rgba(255, 190, 245, 0.72);
  border-radius: 17px;

  background: linear-gradient(
    135deg,
    rgba(255, 105, 218, 0.3),
    rgba(211, 105, 255, 0.19)
  );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    inset 0 -8px 18px rgba(238, 114, 218, 0.08),
    0 4px 16px rgba(207, 56, 184, 0.16);

  -webkit-backdrop-filter: blur(14px) saturate(165%);
  backdrop-filter: blur(14px) saturate(165%);

  transition:
    left 0.4s cubic-bezier(0.65, 0, 0.35, 1),
    top 0.4s cubic-bezier(0.65, 0, 0.35, 1),
    width 0.4s cubic-bezier(0.65, 0, 0.35, 1),
    height 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

/* لمعة زجاجية خفيفة */
.selia-bottom-nav-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.5),
    transparent 55%
  );
}

/* لون العنصر النشط */
.selia-bottom-nav-button.is-active {
  color: #b526a0 !important;
}

/* تأثير الضغط */
.selia-bottom-nav-button {
  -webkit-tap-highlight-color: transparent;
}

.selia-bottom-nav-button:active {
  transform: scale(0.96);
  transition: transform 0.16s ease;
}

/* إخفاء الشريط على الشاشات الكبيرة */
@media (min-width: 768px) {
  .selia-bottom-nav {
    display: none !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .selia-bottom-nav-pill,
  .selia-bottom-nav-button {
    transition: none !important;
  }
}
/* حركة أنعم للمؤشر الزجاجي */
.selia-bottom-nav-pill {
  will-change: left, top, width, height;
  transition:
    left 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    top 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    background 0.35s ease !important;
}

/* انتقال لطيف للون والأيقونات والنص */
.selia-bottom-nav-button,
.selia-bottom-nav-button i,
.selia-bottom-nav-button svg,
.selia-bottom-nav-button > span,
.selia-bottom-nav-button .selia-bottom-nav-icon > span {
  transition:
    color 0.3s ease,
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.selia-bottom-nav-button.is-active {
  color: #b526a0 !important;
}

.selia-bottom-nav-button.is-active i,
.selia-bottom-nav-button.is-active svg {
  transform: translateY(-1px) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  .selia-bottom-nav-pill,
  .selia-bottom-nav-button,
  .selia-bottom-nav-button i,
  .selia-bottom-nav-button svg,
  .selia-bottom-nav-button > span {
    transition: none !important;
  }
}
.enhanced-title-border.home-block-line.anime-item {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 190, 245, 0.65) !important;
  border-radius: 999px;

  background: linear-gradient(
    110deg,
    rgba(165, 155, 170, 0.72),
    rgba(231, 139, 216, 0.8),
    rgba(204, 65, 179, 0.92)
  ) !important;

  box-shadow:
    0 0 10px rgba(218, 75, 190, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -2px 5px rgba(180, 55, 160, 0.12);

  -webkit-backdrop-filter: blur(8px) saturate(155%);
  backdrop-filter: blur(8px) saturate(155%);
}

/* لمعة زجاجية ثابتة */
.enhanced-title-border.home-block-line.anime-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.55),
    transparent 65%
  );
}
#wa-selia.wa-selia.left {
  position: fixed !important;
  left: 16px !important;
  right: auto !important;
  bottom: calc(12px + env(safe-area-inset-bottom, 0px) + 88px) !important;
  z-index: 9998 !important;
}