/* ========================================
   REEVAN - HEADER PATTERN
======================================== */

/* باترن ريفان على كامل الهيدر الزيتي */
#mainnav {
    background-color: #062c20 !important;

    background-image:
        linear-gradient(
            rgba(3, 35, 25, 0.12),
            rgba(3, 35, 25, 0.12)
        ),
        url("https://cdn.salla.sa/qQlbbA/GUuVcip2SzGtd7SvqzJPbq1jNTy7QbmU30LmHykV.png") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* إزالة أي خلفية داخلية تغطي الباترن */
#mainnav > .inner {
    background-color: transparent !important;
    background-image: none !important;
}


/* جعل أجزاء الهيدر شفافة حتى يظهر الباترن كقطعة واحدة */
#mainnav .top-navbar,
#mainnav .turath-main-nav,
#mainnav .main-menu {
    background-color: transparent !important;
    background-image: none !important;
}


/* شريط وسائل الدفع يبقى فاتح */
.turath-upper-bar {
    background-color: #f8f6ef !important;
    background-image: none !important;
}


/* ========================================
   MOBILE HEADER
======================================== */

@media (max-width: 768px) {

    #mainnav {
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

}



/* ========================================
   REEVAN - FOOTER PATTERN
======================================== */

footer.store-footer {
    background-color: #122016 !important;

    background-image:
        linear-gradient(
            rgba(18, 32, 22, 0.55),
            rgba(18, 32, 22, 0.55)
        ),
        url("https://cdn.salla.sa/qQlbbA/GUuVcip2SzGtd7SvqzJPbq1jNTy7QbmU30LmHykV.png") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


footer.store-footer .store-footer__inner,
footer.store-footer .turath-store-footer__inner,
footer.store-footer .turath-payments,
footer.store-footer .turath-copyright {
    background-color: transparent !important;
    background-image: none !important;
}


/* ========================================
   MOBILE FOOTER
======================================== */

@media (max-width: 768px) {

    footer.store-footer {
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

}