/* Add custom CSS styles below */ 


/* edit ALAWI */

body.product-index salla-products-list.flex-1.min-w-0.overflow-auto.s-products-list.hydrated {
    overflow: initial;
}

.s-product-card-content:before,.product-entry .content-wrap:before {
    background: url(https://cdn.salla.sa/form-builder/Jri48pm0tmt0Mp4nlg9w8nKY0fXQrur7ctD3B59P.gif);
    content: '';
    width: 100%;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.s-product-card-content:before,.product-entry .content-wrap:before {
    background: url(https://cdn.salla.sa/form-builder/Jri48pm0tmt0Mp4nlg9w8nKY0fXQrur7ctD3B59P.gif);
    content: '';
    width: 100%;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}


/* edit ALAWI - 1 */

custom-salla-product-card .s-product-card-image {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
custom-salla-product-card.s-product-card-entry {
    flex-direction: column;
    flex-wrap: nowrap;
    border: 1px solid #dbe3e8;
    padding: 16px;
  }
  
  /*Banners*/
.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding: 0px !important;
}

.index .s-block--fixed-banner img {
  background-color: transparent !important;
  border-radius: 0;
}

.s-block--fixed-banner:first-of-type {
  margin-top: 0px !important;
}

/* features */
.s-block--features .s-block--features__item {
  border: 1px solid #eee !important;
  border-radius: 0px;
}

.s-block--features .s-block--features__item .feature-icon {
  background-color: transparent !important;
  overflow: unset !important;
  margin: 10px 0px 40px;
}

.s-block--features .s-block--features__item .feature-icon i {
  color: #07369d !important;
  font-size: 100px;
}
  
  /*
  .s-button-primary-outline:hover {
  background-color: #414042;
  background-color: #003fcf;
  fill: #fff;
  fill: #fff;
  color: #fff;
  color: #fff;
}


.bg-primary {
  background-color: #414042;
  background-color: #003fcf;
}
.text-primary-reverse {
  color: #ff6767;
  color: #fff;
}

.product-tabs .tabs a.is-active {
  background-color: #414042;
  background-color: #003fcf;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.product-tabs .tabs:after {
  position: absolute;
  left: 50%;
  bottom: -1px;
  height: 0.125rem;
  width: 100%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: #414042;
  background-color: #003fcf;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
  --tw-content: "";
  content: var(--tw-content);
}

.s-button-primary {
  border-width: 1px;
  border-color: #414042;
  border-color: var(--color-primary);
  background-color: #414042;
  background-color: #003fcf;
  color: #ff6767;
  color: var(--color-primary-reverse);
}
.s-button-primary:hover {
  background-color: #003fcf;
}
*/


/* color red web */

.s-button-primary {
    color: var(--color-primary-reverse);
    border: 0 !important;
}

.s-button-primary-outline,.product-entry .btn--add-to-cart:not(.deal) button:not(:hover), button.btn--wishlist.animated.hidden.sm\:flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background: var(--color-primary);
    color: #fff;
}

.s-product-card-entry,.product-card.product-entry.product-entry--vertical {
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    padding: 8px;
    border-radius: 8px;
    background-color: #fff;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    background-color: var(--color-primary);
    color: #fff;
}

.s-button-primary-outline:hover {
    background-color: #fd6262;
    fill: #fff;
    color: #fff;
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background: var(--color-primary);
}

.s-add-product-button-mini-checkout-content,button.s-fast-checkout-button.outline,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    background: #2563eb !important;
    color: #fff !important;
}

.s-add-product-button-mini-checkout-content , button.s-fast-checkout-button.outline, salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    --color-primary: #2563eb !important;
    border-radius: 4px;
}

button.l_search-results-module_addToCartBtn {
    background: var(--color-primary) !important;
}

custom-salla-product-card.s-product-card-entry salla-add-product-button button.s-button-outline {
    border-color: rgba(229, 231, 235, 0.7);
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}

.s-button-light-outline {
    background-color: var(--color-primary);
}

salla-social-share.hydrated .s-button-light-outline {
    fill: #ffffff;
    color: #ffffff;
}


:root {
    --color-primary: #c12424;
    --color-primary-dark: #2563eb;
    --color-primary-light: #8679d9;
    --color-primary-reverse: #ffffff;
}