/* 06/09/2026 */
/* Add custom CSS styles below */

.home-block-line{
  display: none;
}

.btn-tabs-container{
  display: none !important;
}

/* صورة ورابط عنصر "الفساتين" في القائمة */

/* تنسيق أيقونة عنصر القائمة (الصورة الدائرية) */
.main-menu .main-menu__item .main-menu__link .main-menu__item-image {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px;
  object-fit: cover;
  border-radius: 50%;
}

/* التحكم في المسافة بين الأيقونة والنص */
.main-menu .main-menu__item .main-menu__link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}


salla-rating-stars.block.mt-2.hydrated {
    display: none !important;
}

salla-conditional-offer.s-conditional-offer-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.rp-carousel-full-width.rp-carousel-v3 {
  padding-top: 10px !important;
}

/* بداية */
/* ============================================================
   تفكيك عنصر "المزيد" في قائمة الجوال فقط (لا يمسّ سطح المكتب إطلاقًا)
   ============================================================ */
@media (max-width: 1023.98px) {

  /* 1) إخفاء تسمية/زر "المزيد" نفسه */
  #mobile-menu .main-menu > li.main-menu__item > .main-menu__parent-label {
    display: none !important;
  }

  /* 2) فكّ تغليف li الخاص بـ"المزيد" وقائمته الفرعية ul
        ليندمج أبناؤهما الحقيقيون مباشرة ضمن تدفق القائمة الرئيسية */
  #mobile-menu .main-menu > li.main-menu__item:has(> .main-menu__parent-label),
  #mobile-menu .main-menu > li.main-menu__item:has(> .main-menu__parent-label) > ul {
    display: contents !important;
  }

  /* دعم احتياطي لأي متصفح لا يدعم :has() */
  #mobile-menu .main-menu > li[id='"768659107"'],
  #mobile-menu .main-menu > li[id='"768659107"'] > ul {
    display: contents !important;
  }

  /* 3) إسكات أي سهم/خط وهمي (::before / ::after) كان يُرسم
        على li أو ul الخاصين بـ"المزيد" (سهم اللوحة المنزلقة "‹")
        لأن display:contents لا يُخفي هذه العناصر الوهمية تلقائيًا */
  #mobile-menu .main-menu > li.main-menu__item:has(> .main-menu__parent-label)::before,
  #mobile-menu .main-menu > li.main-menu__item:has(> .main-menu__parent-label)::after,
  #mobile-menu .main-menu > li.main-menu__item:has(> .main-menu__parent-label) > ul::before,
  #mobile-menu .main-menu > li.main-menu__item:has(> .main-menu__parent-label) > ul::after,
  #mobile-menu .main-menu > li[id='"768659107"']::before,
  #mobile-menu .main-menu > li[id='"768659107"']::after,
  #mobile-menu .main-menu > li[id='"768659107"'] > ul::before,
  #mobile-menu .main-menu > li[id='"768659107"'] > ul::after {
    content: none !important;
    display: none !important;
  }

  /* 4) إخفاء رابط "عرض الكل" لأنه رابط لوحة وليس تصنيفًا فعليًا */
  #mobile-menu .main-menu__view-all {
    display: none !important;
  }
}
/* نهاية */

.main-content .cart-item p.text-primary {
    color: #8d8776 !important;
}

custom-salla-product-card [data-option-type="single-option"] {
  display: none !important;
}

/* بداية */
/* =========================================================
   FREE SHIPPING PROGRESS
   ========================================================= */

/* -------------------------
   Cart Page
   ------------------------- */

.page-cart-free-shipping {
  width: 100%;
  box-sizing: border-box;

  background-color: rgba(223, 219, 208, 0.35);
  border: 1px solid rgba(223, 219, 208, 0.6);
  border-radius: 8px;

  padding: 14px 16px;
  margin-bottom: 20px;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}


/* -------------------------
   Side Cart
   ------------------------- */

.cart-drawer-free-shipping {
  box-sizing: border-box;

  background-color: rgba(223, 219, 208, 0.35);
  border: 1px solid rgba(223, 219, 208, 0.6);
  border-radius: 8px;

  padding: 12px 14px;
  margin: 10px 16px 14px;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}


/* -------------------------
   Text
   ------------------------- */

.page-cart-free-shipping .shipping-info-text,
.cart-drawer-free-shipping .shipping-info-text {
  font-size: 13px;
  line-height: 1.6;

  color: #2c3e50;

  text-align: center;

  margin-bottom: 8px;

  font-weight: 500;
}


.cart-drawer-free-shipping .shipping-info-text {
  font-size: 12.5px;
}


.page-cart-free-shipping .shipping-info-text strong,
.cart-drawer-free-shipping .shipping-info-text strong {
  color: #0f766e;
  font-weight: 700;
}


/* -------------------------
   Progress background
   ------------------------- */

.page-cart-free-shipping .shipping-progress-bg,
.cart-drawer-free-shipping .shipping-progress-bg {
  position: relative;

  width: 100%;
  height: 14px;

  background-color: rgba(223, 219, 208, 0.5);

  border-radius: 10px;

  overflow: hidden;
}


/* -------------------------
   Progress fill
   ------------------------- */

.page-cart-free-shipping .shipping-progress-fill,
.cart-drawer-free-shipping .shipping-progress-fill {
  position: absolute;

  inset-block: 0;
  inset-inline-start: 0;

  width: 0%;

  height: 100%;

  background-color: #10b981;

  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.3) 10px,
      transparent 10px,
      transparent 20px
    );

  background-size: 40px 40px;

  border-radius: 10px;

  transition:
    width 0.45s
    cubic-bezier(0.4, 0, 0.2, 1);

  animation:
    move-free-shipping-stripes
    1.2s linear infinite;
}


/* -------------------------
   Percentage
   ------------------------- */

.page-cart-free-shipping .shipping-progress-percent,
.cart-drawer-free-shipping .shipping-progress-percent {
  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;
  justify-content: center;

  z-index: 2;

  color: #ffffff;

  font-size: 12px;
  line-height: 1;

  font-weight: 800;

  pointer-events: none;

  user-select: none;

  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.18);
}


/* -------------------------
   Animation
   ------------------------- */

@keyframes move-free-shipping-stripes {

  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -40px 0;
  }

}


/* -------------------------
   Mobile
   ------------------------- */

@media (max-width: 767px) {

  .page-cart-free-shipping {
    padding: 12px 13px;
    margin-bottom: 15px;
  }

  .page-cart-free-shipping .shipping-info-text {
    font-size: 12px;
  }

  .page-cart-free-shipping .shipping-progress-bg {
    height: 13px;
  }

}


/* -------------------------
   Reduced Motion
   ------------------------- */

@media (prefers-reduced-motion: reduce) {

  .page-cart-free-shipping
  .shipping-progress-fill,

  .cart-drawer-free-shipping
  .shipping-progress-fill {

    animation: none;

    transition: none;
  }

}

/* نهاية */
/* Headers Categories */
.test-category-icon {
    display: inline-block;
    margin-left: 8px;
    font-size: 20px;
}
/* بداية */
/* تعديل مسافة التصنيفات */
@media (min-width: 1024px) {
    .main-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        white-space: nowrap;        
    }

    .main-menu__item {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }
}

/* نهاية */


/* start */
/* توحيد ألوان الأزرار */
:root {
    --bg-black: #000000;
    --text-white: #ffffff;
}

/* زر عرض السلة في إشعار إضافة المنتج */
salla-add-product-toast salla-button[href*="/cart"] .s-button-element {
    background-color: var(--bg-black) !important;
    border-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

salla-add-product-toast salla-button[href*="/cart"] .s-button-element .s-button-text,
salla-add-product-toast salla-button[href*="/cart"] .s-button-element svg {
    color: var(--text-white) !important;
    fill: var(--text-white) !important;
    stroke: var(--text-white) !important;
}

/* زر الشراء السريع */
salla-mini-checkout-widget,
.s-add-product-button-mini-checkout-content {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

salla-mini-checkout-widget *,
.s-add-product-button-mini-checkout-content * {
    color: var(--text-white) !important;
    fill: var(--text-white) !important;
}

/* زر عرض السلة */
.drawer-actions-row salla-button:last-child .s-button-element {
    background-color: var(--bg-black) !important;
    color: var(--text-white) !important;
}

.drawer-actions-row salla-button:last-child .s-button-element * {
    color: var(--text-white) !important;
    fill: var(--text-white) !important;
}

/* زر أضف إلى السلة */
.s-button-wrap,
.s-button-text {
    color: black;
    font-weight: 700 !important;
}
/* end */


/* =========================================
   شارة الخصم فوق صورة المنتج
   ========================================= */

.product-card {
    position: relative !important;
}

.product-card__content,
.product-card__content-wrapper {
    position: static !important;
}

.product-card__discount {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    z-index: 100 !important;

    width: fit-content !important;
    height: auto !important;

    margin: 0 !important;
    padding: 6px 5px 5px !important;

    background: red !important;

    border: 1px solid rgba(0, 0, 0, 0.06) !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.s-product-options-option-container {
    margin-bottom: 8px;
}

.product-card__discount span {
    display: block !important;

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

    color: white !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* =========================================
   زر دليل المقاسات
   ========================================= */

.s-modal-body
.rosemet-size-table:has(td:nth-child(3)):not(:has(td:nth-child(4)))
td:first-child {
    width: 38% !important;
}

.s-modal-body
.rosemet-size-table:has(td:nth-child(3)):not(:has(td:nth-child(4)))
td:nth-child(2),
.s-modal-body
.rosemet-size-table:has(td:nth-child(3)):not(:has(td:nth-child(4)))
td:nth-child(3) {
    width: 31% !important;
}

.s-modal-body .s-tabs-header-item.s-tabs-active,
.s-modal-body .s-tabs-header-item.s-tabs-active span {
    color: #000000 !important;
}

.rosemet-size-guide-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: fit-content !important;
    padding: 10px 18px !important;

    background-color: #000000 !important;
    color: #ffffff !important;

    border: 1px solid #000000 !important;
    border-radius: 4px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}

.rosemet-size-guide-button span {
    color: #ffffff !important;
}

.rosemet-size-guide-button i {
    color: #ffffff !important;
    font-size: 17px !important;
}

.rosemet-size-guide-button:hover {
    opacity: 0.8 !important;
}

.rosemet-size-guide-button.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* =========================================
   المقاسات غير المتوفرة
   ========================================= */

.s-product-options-option[data-option-type="single-option"]
.s-product-options-grid-mode-span.custom-out-of-stock::after {
    content: "" !important;
    position: absolute !important;

    width: 80% !important;
    height: 2px !important;

    background-color: #d62828 !important;
    border-radius: 0 !important;

    left: 50% !important;
    top: 50% !important;

    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

.s-product-options-colors-item.s-product-options-option-stock-out label p {
    display: none !important;
}

/* =========================================
   القائمة الرئيسية والعناوين
   ========================================= */

.main-menu li > a span {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.main-menu li > a span:hover {
    color: gray !important;
}

h1,
h3 {
    font-weight: 500 !important;
    color: black !important;
}

/* إزالة زر الإضافة إلى السلة من بطاقة المنتج */
.product-card__addToCart,
.product-card__addToCart_mobile,
salla-add-product-button.product-card__addToCart_btn {
    display: none;
}

/* =========================================
   ألوان المنتجات
   ========================================= */

.s-product-options-colors-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* أسماء الألوان */
.s-product-options-option[data-option-type="color"]
.s-product-options-option-label {
    display: flex;
    align-items: center;
}

.s-product-options-option[data-option-type="color"]
.s-product-options-option-label small {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 800;
    color: black;
}

/* إخفاء أسماء الألوان بصريًا مع إبقائها لقارئات الشاشة */
.s-product-options-colors-item label div {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;

    border: 0 !important;
}

/* المسافة بين عناصر اللون والسعر */
.s-product-options-option-content {
    margin: 0 !important;
}

/* =========================================
   المسافة بين بطاقات المنتجات
   ========================================= */

.s-products-list-wrapper {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}

/* =========================================
   إطار مربعات الألوان والتحديد
   ========================================= */

.s-product-options-colors-wrapper input[type="radio"] + label span {
    width: 24px !important;
    height: 24px !important;

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

    border-radius: 3px !important;
    margin: 4px !important;

    border: 1px solid #d1d5db !important;
    box-sizing: border-box !important;

    transition: all 0.2s ease !important;
}

/* إطار اللون المحدد */
.s-product-options-colors-wrapper
input[type="radio"]:checked + label span {
    border-color: transparent !important;
    outline: 2px solid #000000 !important;
    outline-offset: 2px !important;
}

/* إلغاء الدائرة البيضاء عند اختيار اللون */
.s-product-options-colors-wrapper
input[type="radio"]:checked + label span::after,
.s-product-options-colors-wrapper
input[type="radio"]:checked + label span::before,
.s-product-options-colors-wrapper
input[type="radio"] + label span::after,
.s-product-options-colors-wrapper
input[type="radio"] + label span::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* =========================================
   إعدادات اطوال الصور
   ========================================= */


    .product-card {
        display: flex !important;
        flex-direction: column !important;
    }

    .product-card__image {
        width: 100% !important;
        aspect-ratio: 2 / 3 !important;
        height: auto !important;
        min-height: 0 !important;

        flex: 0 0 auto !important;

        overflow: hidden !important;
        position: relative !important;
    }

    .product-card__image > a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;

        position: relative !important;
        overflow: hidden !important;
    }


    .product-card__title a {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .product-card__content {
        flex: 0 0 auto !important;
        height: auto !important;
        padding: 10px 0;
    }
    .s-product-options-wrapper {
margin: 0;
}
    .product-card__image > a > img {
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;

        object-fit: cover !important;
        display: block !important;
    }


/* =========================================
   الفوتر
   ========================================= */

.footer-list a {
    font-size: 14px !important;
}

.user-contacts i,
.user-contacts span {
    font-size: 14px !important;
}

/* =========================================
   Abu Noah
   ========================================= */

/*
 * إخفاء زر "عرض دليل المقاسات" الأصلي
 */
.rosemet-original-guide-button {
  display: none !important;
}

/*
 * زر دليل المقاسات الجديد
 */
.rosemet-size-guide-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: fit-content !important;
  padding: 10px 18px !important;

  background-color: #000000 !important;
  color: #ffffff !important;

  border: 1px solid #000000 !important;
  border-radius: 4px !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
}

.rosemet-size-guide-button span,
.rosemet-size-guide-button i {
  color: #ffffff !important;
}

.rosemet-size-guide-button i {
  font-size: 17px !important;
}

.rosemet-size-guide-button:hover {
  opacity: 0.8 !important;
}

/*
 * منطقة التبويبات
 */
.s-modal-body salla-tabs,
.s-modal-body .s-tabs,
.s-modal-body .s-tabs-content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.s-modal-body .s-tabs-content-wrapper {
  display: block !important;
}

/*
 * عنصر تبويب الإنش الأصلي
 */
.s-modal-body
  .rosemet-original-tab-content {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/*
 * محتوى تبويبي الإنش والسم
 */
.s-modal-body .rosemet-size-panel {
  display: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/*
 * التبويب الظاهر حاليًا
 */
.s-modal-body
  .rosemet-size-panel.rosemet-panel-active {
  display: block !important;
}

/*
 * العنصر الداخلي لمحتوى التبويب
 */
.s-modal-body
  .rosemet-size-panel > div,
.s-modal-body
  .rosemet-size-panel-inner {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/*
 * جدولا الإنش والسم
 */
.s-modal-body .rosemet-size-table {
  display: table !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  table-layout: fixed !important;
  border-collapse: collapse !important;

  margin: 0 !important;
  box-sizing: border-box !important;
}

/*
 * خلايا الجدولين
 */
.s-modal-body
  .rosemet-size-table td {
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/*
 * عمود المقاس
 */
.s-modal-body
  .rosemet-size-table td:first-child {
  width: 28% !important;
}

/*
 * أعمدة القياسات
 */
.s-modal-body
  .rosemet-size-table td:not(:first-child) {
  width: 24% !important;
}

/*
 * لون نص التبويب النشط
 */
.s-modal-body
  .rosemet-unit-tab.s-tabs-active,
.s-modal-body
  .rosemet-unit-tab.s-tabs-active span {
  color: #000000 !important;
}

/*
 * تحسين العرض على الجوال
 */
@media (max-width: 600px) {
  .s-modal-body
    .rosemet-size-table td {
    padding: 8px 2px !important;
    font-size: 12px !important;
  }

  .s-modal-body
    .rosemet-size-table td:first-child {
    font-size: 11px !important;
  }

  .rosemet-size-guide-button {
    padding: 9px 15px !important;
    font-size: 13px !important;
  }
}