/* Add custom CSS styles below */ 


/* Global website background */
html,
body,
body.s-theme,
#app,
main,
.main-content,
.home,
.s-block,
section {
    background-color: #f8f8f8 !important;
}

/* nav */
.top-navbar {
    background-color: #5edece !important;
    color: #000000 !important
}


.main-menu > li > a span {
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

/* Move menu text upward on hover */
.main-menu > li > a:hover span {
    transform: translateY(-2px) !important;
}



/* product card */
/* Main product slide/card */
.s-products-slider-card {
    background: #ffffff !important;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Product card Add to Cart button */
.product-card .s-button-element,
.product-card .s-button-btn {
    background: #6fdfce !important;
    border: 1px solid #6fdfce !important;
    color: #000 !important;
    border-radius: 50px !important;
}



/* Section directly above the footer */
main > section:last-of-type {
    width: 80% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  margin-top: 30px !important;
}
@media (max-width: 767px) {
    main > section:last-of-type {
        width: 94% !important;
    }
}



/* footer */
.footer-is-custom .store-footer,
.store-footer,
.store-footer__inner,
.store-footer__contacts-row,
.store-footer .footer-bottom {
    background: #5edece !important;
    background-color: #5edece !important;
}

/* Override Salla footer variables */
.store-footer {
    --footer-bg: #5edece !important;
    --bottom-footer-bg: #5edece !important;
}

/* Footer curved shape */
.store-footer > svg.store-footer__curve,
.store-footer .store-footer__curve {
    fill: #5edece !important;
    color: #5edece !important;
}

.store-footer__curve path {
    fill: #5edece !important;
}




/* product card page */
/* Add to cart button – desktop and mobile */
salla-add-product-button,
salla-add-product-button .s-button-wrap,
salla-add-product-button .s-button-element,
.sticky-product-bar,
.sticky-product-bar .s-button-wrap,
.sticky-product-bar .s-button-element {
    border-radius: 50px !important;
    overflow: hidden !important;
}

/* Remove the grey outer background */
salla-add-product-button,
salla-add-product-button .s-button-wrap,
.sticky-product-bar,
.sticky-product-bar .s-button-wrap {
    background: transparent !important;
}

/* Actual button */
salla-add-product-button .s-button-element,
.sticky-product-bar .s-button-element {
    background-color: #6fdfce !important;
    border: none !important;
    width: 100% !important;
}

/* Mobile fix */
@media (max-width: 767px) {
    salla-add-product-button {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 50px !important;
    }

    salla-add-product-button .s-button-element {
        width: 100% !important;
        border-radius: 50px !important;
        overflow: hidden !important;
    }
}


/* Hide Buy Now button */
salla-mini-checkout-widget,
.s-add-product-button-mini-checkout,
.s-fast-checkout-button {
    display: none !important;
}





/* Center the single product card */
#custom-products-slider-0 .swiper-wrapper {
    width: 100% !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    direction: ltr !important;
}

/* Keep the card at its normal width */
#custom-products-slider-0 .swiper-slide {
    width: 300px !important;
    max-width: calc(100vw - 30px) !important;
    margin: 0 auto !important;
    flex-shrink: 0 !important;
    direction: rtl !important;
}




/* product page layout */
/* ===================================================
   AMPLIFY - Bundle price boxes (matches option group: الكمية)
   Paste this into Salla Custom CSS
=================================================== */

/* Target only the quantity option group (2nd salla-product-options container) */
.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper > div {
  width: 100%;
}

.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper label.go-to-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
  background: #fff;
  transition: border-color .15s ease;
}

.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper input:checked + label.go-to-slide {
  border-color: #000;
}

/* Hide the default small thumbnail image inside the bundle boxes */
.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper label.go-to-slide img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-inline-end: 10px;
}

/* The label wrapper needs to hold: image + name (right side, RTL start) and price block (left side, RTL end) */
.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper label.go-to-slide {
  flex-direction: row;
}

.s-product-options-option-container[data-option-id="349328885"] .amp-bundle-left {
  display: flex;
  align-items: center;
}

.s-product-options-option-container[data-option-id="349328885"] .amp-bundle-name {
  font-weight: 600;
  font-size: 14px;
  color: #111;
}

.s-product-options-option-container[data-option-id="349328885"] .amp-bundle-price-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.3;
}

.s-product-options-option-container[data-option-id="349328885"] .amp-bundle-price {
  font-weight: 700;
  font-size: 15px;
  color: #111;
}

.s-product-options-option-container[data-option-id="349328885"] .amp-bundle-before-price {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
}

/* Hide the original <p> caption text and the check icon since we rebuild the label content */
.s-product-options-option-container[data-option-id="349328885"] .s-product-options-thumbnails-wrapper > div > p {
  display: none;
}