/* Developed By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
:root {
    --color-primary: #b29471;
    --color-primary-dark: #b29471;
    --color-primary-light: #b29471;
    --color-primary-reverse: #808080;
    --bg-color: #fff; /* لون بيج بدلاً من الأسود */
}

/* تحسين شعار المتجر */
.navbar-brand img {
    max-height: 4.5rem;
}
@media (min-width: 640px) {
    .navbar-brand img {
        max-height: 7rem;
    }
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 75px;
    padding: 5px;
}

/* تحسين عناوين الأقسام */
.s-block__title h2,
.s-slider-block__title h2 {
    font-size: 1.45rem;
}

/* تحسين مظهر المنتجات */
.product-entry {
    border: 0.2px solid #ddb34b38;
}
.s-product-card-vertical {
    border: 1px solid gray;
}

/* إخفاء بعض العناصر غير المرغوبة */
.dmopMx,
.has-overlay:after {
    display: none;
}

/* تحسين التنقل العلوي */
.main-nav-container.fixed-header .inner {
    background-color: var(--bg-color);
    backdrop-filter: blur(9px);
}

/* تحسين البانرات */
.banner-entry {
    border-radius: 1.375rem;
    width: 22%;
    height: 240px !important;
    background: var(--bg-color);
}
.banner-entry h3 {
    display: none;
}
@media (max-width: 768px) {
    .banner-entry {
        max-height: 110px;
    }
}
@media (max-width: 480px) {
    .banner-entry {
        max-height: 110px !important;
    }
}

/* تحسين شبكة عرض البانرات */


/* تحسين الروابط */
.topnav-is-dark .top-navbar {
    background-color: var(--bg-color);
}
.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.main-nav-container.fixed-pinned .inner {
    box-shadow: 0 0 5px var(--color-primary);
}

/* تحسين الأزرار */
.s-button-primary-outline {
    fill: #231f1e;
    color: #231f1e;
    background: var(--color-primary);
    border: 2px solid var(--color-primary-dark);
}
.s-button-primary-outline:hover {
    background-color: var(--color-primary);
    fill: #fff;
    color: #fff;
}
.s-button-primary {
    border-color: #231f1e;
    background-color: #231f1e;
    color: #fff;
}
.s-button-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
/* ✅ تحسين الفوتر */
.store-footer__inner::before {
    content: "";
    background: linear-gradient(180deg, transparent 38%, #fff 94%), 
    url(https://cdn.salla.sa/DRoad/ClixJODLz41hLd2sASqRybf7hYd4oRK9yvH7sHUU.png);
    background-size: 418%;
    display: block;
    background-repeat: round;
    transform: rotate(180deg);
    height: 104px;
    margin: -65px -32px 1px 1px;
}

.footer-is-light .store-footer {
    background-color: #9cb9d4 !important;
    padding-right: 10px;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: var(--color-primary-reverse) !important;
    color: #fff;
}

.store-footer h3 {
    color: var(--color-primary);
}

.footer-is-light .store-footer .social-link {
    line-height: 32px !important;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 18px;
    transition: all 0.2s ease-out;
    color: rgb(255, 255, 255);
    border-radius: 25% / 50%;
    border: 1px solid var(--color-primary);
}

.footer-is-light .store-footer .contact-social {
    border-color: var(--color-primary-reverse) !important;
}

footer.store-footer {
    border-radius: 20px;
    margin: 15px;
}

.store-footer__inner {
    background: transparent;
}

@media (max-width: 600px) {
    footer.store-footer {
        padding-bottom: 50px;
    }
}

footer.store-footer * {
    text-align: center;
    justify-content: center;
}

footer.store-footer * {
    color: var(--color-primary);
}

.store-footer .unicode {}

.store-footer__inner .container > div:nth-child(3) > div:nth-child(1) a {
    width: fit-content;
    margin: 0 !important;
    display: inline-block;
}

.store-footer::after {
    font-size: 13px;
    color: rgb(0, 0, 0) !important;
    margin-right: 89px !important;
}

.max-w-sm {
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    border-image: linear-gradient(244deg, var(--color-primary-reverse), var(--color-primary-reverse));
}

.footer-list.store-links-items {
    column-count: 2;
}

footer.store-footer {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2526.61 1640.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:none;%7D .cls-1,.cls-2 %7B stroke-width:0;%7D .cls-2 %7B fill:%23191919;opacity:.05;%7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='609.93' y='602.08' width='1440' height='560'/%3E%3Cpath class='cls-2' d='m609.93,1139.24c118.89,15.98,249.69,73.14,352.4,11.18,102.69-61.95,119.22-202.24,154.4-316.9,31.14-101.5,52.51-204.6,37.86-309.76-14.69-105.48-59.82-201.59-121.21-288.62C966.7,140.6,900.85,17.54,786.26,1.55c-116.01-16.19-204.74,98.76-306.77,156.31-77.35,43.63-149.02,87.12-219.82,140.72-90.3,68.35-221.51,107.92-252.55,216.83-30.92,108.51,45.64,217.49,100.73,315.96,51.48,92.03,115.83,176.71,205.72,231.84,88.74,54.41,193.19,62.17,296.35,76.04'/%3E%3Cpath class='cls-2' d='m2049.93,1638.39c94.91-2.47,198.87,8.28,274.78-48.76,74.76-56.17,84.33-160.86,119.52-247.49,33.52-82.5,87.42-159.67,82.01-248.55-5.61-92.14-43.4-185.47-112.17-247.04-66.03-59.12-161.34-63.71-249.06-76.38-76.8-11.09-152.73-11.55-227.95,7.49-77.58,19.64-151.08,50.77-211.13,103.66-66.23,58.33-121.1,128.88-148.26,212.85-30.42,94.05-48.67,197.44-14.45,290.18,35.2,95.42,112.45,172.74,202.61,219.8,86.31,45.05,186.78,36.76,284.11,34.23'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: 1rem;
    background-color: var(--color-primary-) !important;
}

@media (max-width: 600px) {
    footer.store-footer {
        background-position: 38rem 18rem;
    }
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: transparent;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:before {
    display: block !important;
    content: '';
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 153px;
}/* تحديد حقل البحث وجعل لون الكتابة باللون الأسود */
input[type="search"] {
    color: #000000; /* اللون الأسود */
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: transparent;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div:before {
    display: block !important;
    content: '';
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 153px;
}
}