/* ===== متجر أسود وأبيض ===== */

:root {
--main-black: #000000;
--main-white: #ffffff;
--light-gray: #f7f7f7;
--border-gray: #e5e5e5;
}

/* خلفية المتجر */
body {
background: #ffffff !important;
color: #000000 !important;
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
color: #000000 !important;
}

/* اللون الأساسي */
.text-primary {
color: #000000 !important;
}

.bg-primary {
background-color: #000000 !important;
}

.border-primary {
border-color: #000000 !important;
}

/* الأزرار الأساسية */
.s-button-primary,
.btn-primary {
background: #000000 !important;
color: #ffffff !important;
border-color: #000000 !important;
}

/* بطاقات المنتجات */
.s-product-card-entry,
.product-card {
background: #ffffff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 12px !important;
box-shadow: none !important;
}
/* ===== الهيدر ===== */

header,
.main-nav-container,
.main-menu,
.navbar {
background: #ffffff !important;
background-image: none !important;
}

/* أيقونات وروابط الهيدر */
header a,
header button,
header svg,
.main-nav-container a {
color: #000000 !important;
}

/* البحث */
header input,
.search-input,
.s-search-input {
background: #ffffff !important;
color: #000000 !important;
border-color: #e5e5e5 !important;
}

/* القائمة */
.main-menu a {
color: #000000 !important;
}

/* عداد السلة */
.s-cart-summary-count,
.cart-count {
background: #000000 !important;
color: #ffffff !important;
}
/* ===== أزرار إضافة للسلة ===== */
.s-button-primary,
.s-product-card-entry .s-button-element,
.s-product-card-entry button {
background: #000000 !important;
color: #ffffff !important;
border-color: #000000 !important;
}

/* النص والأيقونة داخل الزر */
.s-product-card-entry button *,
.s-product-card-entry .s-button-element * {
color: #ffffff !important;
}

/* عند المرور على الزر */
.s-product-card-entry button:hover,
.s-product-card-entry .s-button-element:hover {
background: #222222 !important;
border-color: #222222 !important;
}
/* مميزات المتجر - تحويل الدوائر إلى أسود */
.s-features-list .s-features-list-icon,
.s-features-list-icon {
background-color: #000000 !important;
color: #ffffff !important;
}

/* الأيقونات داخل الدوائر */
.s-features-list-icon svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* ===== الفوتر ===== */

footer,
.s-footer,
.s-footer__main,
.s-footer__top,
.s-footer .container {
background: #000000 !important;
background-image: none !important;
color: #ffffff !important;
}

/* جميع نصوص الفوتر */
footer p,
footer span,
footer h2,
footer h3,
footer h4,
footer li {
color: #ffffff !important;
}

/* روابط الفوتر */
footer a {
color: #ffffff !important;
}

/* الخطوط الفاصلة */
footer hr {
border-color: #333333 !important;
}

/* الجزء السفلي وحقوق المتجر */
.s-footer__bottom,
.s-footer__copyright {
background: #000000 !important;
color: #ffffff !important;
}
/* ===== الأسئلة الشائعة ===== */
.rose-faq { background: #ffffff !important; padding: 35px 18px !important; direction: rtl; text-align: right; }
/* العنوان */ .rose-faq h2 { text-align: center !important; color: #000000 !important; font-size: 25px !important; font-weight: 700 !important; margin: 0 0 25px !important; }
/* كل سؤال */ .rose-faq details { background: #ffffff !important; border: 1px solid #222222 !important; border-radius: 10px !important; margin-bottom: 12px !important; overflow: hidden !important; }
/* السؤال */ .rose-faq summary { position: relative !important; display: block !important; padding: 16px 55px 16px 16px !important; color: #111111 !important; font-size: 16px !important; font-weight: 500 !important; cursor: pointer !important; list-style: none !important; }
/* إخفاء السهم الافتراضي */ .rose-faq summary::-webkit-details-marker { display: none !important; }
/* الدائرة الوردية */ .rose-faq summary::before { content: "⌄"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; background: #C04A8B; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 18px; }
/* عند فتح السؤال */ .rose-faq details[open] summary::before { content: "⌃"; }
/* الجواب */ .rose-faq details p { margin: 0 !important; padding: 0 55px 18px 16px !important; color: #666666 !important; font-size: 14px !important; line-height: 1.8 !important; }
/* الجوال */ @media (max-width: 768px) { .rose-faq { padding: 30px 12px !important; }


.rose-faq h2 {
    font-size: 22px !important;
}
}
/* تحويل اللون الوردي إلى الأسود */

/* دوائر أيقونات مميزات المتجر */
.s-features-list .s-block--features__item .feature-icon,
.s-features-list .feature-icon {
background: #000000 !important;
color: #ffffff !important;
}

/* أزرار وأسهم الأسئلة الشائعة */
.s-accordion-item button,
.s-accordion-item .s-accordion-item-header,
.s-accordion-item svg {
background-color: #000000 !important;
color: #ffffff !important;
}
/* الأسئلة الشائعة - تحويل الدوائر الوردية إلى أسود / .s-accordion-item button, .s-accordion-item button , .s-accordion-item [class="icon"], .s-accordion-item [class="toggle"], .s-accordion-item [class*="arrow"] { background-color: #000000 !important; border-color: #000000 !important; }
/* لون السهم داخل الدائرة */ .s-accordion-item svg, .s-accordion-item svg path { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; }
.s-accordion-item summary::before {
background-color: #000000 !important;
  .rose-faq summary::before {
background: #000000 !important;
background-color: #000000 !important;
}
}
summary::before {
background: #000000 !important;
background-color: #000000 !important;
}