@import url(https://githack.com); 

@font-face {
    font-family: "GESSTextMedium";
    src: url("https://alfont.com")
}

body, *:not(i) {
    font-family: "GESSTextMedium"!important
}

/* الألوان الأساسية للمتجر */
:root {
    --color-primary: #b80000;          /* الأحمر الأساسي */
    --color-primary-dark: #8b0000;     
    --color-primary-light: #ff1a1a;    
    --1: #b80000;                      /* لون الهوية */
    --2: #0f0f0f;                      /* أسود فخم للهيدر */
    --3: #2a2a2a;                      
    --4: #000000;                      /* أسود عميق للفوتر */
}

/* الهيدر (رأس الموقع) */
header.store-header .inner.bg-inherit {
    background: var(--2) !important;
    border-bottom: 2px solid var(--1);
}

/* القائمة الجانبية والفوتر بتدرج داكن احترافي */
.mm-spn.mm-spn--light, .s-slider-nav-arrow, .top-navbar, 
.footer-is-light .store-footer .store-footer__inner, 
.footer-is-light .store-footer {
    background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%) !important;
    color: #fff;
}

/* نصوص القوائم والروابط في الهيدر والفوتر */
i.sicon-menu.text-primary, .main-menu li>a, .topnav-link-item, 
.s-cart-summary-total, .store-footer h3, .store-footer a, .header-btn__icon {
    color: #ffffff !important;
}

.main-menu .has-children li a, .main-menu .has-children .has-children:hover>a {
    color: var(--1);
}

/* أزرار إضافة للسلة (نص أبيض وخلفية حمراء) */
salla-add-product-button.hydrated {
    background: #b80000 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: bold !important;
    box-shadow: 0 4px 12px rgba(184, 0, 0, 0.3);
    transition: all 0.3s ease;
}

salla-add-product-button.hydrated:hover {
    background: #e60000 !important; /* تفتيح بسيط عند التمرير */
    transform: translateY(-2px);
}

/* التأكد من لون النص والأيقونة داخل الزر */
salla-add-product-button.hydrated *, salla-add-product-button.hydrated span {
    color: #ffffff !important;
}

/* تنسيق البنرات العريضة */
.s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 991px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* السلايدر والبنر الثابت */
section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.s-slider-nav-arrow svg {
    fill: #fff;
}

/* القائمة الجانبية للجوال */
.mm-spn li {
    background: transparent;
}

@media only screen and (max-width: 900px) {
    .store-footer__inner {
        text-align: center;
        justify-content: center;
    }
}