:root {
    --main-color: #FADCAC; 
    --second-color: #935F4C; 
    --three-color: #102127; 
}


body {
    background-color: var(--second-color);
}


.overflow-x-hidden {
    background: #FADCAC;
}

.main-nav-container {
    min-height: 68px;
    background: var(--main-color);
    transition: background-color 0.4s ease;
}

.main-nav-container:hover {
    background: var(--second-color);
}

@media only screen and (min-width: 1024px) {
    .main-menu li.root-level > a {
        padding-top: 0;
        padding-bottom: 1rem;
        font-weight: 700;
        color: white;
    }
    .main-menu li.root-level > a:hover {
        color: var(--second-color);
    }
}


.sicon-user-circle:before {
    content: "\f072";
    color: var(--second-color);
}

.sicon-shopping-bag:before {
    content: "\ef36";
    color: var(--second-color);
}

[class*="sicon-"], [class^=sicon-] {
    font-family: sallaicons !important;
    color: var(--second-color);
}

.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background: var(--main-color);
}

@media only screen and (max-width: 1024px) {
    .mm-spn li a span {
        padding: 0;
        color: white;
    }
    .mm-spn li a span:hover {
        color: var(--second-color);
    }
    .mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl], [dir=rtl] *):after {
        padding-right: .75rem;
        color: var(--second-color);
    }
}


salla-slider[type]:not(.hydrated) > div > div,
salla-slider[type]:not(.hydrated) .swiper > div > div > div,
.carousel-slider .swiper-wrapper > div {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}


.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    color: var(--main-color);
}
.s-button-element:not(:disabled):not([loading]):hover {
    background: var(--main-color);
    color: var(--second-color);
}


.footer-is-light .store-footer .store-footer__inner {
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
    background-color: var(--main-color);
    color:#935F4C;
}

@media (min-width: 768px) {
    .md\:flex {
        display: flex;
        background: var(--main-color);
    }
}

.copyright-text p {
    color:#935F4C;
}

.footer-is-light .store-footer {
    background-color: var(--main-color);
    color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.s-contacts-icon:where([dir=rtl], [dir=rtl] *) {
    margin-left: .625rem;
    color: var(--second-color);
}

.s-social-link a svg {
    height: .875rem;
    width: .875rem;
    fill: currentColor;
    color: var(--second-color);
}

.banner--fixed img {
    display: block;
    width: 100%;
    border-style: none;
    background-color: #FADCAC;
    object-fit: cover;
}

.s-slider-block__title h2:where([dir=rtl], [dir=rtl] *) {
    padding-left: 2rem;
    background: var(--main-color);
    padding: 16px;
    color: #935F4C;
}

/* إعدادات الكارد */
.s-product-card-vertical {
    flex-direction: column;
    box-shadow: #fff -1px 3px 31px;
    border-radius: 15px; 
    overflow: hidden; 
}
.s-product-card-vertical:hover {
    box-shadow: var(--second-color) -1px 3px 31px;
    padding: 5px;
}

.s-product-card-content {
    padding: 1.25rem;
    background: var(--main-color);
    border-radius: 15px; 
}

.s-product-card-content-title a {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #fff;
}

.s-product-card-price {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #fff;
}

.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    color: #fff;
}

.text-center::before {
    content: "برمجه وتطوير ADFAZ";
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
}