/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

/* General styles */
:root {
  --main-color: #8FA6B4;     /* لون أساسي من اللوقو */
  --second-color: #A7BBC6;   /* لون ثانوي من اللوقو */
  --text-color: #FFFFFF;     /* لون النص */
}

.s-cart-summary-total {
    color: #fff;
}
.main-nav-container {
    background: transparent;
}
.s-cart-summary-total {
    display: flex;
}
.iti input, .iti input[type=text], .iti input[type=tel] {
    color: black;
}
.s-login-modal-input {
    color: black;
}
.iti--separate-dial-code .iti__selected-dial-code {
    color: black;
}
.s-verify-input[type=number] {
    color: black;
}
.btn--outline-primary {
    border-width: 1px;
    border-color: var(--text-color);
    color: var(--main-color);
}
.btn--outline-primary:hover {
    background-color: var(--second-color);
    color: var(--main-color);
}
textarea.form-input {
    color: black;
}
b, strong {
    font-weight: bolder;
    color: black;
}

body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: var(--main-color) url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/NKwGXv/xxzNmkyYU17VqhEkApeDltCWz1CfnOtrz7EV78ZP.png);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px;
    animation-name: fade-in;
    animation-duration: 2s;
    transform: scale(0);
    border: none;
}
.s-quantity-input-input {
    color: black;
}

@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    75% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(.1);
    }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.s-block--photos-slider {
    margin-top: 0 !important;
}
.header-btn__icon {
    color: #fff;
}
.swiper {
    padding-left: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 1.1rem;
    margin-right: 0.5rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

/* Navigation */
.main-nav-container.fixed-header .inner {
    transform: translated(0, 0, 0);
    background: linear-gradient(90deg, var(--second-color), var(--main-color)); 
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgb(45, 45, 45);
}

.bg-inherit {
    background: linear-gradient(45deg, var(--second-color), var(--main-color)); 
    transform: translated(0, 0, 0);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgb(45, 45, 45);
}

.bg-inherit:hover {
    background: linear-gradient(45deg, var(--second-color), var(--main-color));
}

#mobile-menu {
  color: var(--text-color);
  padding-right: 111px;
}

#mobile-menu a:hover {
  color: var(--second-color);
}

.sicon-menu {
  color: var(--second-color);
}

/* Footer */
.store-footer {
  background: linear-gradient(135deg, var(--second-color), var(--main-color));
}