/* =========================
   المتغيرات الأساسية
========================= */

:root {
    --color-primary: #194530;
    --color-secondary: #888d63;
    --color-accent: #e91b25;
    --color-bg: #e5e0d8;
    --color-text: #194530;
    --color-white: #ffffff;
    --color-footer-bottom: #194530;
    --font-main: 'Tajawal', sans-serif;
}

/* =========================
   خلفية المتجر
========================= */

body,
html,
#index,
.main-content,
.store-content,
.content-wrapper,
.store-wrapper,
main {
    background: var(--color-bg) !important;
    color: var(--color-text) !important;
    font-family: var(--font-main) !important;
}

/* =========================
   النصوص العامة
========================= */

h1, h2, h3, h4, h5, h6 {
    color: var(--color-primary) !important;
    font-family: var(--font-main) !important;
}

p, span, li {
    color: var(--color-text) !important;
}

a {
    color: var(--color-primary) !important;
    transition: color 0.2s ease;
}

a:hover {
    color: var(--color-secondary) !important;
}

/* =========================
   الشريط العلوي
========================= */

.top-navbar,
.top-navbar .container,
.top-navbar .flex,
.top-navbar .flex-1,
.top-navbar .header-search,
.top-navbar .header-buttons,
.top-navbar .s-contacts-header {
    background: var(--color-primary) !important;
}

.top-navbar,
.top-navbar a,
.top-navbar span,
.top-navbar .s-contacts-topnav-link,
.top-navbar .s-contacts-header {
    color: var(--color-white) !important;
}

.top-navbar a:hover {
    color: var(--color-secondary) !important;
}

/* =========================
   مربع البحث
========================= */

.top-navbar .s-search-input {
    background: var(--color-bg) !important;
    color: var(--color-primary) !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: var(--font-main) !important;
}

.top-navbar .s-search-input::placeholder {
    color: var(--color-primary) !important;
    opacity: 0.6 !important;
}

.top-navbar .s-search-icon svg,
.top-navbar .s-search-icon path {
    fill: var(--color-primary) !important;
}

.top-navbar .s-search-container,
.top-navbar .s-search-modal,
.top-navbar .s-search-input-wrapper {
    background: transparent !important;
}

/* =========================
   إزالة هوامش البانر فقط
========================= */

.s-slider,
.s-slider__wrapper,
.s-slider__item,
.s-slider__image,
.s-slider img,
[class*="slider"],
[class*="banner"],
[class*="hero"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.s-slider img,
[class*="slider"] img,
[class*="banner"] img,
[class*="hero"] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================
   زر إضافة للسلة — تعديل الألوان
========================= */

button[product-id],
.s-button-primary-outline,
.s-button-btn,
.s-button-element,
[class*="add-to-cart"],
[class*="cart-btn"] {
    background: var(--color-bg) !important;
    color: var(--color-primary) !important;
    border: 1.5px solid var(--color-primary) !important;
    font-family: var(--font-main) !important;
}

button[product-id]:hover,
.s-button-primary-outline:hover,
.s-button-btn:hover,
.s-button-element:hover,
[class*="add-to-cart"]:hover,
[class*="cart-btn"]:hover {
    background: var(--color-primary) !important;
    color: var(--color-bg) !important;
}

/* =========================
   نص وصف الأقسام — البيج الفاتح
========================= */

body [class*="categories"] p,
body [class*="categories"] span,
body [class*="section"] p,
body [class*="section"] span,
body [class*="category"] p,
body [class*="category"] span {
    color: var(--color-bg) !important;
    opacity: 1 !important;
}

/* =========================
   الفوتر
========================= */

.store-footer,
.store-footer__inner,
footer {
    background: var(--color-primary) !important;
}

.store-footer *,
.store-footer__inner *,
footer * {
    color: var(--color-white) !important;
    font-family: var(--font-main) !important;
}

/* أيقونات SVG */

.store-footer svg,
.store-footer path,
footer svg,
footer path {
    fill: var(--color-white) !important;
}

/* أيقونات font-icon */

.store-footer i,
footer i {
    color: var(--color-white) !important;
}

/* روابط الفوتر */

.store-footer a,
.store-footer__inner a,
footer a {
    color: var(--color-white) !important;
    transition: color 0.2s ease;
}

.store-footer a:hover,
.store-footer__inner a:hover,
footer a:hover {
    color: var(--color-secondary) !important;
    text-decoration: underline;
}

/* =========================
   ذيل الصفحة — شريط حقوق الملكية
========================= */

.store-footer__copyright,
.store-footer__bottom,
.footer-copyright,
.copyright,
[class*="copyright"],
[class*="footer-bottom"] {
    background: var(--color-footer-bottom) !important;
    padding: 12px 0 !important;
}

.store-footer__copyright *,
.store-footer__bottom *,
.footer-copyright *,
.copyright *,
[class*="copyright"] *,
[class*="footer-bottom"] * {
    color: var(--color-white) !important;
}