/* Add custom CSS styles below */ 
/* Developed By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import url(https://raw.githack.com/elwa2/cssres/main/freeraed.css);

@font-face {
    font-family: "GESSTextMedium";
    src: url("https://alfont.com/wp-content/fonts/thulth-arabic-fonts//alfont_com_Cadillac-Sans-Arabic-Medium.ttf");
}

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

/* 🎨 ألوان المتجر */
:root {
    --color-primary: #0d0d0d; /* أسود فخم */
    --color-primary-dark: #000000; /* أسود غامق */
    --color-primary-light: #1c1c1c; /* رمادي غامق */
    --color-primary-reverse: #d4af37; /* ذهبي فاتح */
    --1: #0d0d0d;
    --2: #000000;
    --3: #1c1c1c;
    --4: #2b2b2b;
}

/* 🔳 خلفية الموقع */
body {
    background-color: var(--color-primary);
    color: #0d0d0d;
}

/* الهيدر والفوتر */
header.store-header .inner.bg-inherit,
.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(to top, var(--2), var(--4)) !important;
    color: #0d0d0d;
}

/* النصوص والروابط */
a, p, b, .store-footer a, .topnav-link-item {
    color: #d4af37 !important;
}

a:hover, .main-menu li>a:hover {
    color: var(--color-primary-reverse) !important;
}

/* الأزرار */
salla-add-product-button.hydrated {
    background: linear-gradient(88deg, var(--2) 0%, var(--1) 50%, var(--3) 96%) !important;
    color: var(--color-primary-reverse) !important;
    border-radius: 50px 0;
    border-right: 2px solid var(--color-primary-reverse);
    border-left: 2px solid var(--color-primary-reverse);
}

/* البانرات */
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
    background-color: var(--color-primary-light);
    border-radius: 8px;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container:hover {
    transform: translateY(-5px);
    box-shadow: 0px 0px 20px rgba(212, 175, 55, 0.3);
}

/* القائمة */
.main-menu li>a {
    color: var(--color-primary-reverse);
}

.main-menu>.has-children:hover>a {
    color: #fff;
}

/* الفوتر */
.store-footer {
    border-top: 1px solid var(--color-primary-reverse);
}

/* العناوين */
h1, h2, h3, h4 {
    color: var(--color-primary-reverse) !important;
}

/* تحسين مظهر الأزرار الصغيرة */
button, .s-button-element {
    background-color: var(--3) !important;
    color: var(--color-primary-reverse) !important;
    border-radius: 10px !important;
    border: 1px solid var(--color-primary-reverse) !important;
}