/* ============================= */
/* 1) عناوين أقسام السلايدر فقط */
/* ============================= */
.categories-slider .cat-col h3,
.categories-slider .cat-col h3 a,
.categories-slider-wrapper .cat-col h3,
.categories-slider-wrapper .cat-col h3 a {
  color: #ffffff !important;
}


/* ======================================= */
/* 2) زر "تعرف على المزيد" وحالات الـ hover */
/* ======================================= */
.more-button,
a.more-button {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
  background: transparent !important;
}

.more-button:hover,
a.more-button:hover {
  color: #39ff14 !important;
  border-color: #39ff14 !important;
  background: transparent !important;
}


/* ========================= */
/* 3) لون العناوين العام     */
/* ملاحظة: هذا سبب استثناءات */
/* ========================= */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}


/* ========================= */
/* 4) لون النصوص العامة      */
/* ========================= */
p,
li,
label,
small,
.blog-text,
.blog-text p,
.blog-text li {
  color: #e5e5e5 !important;
  opacity: 1 !important;
}


/* ========================= */
/* 5) روابط المنيو والهيدر    */
/* ========================= */
.nav-link,
.navbar a,
header a,
.menu a {
  color: #ffffff !important;
}


/* =================================== */
/* 6) Hover للروابط والمنيو واللينكات   */
/* =================================== */
.nav-link:hover,
.navbar a:hover,
header a:hover,
.menu a:hover,
a:hover {
  color: #39ff14 !important;
  background: transparent !important;
}


/* ========================= */
/* 7) لون الأزرار العام       */
/* ========================= */
button,
.btn,
input[type="submit"] {
  color: #ffffff !important;
}


/* ====================================== */
/* 8) منع الظلال أو الخلفيات الغريبة       */
/* ====================================== */
a:hover,
a:focus,
button:hover,
button:focus,
.btn:hover,
.btn:focus {
  box-shadow: none !important;
}


/* ==================================================== */
/* 9) صفحة تفاصيل المنتج: الجدول الأبيض داخل صفحة الباقات */
/* ==================================================== */

/* أسعار الباقات داخل الجدول الأبيض */
.products-details-page .card-table.options-table h4.d-inline-block,
.products-details-page .card-table.options-table .col.m-col h4,
.products-details-page .card-table.options-table .col.m-col span {
  color: #222222 !important;
}

/* النصوص والعناوين داخل الجدول الأبيض */
.products-details-page .card-table.options-table h1,
.products-details-page .card-table.options-table h2,
.products-details-page .card-table.options-table h3,
.products-details-page .card-table.options-table h4,
.products-details-page .card-table.options-table h5,
.products-details-page .card-table.options-table h6,
.products-details-page .card-table.options-table span,
.products-details-page .card-table.options-table p,
.products-details-page .card-table.options-table div {
  color: #222222 !important;
}


/* ======================================= */
/* 10) صفحة Products فقط (category 1471555) */
/* ======================================= */

/* عنوان الصفحة الرئيسي */
body[data-template="category_details"][data-category-id="1471555"] .subTitle-detail .bread-title {
  color: #222222 !important;
}

/* breadcrumb في صفحة Products */
body[data-template="category_details"][data-category-id="1471555"] .breadcrumb-item,
body[data-template="category_details"][data-category-id="1471555"] .breadcrumb-item.active,
body[data-template="category_details"][data-category-id="1471555"] .breadcrumb-item a {
  color: #222222 !important;
}

/* أسعار المنتجات في شبكة صفحة Products */
body[data-template="category_details"][data-category-id="1471555"] .product-price,
body[data-template="category_details"][data-category-id="1471555"] .product-price span,
body[data-template="category_details"][data-category-id="1471555"] .section-product-price,
body[data-template="category_details"][data-category-id="1471555"] .section-product-price span,
body[data-template="category_details"][data-category-id="1471555"] .theme-title-primary,
body[data-template="category_details"][data-category-id="1471555"] .theme-title-primary span {
  color: #ffffff !important;
}


/* ====================================== */
/* 11) صفحة Session فقط (category 1471589) */
/* ====================================== */

/* عنوان الصفحة الرئيسي */
body[data-template="category_details"][data-category-id="1471589"] .subTitle-detail .bread-title {
  color: #222222 !important;
}

/* خلفية عنوان Session */
body[data-template="category_details"][data-category-id="1471589"] .subTitle-detail,
body[data-template="category_details"][data-category-id="1471589"] .subTitle-detail .container {
  background: #f2f2f2 !important;
}

/* breadcrumb في صفحة Session */
body[data-category-id="1471589"] .breadcrumb-item,
body[data-category-id="1471589"] .breadcrumb-item.active,
body[data-category-id="1471589"] .breadcrumb-item a {
  color: #222222 !important;
}

/* أسعار الجلسات في شبكة Session */
body[data-category-id="1471589"] .product-price,
body[data-category-id="1471589"] .product-price span,
body[data-category-id="1471589"] .section-product-price,
body[data-category-id="1471589"] .section-product-price span,
body[data-category-id="1471589"] .theme-title-primary,
body[data-category-id="1471589"] .theme-title-primary span {
  color: #ffffff !important;
}


/* ==================================== */
/* 12) الصفحة الرئيسية فقط: أسعار السلايدر */
/* ==================================== */
.products-slider-wrapper .product-price,
.products-slider-wrapper .product-price span,
.products-slider-wrapper .section-product-price,
.products-slider-wrapper .section-product-price span,
.products-slider-wrapper .theme-title-primary,
.products-slider-wrapper .theme-title-primary span {
  color: #ffffff !important;
}

.products-slider .product-price,
.products-slider .product-price span {
  color: #ffffff !important;
}


/* ================================================= */
/* 13) تنسيق Filter فقط في Products + Session         */
/* ملاحظة: هنا نستهدف الزر نفسه، لا الحاوية الكبيرة   */
/* ================================================= */
body[data-category-id="1471555"] .btn-filter,
body[data-category-id="1471589"] .btn-filter {
  color: #111111 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* النص داخل زر الفلتر فقط */
body[data-category-id="1471555"] .btn-filter *,
body[data-category-id="1471589"] .btn-filter * {
  color: #111111 !important;
}

/* الحقول النصية أو select عند الحاجة */
body[data-category-id="1471555"] select,
body[data-category-id="1471589"] select,
body[data-category-id="1471555"] input,
body[data-category-id="1471589"] input {
  color: #111111 !important;
  background: #ffffff !important;
}

/* نافذة الفلتر المنبثقة */
body[data-category-id="1471555"] .modal-content,
body[data-category-id="1471589"] .modal-content {
  background: #ffffff !important;
  color: #111111 !important;
}

/* النصوص داخل نافذة الفلتر */
body[data-category-id="1471555"] .modal-content,
body[data-category-id="1471555"] .modal-content label,
body[data-category-id="1471555"] .modal-content span,
body[data-category-id="1471555"] .modal-content p,
body[data-category-id="1471555"] .modal-content div,
body[data-category-id="1471555"] .modal-content input,
body[data-category-id="1471555"] .modal-content button,
body[data-category-id="1471589"] .modal-content,
body[data-category-id="1471589"] .modal-content label,
body[data-category-id="1471589"] .modal-content span,
body[data-category-id="1471589"] .modal-content p,
body[data-category-id="1471589"] .modal-content div,
body[data-category-id="1471589"] .modal-content input,
body[data-category-id="1471589"] .modal-content button {
  color: #111111 !important;
}

/* placeholder داخل الفلتر */
body[data-category-id="1471555"] input::placeholder,
body[data-category-id="1471589"] input::placeholder {
  color: #666666 !important;
  opacity: 1 !important;
}



/* ========================================= */
/* Quantity field في صفحة المنتج فقط          */
/* ========================================= */

/* مربع الكمية نفسه */
.select-quantity-div,
.select-quantity-div .form-group {
  color: #ffffff !important;
}

/* عنصر select */
.select-quantity-div select,
#product-quantity,
select#product-quantity.select-quantity {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  border: 1px solid #ffffff !important;
}

/* القيمة الظاهرة داخل الحقل */
.select-quantity-div select option,
#product-quantity option {
  color: #111111 !important;
  background: #ffffff !important;
}

/* إذا في عنصر pseudo أو سهم */
.select-quantity-div::after,
.select-quantity-div .form-group::after {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* عنوان Quantity */
.select-quantity-div h4,
.select-quantity-div .product-title {
  color: #ffffff !important;
}






/* تحسين شكل quantity بالإنجليزي فقط */
html[lang="en"] .select-quantity-div select,
html[dir="ltr"] .select-quantity-div select,
body.ltr .select-quantity-div select,
html[lang="en"] #product-quantity,
html[dir="ltr"] #product-quantity,
body.ltr #product-quantity {
  width: 90px !important;
  padding-left: 34px !important;
  padding-right: 10px !important;
  text-align: center !important;
}

html[lang="en"] .select-quantity-div .form-group > div::after,
html[dir="ltr"] .select-quantity-div .form-group > div::after,
body.ltr .select-quantity-div .form-group > div::after {
  left: 10px !important;
  right: auto !important;
  font-size: 12px !important;
}

/* لون السعر داخل صفحة السلة */
.cart-product-total-price {
  color: #ffffff !important;
}

/* احتياط: إذا في عناصر حوله */
.cart-product-prices,
.cart-product-prices span {
  color: #ffffff !important;
}

/* العناوين */
.shipping-payment-card .card-title-shipping {
  color: #ffffff !important;
}

/* القيم */
.shipping-payment-card .card-body-shipping span:not(.card-title-shipping),
.shipping-payment-card .card-body-shipping p,
.shipping-payment-card .card-body-shipping div {
  color: #ffffff !important;
  opacity: 1 !important;
}







/* ===================================== */
/* كروت وسائل الدفع / الحسابات البنكية    */
/* ===================================== */

.payment-method-card {
  background: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 8px !important;
  padding: 12px !important;
  min-height: 90px !important;
}

.payment-method-card img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 48px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
}




.product-item .product-title span {
    color: #fff !important;
}


.div-product-sku {
    display: none !important;
}

#product-custom-user-input-fields .input-label span {
    color: #fff !important;
}

.description-title {
    color: #FFFFFF !important;
}


/* خلفية نافذة الدفع */
.MuiDialog-paper,
.MuiDialogContent-root,
.MuiPaper-root {
    background: #0f0f0f !important;
    color: #ffffff !important;
}

/* العناوين */
.MuiTypography-root,
.MuiDialogTitle-root {
    color: #ffffff !important;
    font-weight: 500;
}

/* النصوص داخل الفورم */
.MuiInputLabel-root,
.MuiFormLabel-root,
label {
    color: #cfcfcf !important;
}

/* الحقول */
.MuiOutlinedInput-root {
    background: #1a1a1a !important;
    border-radius: 10px !important;
}

/* لون النص داخل الحقول */
.MuiOutlinedInput-root input {
    color: #ffffff !important;
}

/* حدود الحقول */
.MuiOutlinedInput-notchedOutline {
    border: 1px solid #2c2c2c !important;
}

/* عند الضغط على الحقل */
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #39b54a !important;
}

/* زر الدفع */
button {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
}

/* زر الدفع عند hover */
button:hover {
    background: #111111 !important;
}

/* زر الإغلاق */
.MuiIconButton-root {
    color: #ffffff !important;
}

/* scrollbar داكن */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}


  /* Order Summary فقط */
.MuiDialog-root .MuiStack-root.css-1vl4wx5 > p.MuiTypography-body2 {
    color: #000 !important;
}

/* السعر فقط */
.MuiDialog-root .MuiStack-root.css-1vrj2xv > h6.MuiTypography-subtitle2 {
    color: #000 !important;
}
}

/* إخفاء بلوك الديسكاونت بالكامل */
.MuiDialog-paper .MuiDialogContent-root .MuiStack-root > div:nth-last-child(2) {
    display: none !important;
}
}

/* ===============================
   نافذة تسجيل الدخول (الهيكل العام)
=============================== */
.MuiDialog-paper {
    background-color: #1e293b !important; /* كحلي رمادي */
    color: #ffffff !important;
    border-radius: 16px !important;
}

/* ===============================
   عنوان Login
=============================== */
.MuiDialog-paper .MuiDialogTitle-root,
.MuiDialog-paper h2 {
    color: #ffffff !important;
    text-align: center;
}

/* ===============================
   محتوى النافذة (الخلفية البيضاء)
=============================== */
.MuiDialog-paper .MuiDialogContent-root {
    background-color: #ffffff !important;
}

/* ===============================
   النصوص داخل المحتوى
=============================== */
.MuiDialog-paper .MuiDialogContent-root .MuiTypography-root {
    color: #000000 !important;
}

/* نص الشرح فقط */
.MuiDialog-paper .MuiDialogContent-root p:first-of-type {
    font-size: 14px;
}

/* ===============================
   إزالة أي بلوك إضافي غير مرغوب
=============================== */
.MuiDialog-paper .MuiBox-root.css-0 {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ===============================
   حقول الإدخال
=============================== */
.MuiDialog-paper .MuiOutlinedInput-root,
.MuiDialog-paper .MuiInputBase-root {
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 18px !important;
}

/* إطار الحقل */
.MuiDialog-paper fieldset {
    border-color: #334155 !important;
}

/* نص الإدخال */
.MuiDialog-paper input {
    color: #ffffff !important;
}

/* placeholder */
.MuiDialog-paper input::placeholder {
    color: #94a3b8 !important;
}

/* ===============================
   زر الإرسال
=============================== */
.MuiDialog-paper button {
    background-color: #22c55e !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    border-radius: 12px;
    height: 52px;
}

/* hover */
.MuiDialog-paper button:hover {
    background-color: #16a34a !important;
}

/* ===============================
   زر الإغلاق (X)
=============================== */
.MuiDialog-paper button[aria-label="close"],
.MuiDialog-paper svg {
    color: #ffffff !important;
}

#zid_toaster * {
    background: #111827 !important;
    color: #ffffff !important;
}

/* صناديق OTP فقط */
.MuiDialog-root.zid-kit-auth-dialog .MuiInputBase-root:has(input[aria-label^="OTP digit"]) {
    background: #ffffff !important;
    border-radius: 14px !important;
}

/* لون الرقم داخلها */
.MuiDialog-root.zid-kit-auth-dialog input[aria-label^="OTP digit"] {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
}

#product-description-a {
    color: #22c55e !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(34, 197, 94, 0.5);
    padding-bottom: 2px;
    transition: all 0.2s ease;
}

#product-description-a:hover {
    color: #4ade80 !important;
    border-bottom-color: #4ade80;
}

/* ===================================
   Stretch Guide - بدون التأثير على الهيدر
=================================== */

/* ❌ حذف الخلفية العامة عن body */

/* البلوك الرئيسي فقط */
body[data-template="pages"] section.blog.mt-5.mb-5 {
    background: #374151 !important; /* رمادي */
    border-radius: 20px !important;
    padding: 24px 18px !important;
    margin: 20px 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* العنوان الرئيسي */
body[data-template="pages"] section.blog.mt-5.mb-5 h1 {
    color: #ffffff !important;
    font-size: 34px !important;
    margin-bottom: 20px !important;
}

/* العناوين الفرعية */
body[data-template="pages"] section.blog.mt-5.mb-5 h2 {
    background: #22c55e !important;
    color: #022c22 !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    display: inline-block;
    margin: 20px 0 10px !important;
    font-size: 16px !important;
    font-weight: bold;
}

/* النصوص */
body[data-template="pages"] section.blog.mt-5.mb-5 p {
    color: #e5e7eb !important;
    line-height: 1.8 !important;
    font-size: 15px !important;
}

/* المسافات */
body[data-template="pages"] section.blog.mt-5.mb-5 p + p {
    margin-top: 10px !important;
}

/* إبراز النص */
body[data-template="pages"] section.blog.mt-5.mb-5 strong {
    color: #ffffff !important;
}

/* واتساب */
body[data-template="pages"] .whatsapp-button {
    filter: brightness(1.1);
}

/* موبايل */
@media (max-width: 768px) {
    body[data-template="pages"] section.blog.mt-5.mb-5 {
        padding: 20px 14px !important;
        border-radius: 16px !important;
    }

    body[data-template="pages"] section.blog.mt-5.mb-5 h1 {
        font-size: 26px !important;
    }

    body[data-template="pages"] section.blog.mt-5.mb-5 p {
        font-size: 14px !important;
    }
}


/* =====================================
   NOTE - تنسيق كـ رسالة تنبيه فاخرة
===================================== */

/* عنوان NOTE */
#product-custom-user-input-fields .input-label span,
#product-custom-user-input-fields .input-label .text-color-primary {
    color: #22c55e !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.3px;
}

/* إخفاء شكل الحقل التقليدي */
#product-custom-user-input-fields .input-text {
    margin-top: 6px !important;
}

/* صندوق الملاحظة */
#product-custom-user-input-fields textarea[title="Note"],
#product-custom-user-input-fields textarea[name="Note"] {

    /* الحجم */
    width: 100% !important;
    min-height: 90px !important;
    max-height: 90px !important;
    resize: none !important;

    /* الشكل */
    background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
    border: 1px solid #86efac !important;
    border-radius: 16px !important;

    /* ظل فاخر */
    box-shadow:
        0 10px 25px rgba(34, 197, 94, 0.15),
        inset 0 1px 0 rgba(255,255,255,0.6) !important;

    /* النص */
    color: #065f46 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.9 !important;

    /* تمركز */
    text-align: center !important;
    padding: 22px 16px !important;
}

/* placeholder */
#product-custom-user-input-fields textarea[title="Note"]::placeholder,
#product-custom-user-input-fields textarea[name="Note"]::placeholder {
    color: #047857 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.8 !important;
}

/* تأثير hover */
#product-custom-user-input-fields textarea[title="Note"]:hover {
    box-shadow:
        0 12px 28px rgba(34, 197, 94, 0.25),
        inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

/* عند التركيز */
#product-custom-user-input-fields textarea[title="Note"]:focus {
    outline: none !important;
    border-color: #22c55e !important;
    box-shadow:
        0 0 0 3px rgba(34, 197, 94, 0.25),
        0 12px 28px rgba(34, 197, 94, 0.2) !important;
}

.announcement-bar .announcement-ticker .ticker-item,
.announcement-bar .announcement-ticker .ticker-item * {
    color: #000000 !important;
}