/* Add custom CSS styles /* تحديد الألوان */
:root {
    --color-primary: #ffe4cb; /* اللون العسلي الفاتح */
    --color-primary-dark: #d26602; /* اللون البني الداكن */
    --color-primary-light: #ffe4cb; /* لون العسل الفاتح */
    --color-primary-reverse: #d26602; /* اللون البني الداكن المعكوس */
}

/* تنسيق عناصر الـ Menu */
.main-menu li.root-level>a {
    font-weight: 700;
    font-size: 16px;
    color: var(--color-primary); /* اللون العسلي */
}

/* تخصيص الأزرار */
.bg-gray-50 {
    background-color: #fff !important;
}

/* تخصيص لون نص إضافة للعربة */
salla-add-product-button.hydrated {
    color: #d26602 !important;
    -webkit-text-fill-color: #d26602 !important;
}

/* تخصيص لون السعر بعد الخصم */
.s-product-card-sale-price h4 {
    color: #ff3131 !important;
}

/* تخصيص لون السعر بعد الخصم في البطاقات الكبيرة */
.s-product-card-full-image .s-product-card-sale-price h4 {
  color: white !important;
}

/* تخصيص الأيقونات في الأزرار */
.header-btn__icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 25% / 50%;
    border-width: 1px;
    border-color: var(--color-primary-reverse); /* اللون البني الداكن */
    color: var(--color-primary-reverse); /* اللون البني الداكن */
    font-size: 20px;
}

/* تخصيص العناوين */
.s-slider-block__title h2 {
    background: var(--color-primary-reverse); /* اللون البني الداكن */
    border-radius: 2rem 0rem 0rem 1rem;
    font-size: 20px !important;
    font-weight: 700;
    color: #fff;
    padding-right: 10px;
    padding-bottom: 10px;
}

/* تخصيص خلفية صورة المنتج */
.s-product-card-image {
    background-color: #fff!important;
}

/* تخصيص شكل بطاقة المنتج */
.s-product-card-vertical {
   flex-direction: column;
    border-radius: 30px;
    border: none;
    box-shadow: 2px 2px 8px #c8b072;
}

/* تخصيص الفوتر */
.store-footer__inner::before {
    content: "";
    background: linear-gradient(180deg, transparent 38%, #fff 94%), url(https://cdn.salla.sa/form-builder/wNtMv6kZ8Kfwn4HwWEwhunZoi5STLtYzRDjaevXg.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: var(--color-primary-reverse) !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 .2s ease-out;
    color: rgb(255, 255, 255);
    border-radius: 25% / 50%;
    border: 1px solid var(--color-primary);
}

/* تخصيص النصوص في الفوتر */
p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: var(--color-primary) !important;
    font-weight: 800;
    padding-bottom: 10px;
}

/* تخصيص الوصف الخاص بالمنتجات */
.product__description.p-2.sm\:p-1.leading-7.mb-3 {
    color: var(--color-primary-reverse);
    margin-bottom: 1.25rem;
    background-color: var(--color-primary);
    border-radius: 25px;
    padding: 20px;
}

/* تخصيص الأزرار الكبيرة */
.s-button-wide {
    width: 100%;
    border-radius: 15px;
}

/* تخصيص العناوين */
.s-block__title h2 {
    position: relative;
    line-height: 1.2;
    background: var(--color-primary-reverse);
    border-radius: 2rem 0rem 0rem 1rem;
    font-size: 20px !important;
    font-weight: 700;
    color: #fff;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

/* تخصيص العناصر في القائمة */
ul.hidden.lg\:flex.items-center.rtl\:pl-4.ltr\:pr-4.whitespace-nowrap {
    display: none;
}

.hidden.lg\:flex.items-center {
    display: none;
}

/* تخصيص البحث */
.s-search-input {
    background-color: #fff !important;
    box-shadow: 0 1px 5px 0 var(--color-primary);
    border: 1px solid var(--color-primary) !important;
    width: 20% !important;
}

.main-menu li.root-level>a {
    font-size: 18px;
}

span.s-cart-summary-count {
    background-color: var(--color-primary-reverse);
    color: var(--color-primary);
}

/* تخصيص الأزرار في الفوتر */
.s-product-card-content-title a {
    font-size: 17px;
}

.s-product-card-content-subtitle {
    font-size: 15px;
}

/* تخصيص خلفية الفوتر */
.footer-is-light .store-footer .store-footer__inner {
    border-bottom-color: var(--color-primary-reverse) !important;
}

/* تخصيص العناصر في السلة */
section.cart-item.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative {
    --tw-shadow: 5px 10px 30px #2B2D340D;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 5px 10px 30px #2b2d340d;
    background-color: #fff;
    border: 1px solid var(--color-primary-reverse) 45;
}

/* تخصيص روابط الفوتر */
.footer-is-light .store-footer .contact-social {
    border-color: var(--color-primary-reverse) !important;
}

/* تخصيص Navbar */
.main-nav-container.fixed-pinned .inner {
    position: unset;
}

/* تخصيص العناصر في Navbar */
.main-menu span {
    font-size: 17px;
}

/* تخصيص حجم الأيقونات */
i.sicon-twitter {
    padding-right: 6px;
}

i.sicon-snapchat {
    padding-right: 8px;
}

i.sicon-instagram {
    padding-right: 8px;
}

/* تخصيص أزرار فوتر */
.s-slider-block__title {
    margin-right: 5px;
}

h2.mb-4.text-lg.font-bold.leading-\[1\.2\] {
    background: var(--color-primary-reverse);
    border-radius: 2rem 0rem 0rem 1rem;
    font-size: 20px !important;
    font-weight: 700;
    color: #fff;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-right: 15px;
}

/* تخصيص عرض الشريط الجانبي */
.s-block--slider-with-bg .slider-bg {
    height: 360px !important;
}

/* تخصيص حركات الـ Navbar */
.navbar-brand {
    animation: heartbeat 2.5s ease-in-out infinite both;
}


/* إضافة تأثير الحركة */
@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

below */

body {
    background-color: #FFE5CC !important; /* خلفية المتجر */
}