/* Hide wishlist and quickview buttons
/* Normal state 

/* Target the specific button 
button[product-id="816964370"].s-button-element {
    background-color: #cce7c9 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 6px 14px !important;
    font-size: 14px !important;
    border-radius: 0px !important;
}
*/



/* Target inner text and icon */


/* Hide the original button text */
button[product-id][type="button"].s-button-element .s-button-text {
    font-size: 0 !important;  /* Hides text visually without removing element */
}

/* Add custom Arabic word via pseudo-element */
button[product-id][type="button"].s-button-element .s-button-text::after {
    content: 'إضافة';
    font-size: 13px; /* Match your design */
    color: #ffffff;
    font-family: inherit;
    direction: rtl;
}
/* Hide the logo or icon inside the Add to Cart button */
button[product-id][type="button"].s-button-element .sicon-shopping,
button[product-id][type="button"].s-button-element .enhanced-icon,
button[product-id][type="button"].s-button-element img {
    display: none !important; /* Hide any image or icon */
}

/* Hover */
button[product-id][type="button"].s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline:hover {
    background-color: #333333 !important;
    color: #008000 !important;
}
/* Smaller, centered Add to Cart button */
button[product-id][type="button"].s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline  {
    background-color: #000000 !important;
    color: #5bb450 !important;
    border: none !important;
    padding:15px 60px !important;  /* Compact size */
    font-size: 30px !important;
    border-radius:4px !important; /* Rounded edges */
    width: auto !important;
    min-width: unset !important;

    display: inline-flex !important;   /* Ensure flexbox layout */
    align-items: center !important;    /* Vertical center */
    justify-content: center !important;/* Horizontal center */
    line-height: 1.4 !important;       /* Better text balance */
    height: auto !important;           /* Remove fixed height */
}

/* Ensure icon + text are aligned */
button[product-id][type="button"].s-button-element .s-button-text,
button[product-id][type="button"].s-button-element .sicon-shopping {
    display: inline-flex !important;
    align-items: center !important;
    color: #ffffff !important;
}

/* Hover */
button[product-id][type="button"].s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}
/* Hide shopping cart icon in Add to Cart button */
button[product-id][type="button"].s-button-element .sicon-shopping {
    display: none !important;
}

/* Out of Stock Button Styling */
button[product-id][product-status="out"].s-button-element {
    background-color:  #ffffff !important;   /* white background */
    color: #000000 !important;              /* Gray text for the whole button */
    border: none !important;
    padding: 13px 23px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
    width: auto !important;
    min-width: unset !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.4 !important;
    height: auto !important;
    cursor: not-allowed !important;         /* Disable cursor */
    opacity: 0.7 !important;                 /* Slightly faded */
}

/* Ensure the text color is gray, even inside inner spans or other elements */
button[product-id][product-status="out"].s-button-element .s-button-text,
button[product-id][product-status="out"].s-button-element span,
button[product-id][product-status="out"].s-button-element div {
    color: #808080 !important; /* Make sure any nested span/div gets gray */
    font-size: 15px !important; /* Match font size */
}

/* Ensure that even icons inside the button are hidden for out of stock */
button[product-id][product-status="out"] .sicon-shopping,
button[product-id][product-status="out"] .sicon-add,
button[product-id][product-status="out"] .enhanced-icon {
    display: none !important;
}

/* Hover/focus disabled for Out-of-Stock buttons */
button[product-id][product-status="out"].s-button-element:hover,
button[product-id][product-status="out"].s-button-element:focus {
    color: #9e9e9e !important;               /* Keep the text gray */
    border-color: #9e9e9e !important;        /* Keep the border gray */
    cursor: not-allowed !important;          /* Keep the cursor disabled */
}
/* Hide the logo or icon in the Out of Stock button */
button[product-id][product-status="out"].s-button-element .sicon-shopping,
button[product-id][product-status="out"].s-button-element .enhanced-icon,
button[product-id][product-status="out"].s-button-element img {
    display: none !important; /* Hide any image or icon */
}
/* Hide the text inside the Out of Stock button */
button[product-id][product-status="out"].s-button-element .s-button-text {
    display: none !important; /* Hide the text */
}


/* Add custom text to the Out of Stock button */
button[product-id][product-status="out"].s-button-element .s-button-text {
    display: none !important; /* Hide existing text (if any) */
}


button[product-id][product-status="out"].s-button-element::after {
    content: 'نفذت الكميه'; /* Custom text */
    font-size: 15px !important;  /* Match the button's text size */
    color: #9e9e9e !important;  /* Gray color for out-of-stock text */
    font-family: inherit !important;  /* Use the same font as the button */
    text-align: center;  /* Center the text */
    display: block;  /* Make it a block-level element to display correctly */
    padding: 5px 10px;  /* Adjust padding for better appearance */
}

/* Make the container a flexbox and center content */
.s-slider-block__title {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  position: relative;
  text-align: center;
}

/* Make title-right take full width and center the text */
.s-slider-block__title-right {
  flex: 1 1 100% !important;
  text-align: center !important;
}
/* Style the heading itself */
.s-slider-block__title-right h2 {
  font-size: 1.8rem !important;
  margin: 0 auto !important;
  display: inline-block;
  transform: translateX(-30px); /* Adjust this value to control shift */
}

/* Include the parent container just in case */
.s-slider-block__title,
.s-slider-block__title-right {
  border: none !important;
  border-bottom: none !important;
}

/* Remove any pseudo-elements from the parent too */
.s-slider-block__title::after,
.s-slider-block__title::before,
.s-slider-block__title-right::after,
.s-slider-block__title-right::before {
  content: none !important;
  display: none !important;
}
.total-price {
  color: #8B0000 !important; /* Dark red */
}


  
 /* Make the divider invisible by setting it to white */
.product-card__enhanced-mini-cart-divider {
    background-color: white !important; /* same as page bg */
    border: none !important;
    height: 1px !important; /* keep it thin */
}

/* Hide wishlist and quickview buttons */
.wishlist,
.quickview-btn {
    display: none !important;
}
/* Hide model number section */
.center-between {
    display: none !important;
}.e
/* Stop slider animation on small screens */
@media screen and (max-width: 768px) {
    .slick-slider, .swiper-container {
        animation: none !important;
        transition: none !important;
    }
}
.product-card__image {
  position: relative !important;
}

/* Base styles for the badge */
.product-card__promotion {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background-color: #000 !important;
  color: #fff !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  height: auto !important;
  width: auto !important;
  max-width: 100% !important;
  z-index: 9999 !important;
  flex: none !important;
}

/* Mobile-specific fix to prevent vertical stretching */
@media screen and (max-width: 767px) {
  .product-card__promotion {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    line-height: normal !important;
    align-self: flex-start !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
  }
}


/* Desktop fix: limit max width */
@media screen and (min-width: 768px) {
    .product-card__promotion {
        max-width: 150px !important;
        width: auto !important;
        white-space: nowrap !important;
        left: auto !important;
        right: 8px !important;
    }
}
@supports (-webkit-touch-callout: none) {
  /* Target iOS Safari */
  .product-card__image {
    position: relative !important;
    display: block !important; /* prevent flex stretching */
  }
  
  .product-card__promotion {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    background-color: #000 !important;
    color: #fff !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    display: inline-block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    width: auto !important;
    flex: none !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    overflow: visible !important;
    z-index: 9999 !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .product-card__promotion {
    height: 24px !important;  /* Adjust if your badge height differs */
    line-height: 24px !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .product-card__promotion {
    display: flex !important;             /* use flexbox */
    align-items: center !important;       /* vertical center */
    justify-content: center !important;   /* horizontal center */
    height: 24px !important;               /* same fixed height */
    line-height: normal !important;       /* reset line height */
    padding: 0 10px !important;            /* horizontal padding */
  }
}
.enhanced-title-border.home-block-line {
  display: none !important;
/* =======================
   General Mobile Fixes
   ======================= */
@media screen and (max-width: 767px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important; /* يمنع السحب يمين/يسار */
  }

  /* Containers */
  .container, .s-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  /* Images & Videos */
  img, video {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Add to Cart Buttons */
  button[product-id][type="button"].s-button-element {
    font-size: 16px !important;   /* مناسب للجوال */
    padding: 10px 20px !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1.4 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Out of Stock Buttons */
  button[product-id][product-status="out"].s-button-element {
    font-size: 14px !important;
    padding: 8px 16px !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1.3 !important;
  }

  /* Slider / Banner fix */
  .slick-slider, .swiper-container {
    animation: none !important;
    transition: none !important;
  }

  /* Promotion Badge */
  .product-card__promotion {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    line-height: normal !important;
    display: inline-block !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }
}