/* Add custom CSS styles below */
.main-nav-container.fixed-pinned.animated .inner{
    box-shadow: rgb(239 90 40) 0px 1px 8px !important;
    border-radius: 46px;
    margin-top: 24px !important;
    padding: 8px 0;
}

.mm-ocd .mm-spn li{
    margin: 10px 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.totals-div #cart-submit .s-button-element{
  background:#d85124 !important;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #ef5a28;
}

::-webkit-scrollbar-thumb {
    background: #ef5a28;
}

::-webkit-scrollbar-thumb:hover {
    background: #ef5a28;
}

.s-block--categories,
.testimonials-sec,
#event-products-13 {
    background: transparent !important;
}

.s-slider-block__title-nav button,
.s-block__title .s-block__display-all,
.s-slider-block__title-left .s-slider-block__display-all {
    color: #fff;
    font-size: 1rem;
    background-color: #ef5a28;
    border-radius: 8px;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    filter: drop-shadow(2px 4px 3px black);
}

.s-block.s-block--categories-custom.aos-init.aos-animate {
    margin-top: 41px !important;
}

.s-slider-block__title-nav button {
    background: transparent !important;
}

.swiper-wrapper.s-slider-swiper-wrapper {
    margin: 10px auto;
}

.ps-footer--block .ps-block__title,
.ps-footer__middle .ps-footer--contact .s-contacts-title{
    background: #ef5a27;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    width: 100%;
    padding-bottom: .3rem;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
}

.mm-ocd .mm-spn a img,
.mm-ocd .mm-spn span img{
      filter: invert(1);
}


.grid-footer .col-footer,
.s-product-card-entry .s-product-card-content-title a {
    text-align: center;
}

.ps-footer__middle .ps-footer--contact .s-contacts-list,
.flex-social-payment,.vat-saudibusiness,
.s-product-card-entry .s-product-card-content-sub{
    justify-content: center;
}

.mm-spn.mm-spn--navbar ul:before,
.sc-1au8ryl-0.dkuywW {
    display: none;
}

.s-product-card-entry,
.theme-dark .s-product-card-entry,
.theme-dark .testimonials-box,
.testimonials-box {
    box-shadow: rgb(239 90 40) 0px 1px 8px !important;
}


.theme-dark .accordion-box .item-box .header-accordion,
.accordion-box .item-box .header-accordion {
    box-shadow: rgb(239 90 40) 0px 1px 8px !important;
    margin: 3px;
    border-radius: 11px;
}

.s-slider-nav-arrow svg {
    fill: #fff;
    border-radius: 8px;
    background-color: #ef5a28;
}

/**************************/
@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
salla-add-product-button[product-status="out"]::after,
.s-product-card-content-footer .s-button-element::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #f05b29;
    z-index: -1;
    border-radius: 12px
}

salla-add-product-button[product-status="out"],
.s-product-card-content-footer .s-button-element {
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #f5997a 0%, #f5997a 5%, transparent 5%, transparent 40%, #f5997a 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
    padding: 10px;
    color: #fff!important;
}

.s-product-card-content-footer .s-button-element[product-status=out] .s-button-text{
    font-size: 16px;
}

.s-product-card-entry .s-product-card-content-title a{
    margin-top: 21px;
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}

.s-product-card-content-footer .s-button-element[product-status=out] span{
    color: #fff!important;
}

salla-add-product-button[product-status="out"]{
  padding:9px;
}

/*
.mm-ocd .mm-spn li,
.mm-ocd .mm-spn {
      animation:sial 1200ms linear infinite;
}

@keyframes sial {
    0% {
          box-shadow: 0 0 0 2px #fff;
    }

    100% {
          box-shadow: 0 0 0 2px #f6521b ;
    }
}
*/

.mm-ocd .mm-spn.mm-spn--navbar:after{
    background: transparent;
}

.mm-spn.mm-spn--navbar ul{
     background: linear-gradient(145deg, #2c3e50, #1a252f) !important;
    color: #fff !important;
}

.mm-ocd .mm-spn.mm-spn--light{
     background: linear-gradient(145deg, #2c3e50, #1a252f) !important;
}

.main-menu li > a:hover{
  color:#000;
}

@media only screen and (max-width:600px) {
.main-menu li > a:hover{
  color:#fff;
}
}



/*********************************/
.mm-ocd .mm-spn li{
    padding: 0px;
transition: transform 0.3s, background 0.3s, box-shadow 0.3s;
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
}


.mm-ocd .mobile-menu .main-menu li > a{
    background:rgba(255, 255, 255, 0.05);
}

.mm-ocd .mm-spn li:hover{
   background-color: #34495e; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

/*********************************/

img[src="https://cdn.salla.sa/bvDe/HX21f7dpRkBVViH2OnqIi4miNN90baSQKKVq32Vu.png"]{
      filter: grayscale(1)!important;
}