/* Add custom CSS styles below */ 
/* صفحة سياسة الخصوصية فقط (page-18192999) وفي الوضع الليلي فقط */
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"]) {

  /* الألوان الافتراضية داخل محتوى الصفحة */
  --pp-text: rgba(255,255,255,.92);
  --pp-muted: rgba(255,255,255,.75);
  --pp-heading: #fff;
  --pp-link: var(--color-primary, #93c5fd);
  --pp-border: rgba(255,255,255,.2);
}

/* نصوص المحتوى */
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text) :is(p, li, span, strong, em) {
  color: var(--pp-text) !important;
}

/* إصلاح أي نص أسود مضاف يدوياً داخل المحرّر */
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text)
  [style*="color:#000"], 
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text)
  [style*="color: #000"],
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text)
  [style*="color:black"],
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text)
  [style*="rgb(0, 0, 0)"] {
  color: var(--pp-text) !important;
}

/* العناوين */
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text) :is(h1,h2,h3,h4,h5,h6) {
  color: var(--pp-heading) !important;
}

/* الروابط */
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text) a {
  color: var(--pp-link) !important;
  text-decoration: underline;
}

/* الجداول والحدود */
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(link[rel="canonical"][href*="/page-18192999"]),
:is(html.dark, html[data-theme="dark"], [data-theme="dark"])
:has(meta[property="og:url"][content*="/page-18192999"])
:is(.page-single, .page, .prose, .page-content, .content, .rich-text) :is(table, th, td) {
  color: var(--pp-text) !important;
  border-color: var(--pp-border) !important;
}

/* ملاحظة: السطور التالية اختيارية إذا كان عندك كلاس/آتربيوت للصفحة */
/* فعّلها فقط إذا تأكدت أنها موجودة عندك */
/*
html.dark body.page-18192999 .page-single,
html.dark [data-page-id="18192999"] .page-single { ... نفس القواعد أعلاه ... }
*/


/* الوضع النهاري (عادي) */
.product__description ul,
.product__description li {
  color: #000000; /* أسود */
}

/* الوضع الليلي */
html[data-theme="dark"] .product__description ul,
html[data-theme="dark"] .product__description li,
body.dark-mode .product__description ul,
body.dark-mode .product__description li {
  color: #ffffff; /* أبيض */
}
.main-navbar {
  width: 100%;          
  max-width: 90%;      
  border-radius: 12px;
   left: 50%;
  transform: translateX(-50%);
  }


.main-navbar {
  min-height: 70px; /* يثبت ارتفاع النافبار */
}

.main-navbar .light-mode-logo,
.main-navbar .dark-mode-logo {
  position: absolute;
  left: 50%;
  top: 50%; 
  transform: translate(-50%, -50%); /* يوسط الشعار أفقي + عمودي */
  max-height: 60px; /* عشان ما يكبر مرة */
}
/* يجعل النصوص بيضاء في وضع الدارك مود */
html.dark .content--single-page,
html.dark .content--single-page * {
  color: #fff !important;
}