/* =========================================================
   Mobile Product Accordion - Luxury Minimalist
   ========================================================= */

@media (max-width: 991px) {

  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile[data-id="details_table"],

  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile[data-id="reviews"] {
    position: relative !important;
    box-sizing: border-box !important;

    background: #FFFFFF !important;
    color: #222222 !important;

    border: 1px solid #E5E5E5 !important;
    border-radius: 8px !important;

    margin-bottom: 10px !important;

    padding-right: 52px !important;
  }

  /* لون النص */
  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile[data-id="details_table"] span,

  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile[data-id="reviews"] span {
    color: #222222 !important;
  }

  /* -----------------------------------------
     أيقونة تفاصيل المنتج
     ----------------------------------------- */

  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile[data-id="details_table"]::before {
    content: "";

    position: absolute;
    right: 16px;
    top: 50%;

    width: 22px;
    height: 22px;

    transform: translateY(-50%);

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8.5L18 7v13.5H6z'/%3E%3Cpath d='M14.5 3.5V7H18'/%3E%3Cpath d='M9 11h6M9 15h6'/%3E%3C/svg%3E");
  }

  /* -----------------------------------------
     أيقونة تقييمات المنتج
     ----------------------------------------- */

  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile[data-id="reviews"]::before {
    content: "☆";

    position: absolute;
 right: 15px;
top: 50%;
transform: translateY(calc(-50% + 4px));

    font-size: 23px;
    line-height: 1;
    font-weight: 400;

    color: #222222 !important;
  }

  /* -----------------------------------------
     علامة + / − الأصلية
     ----------------------------------------- */

  .product-more-info
  .more-tab-container
  .more-info-tabs__nav-link.mobile::after {
    color: #222222 !important;
    border-color: #222222 !important;
  }
}

/* =====================================================
   OUD LOVER – Wishlist Final Appearance
   ===================================================== */

/* حاوية المفضلة */
custom-salla-product-card .product-card__image .wishlist {
  position: absolute !important;
  top: 0 !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;

  width: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 100 !important;

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

/* زر المفضلة */
custom-salla-product-card
.product-card__image
.wishlist
button {
  width: 40px !important;
  height: 40px !important;

  min-width: 40px !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

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

  transform: translateX(8px) !important;
}

/* إلغاء شكل الدائرة */
custom-salla-product-card
.product-card__image
.wishlist
button::before,
custom-salla-product-card
.product-card__image
.wishlist
button::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* الأيقونة */
custom-salla-product-card
.product-card__image
.wishlist
button
.s-icon-heart {
  font-size: 23px !important;
  color: #222222 !important;
}

/* محاذاة البادج مع أعلى الصورة على سطح المكتب */
@media (min-width: 768px) {
  .product-card div.product-card__promotion {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
  }
}


/* ==================================================
   OUD LOVER — Sidebar Language & Currency
   Luxury Minimalist | Mobile + Desktop
   Clean integrated version
   ================================================== */

/* 1. حاوية القائمة الجانبية */
.mm-ocd.mm-ocd--open
.mm-ocd__content.oudl-locale-footer-host-v2 {
  position: relative !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 2. مساحة إضافية أسفل قائمة التصنيفات */
.mm-ocd.mm-ocd--open
.mm-ocd__content.oudl-locale-footer-host-v2
nav#mobile-menu ul.main-menu {
  padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  scroll-padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
}

/* 3. الشريط الثابت أسفل القائمة */
.mm-ocd.mm-ocd--open .oudl-locale-footer-v2 {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;

  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;

  background: #FFFFFF !important;
  border-top: 1px solid #E5E5E5 !important;
}

/* 4. الحاويتان: حجم موحد ومحاذاة مركزية */
.oudl-locale-footer-v2 > button.header__language-btn,
.oudl-locale-footer-v2 > button.header__currency-btn {
  display: flex !important;
  flex: 1 1 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

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

  background: #FFFFFF !important;
  color: #222222 !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  cursor: pointer !important;

  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    transform 120ms ease !important;
}

/* 5. زر اللغة: ترتيب من اليمين إلى اليسار */
.oudl-locale-footer-v2
> button.header__language-btn {
  direction: rtl !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  line-height: 1 !important;
}

/* أيقونة اللغة الأصلية — يمين النص */
.oudl-locale-footer-v2
> button.header__language-btn > i {
  display: inline-flex !important;
  order: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;

  margin: 0 !important;
  color: #222222 !important;
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 1 !important;
  vertical-align: middle !important;
position: relative !important;
top: 2px !important;
transform: translateY(-2px) !important;
}

/* إخفاء اسم اللغة المختارة فقط */
.oudl-locale-footer-v2
> button.header__language-btn > span.shrink-0 {
  display: none !important;
}

/* تسمية اللغة بالعربية */
html[lang="ar"] .oudl-locale-footer-v2
> button.header__language-btn::after {
  content: "اللغة" !important;
}

/* تسمية اللغة بالإنجليزية */
html[lang="en"] .oudl-locale-footer-v2
> button.header__language-btn::after {
  content: "Language" !important;
}

/* تنسيق نص اللغة ومحاذاته العمودية */
.oudl-locale-footer-v2
> button.header__language-btn::after {
  display: inline-block !important;
  order: 2 !important;
  align-self: center !important;
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;
  color: #222222 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transform: translateY(1px) !important;
}

/* سهم اللغة: يأتي بعد كلمة اللغة */
.oudl-locale-footer-v2
> button.header__language-btn .sicon-keyboard_arrow_down {
  display: inline-flex !important;
  order: 3 !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;
  color: #555555 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  transform: translateY(-1px) !important;
}

/* 6. زر العملة: إبقاء الأيقونة والاسم الأصليين */
.oudl-locale-footer-v2
> button.header__currency-btn {
  direction: rtl !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
}

/* اسم العملة: منع قص الأطراف */
.oudl-locale-footer-v2
> button.header__currency-btn > span.shrink-0 {
  display: inline-block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 2px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* أيقونة العملة الأصلية */
.oudl-locale-footer-v2
> button.header__currency-btn > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;

  margin: 0 !important;
  color: #222222 !important;
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 1 !important;
}

/* السهم الأصلي للعملة */
.oudl-locale-footer-v2
> button.header__currency-btn .sicon-keyboard_arrow_down {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 auto !important;

  margin: 0 !important;
  color: #555555 !important;
  font-size: 16px !important;
  line-height: 1 !important;
transform: translateY(1px) !important;
}

/* عدم إظهار تسمية إضافية للعملة */
.oudl-locale-footer-v2
> button.header__currency-btn::after {
  content: none !important;
  display: none !important;
}

/* 7. إزالة الفواصل وإخفاء الشريط العلوي بعد نقل اللغة والعملة */

/* إزالة الفاصل من موضع الزرين الأصليين */
body.oudl-locale-controls-relocated-v2
.header-buttons > span[class~="mx-2.5"] {
  display: none !important;
}

/* إخفاء الشريط على الكمبيوتر والجوال */
body.oudl-locale-controls-relocated-v2 .top-navbar {
  display: none !important;
}

/* 8. تأثير المرور */
.oudl-locale-footer-v2
> button.header__language-btn:hover,
.oudl-locale-footer-v2
> button.header__currency-btn:hover {
  background-color: #F8F6F3 !important;
  border-color: #D5C8BA !important;
}

/* تأثير الضغط */
.oudl-locale-footer-v2
> button.header__language-btn:active,
.oudl-locale-footer-v2
> button.header__currency-btn:active {
  background-color: #F0EBE5 !important;
  border-color: #C9B7A4 !important;
  transform: scale(0.985) !important;
}

/* مؤشر التركيز */
.oudl-locale-footer-v2
> button.header__language-btn:focus-visible,
.oudl-locale-footer-v2
> button.header__currency-btn:focus-visible {
  outline: 2px solid #A97D50 !important;
  outline-offset: 2px !important;
}

/* 9. إبقاء نافذة اللغة والعملة فوق القائمة */
body.modal-is-open
salla-modal[aria-modal="true"]:not(.s-hidden) {
  position: fixed !important;
  z-index: 2147483647 !important;
}


/* ==================================================
   OUD LOVER — Header Whitespace Fix
   Desktop + Mobile | Luxury Minimalist
   ================================================== */

/* الكمبيوتر */
@media (min-width: 768px) {
  #mainnav {
    height: 76px !important;
    min-height: 76px !important;
  }
}

/* الجوال */
@media (max-width: 767px) {
  #mainnav {
    height: 60px !important;
    min-height: 60px !important;
  }
}


/* ==================================================
   OUD LOVER — Product Brand Logo Enhancement
   Celia Theme | Desktop + Mobile
   ================================================== */

/* مساحة شعار العلامة التجارية */
.product-single__brand-row .product-brand.w-12 {
  width: 105px !important;
  flex: 0 0 105px !important;
  max-width: 100% !important;
}

/* رابط شعار الماركة */
.product-single__brand-row .product-brand a.brand-logo {
  display: block !important;
  width: 105px !important;
  max-width: 100% !important;
  transform: none !important;
}

/* صورة الشعار */
.product-single__brand-row .product-brand a.brand-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* الجوال */
@media (max-width: 767px) {
  .product-single__brand-row .product-brand.w-12 {
    width: 82px !important;
    flex: 0 0 82px !important;
  }

  .product-single__brand-row .product-brand a.brand-logo {
    width: 82px !important;
  }
}

/* ==================================================
   OUD LOVER — Bought Together Button
   White / Dark Hover / Black Press
   ================================================== */

salla-bought-together button.s-bought-together-btn.s-button-element {
  background: #fff !important;
  background-color: #fff !important;
  color: #292929 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    border-color 160ms ease !important;
}

salla-bought-together button.s-bought-together-btn.s-button-element .s-button-text {
  color: inherit !important;
}

/* Desktop hover */
@media (hover: hover) {
  salla-bought-together button.s-bought-together-btn.s-button-element:hover:not(.oudl-bought-together-pressed) {
    background: #666 !important;
    background-color: #666 !important;
    color: #fff !important;
    border-color: #666 !important;
  }

  salla-bought-together button.s-bought-together-btn.s-button-element:hover:not(.oudl-bought-together-pressed) .s-button-text {
    color: #fff !important;
  }
}

/* Black while pressed */
salla-bought-together button.s-bought-together-btn.s-button-element.oudl-bought-together-pressed,
salla-bought-together button.s-bought-together-btn.s-button-element.oudl-bought-together-pressed:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

salla-bought-together button.s-bought-together-btn.s-button-element.oudl-bought-together-pressed .s-button-text {
  color: #fff !important;
}

salla-bought-together button.s-bought-together-btn.s-button-element:focus-visible {
  outline: 2px solid #666 !important;
  outline-offset: 2px !important;
}


/* OUD LOVER — Desktop Menu Label Spacing */
@media (min-width: 768px) {
  a.mburger.mburger--collapse:not(.selia-bottom-nav-icon) {
    column-gap: 15px !important;
  }
}



.starting-or-normal-price h2.total-price {
  letter-spacing: 1px !important;
font-size: 22px !important;
}


/* OUD LOVER — Product Price Label Enhancement */
.product-single__price-label {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

/* OUD LOVER — Product Detail Previous Price */
span.before-price.text-store-text-secondary.line-through {
    font-size: 17px !important;
color: #8A8178 !important;
}



/* OUD LOVER | Unified Product Card Price Spacing */

custom-salla-product-card p.total-price,
custom-salla-product-card span.before-price {
    letter-spacing: 0.9px !important;
}

custom-salla-product-card p.total-price {
    font-size: 15px !important;
}

custom-salla-product-card span.before-price.text-store-text-secondary.line-through {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #8A8178 !important;
    margin-inline-start: 8px !important;
}


/* OUD LOVER | Mobile Footer Links Arrow Enhancement */
@media (max-width: 767px) {
  .store-footer__menu-title.footer-collapse__header
  .footer-collapse__arrow::before {
    font-size: 30px !important;
  }
}