/*==========================================
=    Import Google Font & Global Override  =
==========================================*/

/* 1. استيراد خط Cairo من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600&display=swap');

/* 2. متغيرات الألوان */
:root {
    --main-color: #a5663b;       /* بني فاتح/نحاسي من الشعار */
    --dark-color: #4b2b20;       /* البني الغامق من الشعار */
    --text-color: #2b1a12;       /* نص داكن */
    --white-color: #ffffff;      /* أبيض */
}

/*==========================================
=                 الخطوط                  =
==========================================*/
body, h1, h2, h3, h4, h5, h6, p, a, span, button {
    font-family: 'Cairo', sans-serif !important;
}

/*==========================================
=               الجزء العلوي               =
==========================================*/
.top-navbar {
    background: var(--white-color) !important; /* أبيض */
    color: var(--dark-color) !important;
}

.top-navbar a,
.top-navbar span {
    color: var(--dark-color) !important;
}

/*==========================================
=               الـ Navbar                 =
==========================================*/
.main-nav-container.shadow-default.bg-white {
    background-color: var(--white-color) !important; /* أبيض */
}

.header-btn__icon,
.sicon-menu {
    background: var(--white-color) !important;
    color: var(--dark-color) !important; /* أيقونات بلون غامق */
}

/*==========================================
=            العناوين في الأقسام           =
==========================================*/
.s-block__title h2,
.s-slider-block__title h2 {
    color: var(--dark-color) !important;
}

.s-block__title h2:before,
.s-slider-block__title h2:before {
    background: var(--main-color) !important;
}

/*==========================================
=                  الأزرار                =
==========================================*/
.s-button-btn {
    background-color: var(--main-color) !important;
    color: var(--white-color) !important;
}

.s-button-btn:hover {
    background-color: var(--dark-color) !important;
}

/*==========================================
=                  Footer                  =
==========================================*/
.store-footer,
.store-footer *,
.store-footer__inner,
.store-footer__inner * {
    background: var(--dark-color) !important;
    color: var(--white-color) !important;
}

/* حذف أي صورة تظهر في الفوتر */
.store-footer img {
    display: none !important;
    visibility: hidden !important;
}

.store-footer {
    background-image: none !important;
}

/* إخفاء أي تبويبات منتجات مثل (عبايات مميزة، أكثر مبيعاً) مع المنتجات التابعة */
.section-tabs,
.section-tabs ~ .section-products,
.tabs-section,
.tabs-section ~ .products-section {
    display: none !important;
}

/* وصف المتجر الإضافي (تنسيق فقط — لا تضعي HTML هنا) */
.custom-shop-desc {
   margin: 15px 0;
   font-size: 14px;
   line-height: 1.8;
   color: #333;
   text-align: center;
   font-weight: 500;
}