/* =============================================
   CLEAN BLOCKSY DARK MODE — Static Stylesheet
   ============================================= */

/* =============================================
   TOGGLE BUTTON
   ============================================= */
.blocksy-dark-mode-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: currentColor;
    cursor: pointer;
    outline: none;
    transition: background 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
}
.blocksy-dark-mode-btn:hover {
    background: rgba(128, 128, 128, 0.12);
    transform: scale(1.1);
}
.blocksy-dark-mode-btn:focus-visible {
    box-shadow: 0 0 0 2px currentColor;
}
.blocksy-dark-mode-btn svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
    display: block;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}
.blocksy-dark-mode-btn .dark-icon-sun { display: block !important; }
.blocksy-dark-mode-btn .dark-icon-moon { display: none !important; }
html.dark-theme .blocksy-dark-mode-btn .dark-icon-sun { display: none !important; }
html.dark-theme .blocksy-dark-mode-btn .dark-icon-moon { display: block !important; }

/* =============================================
   TOGGLE ICON COLOR — white/light-gold for the
   dark-green header (both light and dark mode)
   ============================================= */
.blocksy-dark-mode-btn,
.blocksy-dark-mode-btn svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
}
.blocksy-dark-mode-btn:hover svg {
    color: #C5A059 !important;
    stroke: #C5A059 !important;
}
html.dark-theme .blocksy-dark-mode-btn,
html.dark-theme .blocksy-dark-mode-btn svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
}
html.dark-theme .blocksy-dark-mode-btn:hover svg {
    color: #C5A059 !important;
    stroke: #C5A059 !important;
}

/* =============================================
   PAGE BACKGROUND
   ============================================= */
html.dark-theme,
html.dark-theme body {
    background-color: #121212 !important;
}

/* =============================================
   FORM INPUTS — checkout etc.
   ============================================= */
html.dark-theme input[type="text"],
html.dark-theme input[type="email"],
html.dark-theme input[type="tel"],
html.dark-theme input[type="number"],
html.dark-theme input[type="search"],
html.dark-theme input[type="password"],
html.dark-theme input[type="url"],
html.dark-theme input[type="date"],
html.dark-theme textarea,
html.dark-theme select {
    background-color: #252525 !important;
    border: 1px solid #3c3c3c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
html.dark-theme input:focus,
html.dark-theme textarea:focus,
html.dark-theme select:focus {
    border-color: #666 !important;
    outline: none !important;
}
html.dark-theme input::placeholder,
html.dark-theme textarea::placeholder {
    color: #a3a3a3 !important;
    opacity: 1 !important;
}

/* =============================================
   PRODUCT TITLES, HEADINGS, CARD TEXT — NO green
   ============================================= */
html.dark-theme .product_title,
html.dark-theme h1.product_title,
html.dark-theme .woocommerce div.product .product_title,
html.dark-theme .single-product h1,
html.dark-theme .single-product h1.entry-title,
html.dark-theme .woocommerce h1.entry-title,
html.dark-theme .elementor-heading-title,
html.dark-theme .elementor-widget-heading .elementor-heading-title,
html.dark-theme .elementor-widget-text-editor,
html.dark-theme .elementor-text-editor,
html.dark-theme .elementor-widget-text-editor p,
html.dark-theme .elementor-tab-title,
html.dark-theme .elementor-icon-box-title,
html.dark-theme .elementor-icon-box-description,
html.dark-theme .elementor-widget-icon-box .elementor-icon-box-content,
html.dark-theme .elementor-widget-counter .elementor-counter-title,
html.dark-theme .elementor-widget-testimonial .elementor-testimonial-text,
html.dark-theme .elementor-widget-testimonial .elementor-testimonial-name,
html.dark-theme .elementor-testimonial-wrapper,
html.dark-theme .elementor-testimonial-content,
html.dark-theme .elementor-widget-image-box .elementor-image-box-content,
html.dark-theme .woocommerce .price,
html.dark-theme .woocommerce-Price-amount,
html.dark-theme .woocommerce-Price-currencySymbol,
html.dark-theme span.amount,
html.dark-theme .woocommerce-order-details,
html.dark-theme .woocommerce-customer-details {
    color: #ffffff !important;
}

html.dark-theme .woocommerce-product-details__short-description,
html.dark-theme .woocommerce-product-details__short-description p,
html.dark-theme .woocommerce-Tabs-panel,
html.dark-theme .woocommerce-Tabs-panel p,
html.dark-theme .product_meta,
html.dark-theme .product_meta a,
html.dark-theme .woocommerce-product-attributes-item__label,
html.dark-theme .woocommerce-product-attributes-item__value,
html.dark-theme .woocommerce-checkout .form-row label,
html.dark-theme .woocommerce-checkout .form-row span,
html.dark-theme .woocommerce-checkout .woocommerce-form__label-for-checkbox,
html.dark-theme .woocommerce-checkout .product-name,
html.dark-theme .woocommerce-checkout .product-total,
html.dark-theme .woocommerce-checkout .cart_item td,
html.dark-theme .woocommerce table.shop_table th,
html.dark-theme .woocommerce table.shop_table td {
    color: #e5e7eb !important;
}

html.dark-theme .woocommerce-tabs ul.tabs li a {
    color: #ffffff !important;
}

/* =============================================
   FAQ ACCORDION — titles + icons white, body light
   ============================================= */
html.dark-theme .elementor-accordion-item,
html.dark-theme .elementor-toggle-item {
    border-color: #333 !important;
}

html.dark-theme .elementor-accordion-title,
html.dark-theme .elementor-accordion-title a,
html.dark-theme .elementor-toggle-title,
html.dark-theme .elementor-toggle-title a,
html.dark-theme .elementor-tab-title {
    color: #ffffff !important;
}

html.dark-theme .elementor-accordion-icon,
html.dark-theme .elementor-toggle-icon {
    color: #ffffff !important;
}

html.dark-theme .elementor-accordion-content,
html.dark-theme .elementor-toggle-content,
html.dark-theme .elementor-tab-content {
    color: #d1d5db !important;
}

/* =============================================
   CONTACT CARDS — dark bg, white/gold text
   ============================================= */
html.dark-theme .elementor-widget-icon-box.elementor-view-default .elementor-icon-box-wrapper,
html.dark-theme .elementor-widget-icon-box .elementor-icon-box-content,
html.dark-theme .elementor-icon-box-wrapper {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border-radius: 12px;
    padding: 20px;
}

html.dark-theme .elementor-icon-box-title,
html.dark-theme .elementor-icon-box-description,
html.dark-theme .elementor-widget-icon-box .elementor-icon-box-title,
html.dark-theme .elementor-widget-icon-box .elementor-icon-box-description,
html.dark-theme .elementor-icon-box-wrapper span,
html.dark-theme .elementor-icon-box-wrapper p {
    color: #ffffff !important;
}

html.dark-theme .elementor-icon-box-icon svg,
html.dark-theme .elementor-icon-box-icon i {
    color: #C5A059 !important;
    fill: #C5A059 !important;
}

/* =============================================
   SIZE GUIDE — custom HTML blocks, labels A/B/C/D, descriptions
   ============================================= */
html.dark-theme [class*="size-guide"],
html.dark-theme [class*="size_guide"],
html.dark-theme [class*="guide-table"],
html.dark-theme [class*="ct-size"],
html.dark-theme .elementor-widget-html,
html.dark-theme .elementor-widget-html *,
html.dark-theme .elementor-widget-shortcode,
html.dark-theme .elementor-widget-shortcode *,
html.dark-theme .elementor-widget-text-editor strong,
html.dark-theme .elementor-widget-text-editor b {
    color: #ffffff !important;
}

/* Size guide table cells */
html.dark-theme table,
html.dark-theme table *,
html.dark-theme .elementor-widget-table,
html.dark-theme .elementor-widget-table * {
    color: #ffffff !important;
}

html.dark-theme table th,
html.dark-theme table td {
    border-color: #444 !important;
}

/* =============================================
   CHECKOUT — summary container, shipping, totals
   ============================================= */
html.dark-theme .woocommerce table.shop_table {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

html.dark-theme .woocommerce-checkout-review-order,
html.dark-theme .woocommerce-checkout-payment,
html.dark-theme #order_review,
html.dark-theme .woocommerce-order-pay,
html.dark-theme .woocommerce-order-received .woocommerce-order {
    background-color: #1e1e1e !important;
    color: #e5e7eb !important;
    border-radius: 8px;
}

html.dark-theme .woocommerce-checkout-payment {
    background-color: #1a1a1a !important;
}

html.dark-theme .woocommerce-checkout-payment li.wc_payment_method {
    background-color: #252525 !important;
    border-color: #333 !important;
}

html.dark-theme .woocommerce-checkout-payment li.wc_payment_method label {
    color: #e5e7eb !important;
}

/* Shipping method boxes */
html.dark-theme .woocommerce-shipping-methods label,
html.dark-theme .woocommerce-shipping-totals td,
html.dark-theme .woocommerce-shipping-totals th,
html.dark-theme .shipping-calculator-button,
html.dark-theme .shipping-calculator-form * {
    color: #e5e7eb !important;
}

html.dark-theme .woocommerce-shipping-methods li {
    background-color: #252525 !important;
    border-color: #3c3c3c !important;
    padding: 10px;
    border-radius: 6px;
}

html.dark-theme .woocommerce-shipping-methods input[type="radio"] {
    accent-color: #ffffff !important;
}

/* Order total highlighted row */
html.dark-theme .woocommerce table.shop_table .order-total th,
html.dark-theme .woocommerce table.shop_table .order-total td,
html.dark-theme .woocommerce table.shop_table .cart-subtotal th,
html.dark-theme .woocommerce table.shop_table .cart-subtotal td {
    color: #ffffff !important;
}

/* =============================================
   SHOP / PRODUCT LOOP — titles, meta, pagination, breadcrumbs
   ============================================= */
html.dark-theme .woocommerce-loop-product__title,
html.dark-theme .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.dark-theme .woocommerce-loop-product__link,
html.dark-theme .woocommerce ul.products li.product .entry-meta,
html.dark-theme .woocommerce ul.products li.product .entry-meta a,
html.dark-theme ul.products .entry-meta,
html.dark-theme ul.products .entry-meta a,
html.dark-theme .woocommerce-result-count,
html.dark-theme .ct-pagination,
html.dark-theme .ct-pagination a,
html.dark-theme .ct-pagination .page-numbers,
html.dark-theme .ct-pagination .page-numbers.current,
html.dark-theme .ct-breadcrumbs,
html.dark-theme .ct-breadcrumbs a,
html.dark-theme .ct-breadcrumbs span {
    color: #ffffff !important;
}

/* =============================================
   CUSTOM CHECKOUT (dz-lux-*) — recap column, items, totals, promo
   ============================================= */
html.dark-theme .dz-lux-column-recap {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

html.dark-theme .dz-lux-recap-title,
html.dark-theme .recap-item-name,
html.dark-theme .item-line-total,
html.dark-theme .qty-value,
html.dark-theme .recap-totals-lux,
html.dark-theme .recap-totals-lux .totals-row,
html.dark-theme .recap-totals-lux .totals-row.grand-total,
html.dark-theme .dz-lux-main-title,
html.dark-theme .remove-item-btn {
    color: #ffffff !important;
}

html.dark-theme .recap-totals-lux .totals-row span,
html.dark-theme .recap-totals-lux .totals-row strong {
    color: #ffffff !important;
}

html.dark-theme .recap-item-variation {
    color: #94a3b8 !important;
}

html.dark-theme .promo-input-lux {
    background-color: #252525 !important;
    border-color: #3c3c3c !important;
    color: #ffffff !important;
}

html.dark-theme .promo-input-lux:focus {
    border-color: #bf7e7e !important;
    background-color: #252525 !important;
}

html.dark-theme .promo-apply-btn {
    background-color: #333 !important;
    color: #e5e7eb !important;
}

html.dark-theme .c18-bulk-banner {
    border-color: rgba(197, 160, 89, 0.4) !important;
    background-color: rgba(197, 160, 89, 0.1) !important;
    color: #C5A059 !important;
}

html.dark-theme .c18-bulk-banner-title,
html.dark-theme .c18-bulk-banner-list {
    color: #C5A059 !important;
}

/* =============================================
   CUSTOMER REVIEWS (cr-*) — dark cards, white text, gold stars
   ============================================= */
html.dark-theme #custom-reviews-wrapper .cr-card {
    background-color: #1e1e1e !important;
}
html.dark-theme #custom-reviews-wrapper .cr-text {
    color: #e5e7eb !important;
}
html.dark-theme #custom-reviews-wrapper .cr-avatar {
    background-color: #333 !important;
}
html.dark-theme #custom-reviews-wrapper .cr-avatar svg {
    fill: #aaa !important;
}
html.dark-theme #custom-reviews-wrapper .cr-name {
    color: #C5A059 !important;
}
html.dark-theme #custom-reviews-wrapper .cr-stars svg {
    fill: #C5A059 !important;
}
html.dark-theme #custom-reviews-wrapper .cr-dot {
    background-color: #555 !important;
}
html.dark-theme #custom-reviews-wrapper .cr-dot.active {
    background-color: #C5A059 !important;
}

/* =============================================
   PRODUCT LOOP BUTTONS — dark bg, white text
   ============================================= */
html.dark-theme .woocommerce ul.products li.product .button {
    background-color: #333 !important;
    color: #ffffff !important;
}
html.dark-theme .woocommerce ul.products li.product .button:hover {
    background-color: #444 !important;
}

/* =============================================
   CHECKOUT FORM (dz-lux-*) — dark input fields
   ============================================= */
html.dark-theme .dz-lux-input,
html.dark-theme .dz-lux-select {
    background-color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
    color: #ffffff !important;
}
html.dark-theme .dz-lux-input:focus,
html.dark-theme .dz-lux-select:focus {
    border-color: #666 !important;
    outline: none !important;
}
html.dark-theme .dz-lux-input::placeholder {
    color: #a3a3a3 !important;
    opacity: 1 !important;
}
html.dark-theme .dz-lux-field-group {
    background-color: transparent !important;
}
html.dark-theme .dz-lux-section-title {
    color: #ffffff !important;
}

/* =============================================
   SIZE GUIDE TABLES — black/gray alternating rows
   ============================================= */
html.dark-theme .sg-table thead th {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}
html.dark-theme .sg-table tbody tr:nth-child(odd) {
    background-color: #1a1a1a !important;
}
html.dark-theme .sg-table tbody tr:nth-child(even) {
    background-color: #252525 !important;
}
html.dark-theme .sg-table tbody td {
    color: #d1d5db !important;
    border-bottom-color: #333 !important;
}
html.dark-theme .sg-table tbody td:first-child {
    color: #ffffff !important;
}

/* =============================================
   CONTACT CARDS — fix white container bg
   ============================================= */
html.dark-theme .elementor-widget-icon-box {
    background-color: #1e1e1e !important;
    border-radius: 12px;
}

html.dark-theme .ship-box-lux {
    background-color: #252525 !important;
    border-color: #3c3c3c !important;
    color: #e5e7eb !important;
}

html.dark-theme .ship-box-lux.active {
    border-color: #bf7e7e !important;
    background-color: #1e1e1e !important;
}

html.dark-theme .ct-search-form-inner,
html.dark-theme .ct-search-form-inner.ct-pseudo-input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. إلغاء الإطار (Border) والحدود حول حقل إدخال النص الداخلي */
html.dark-theme #search-modal input[type="search"],
html.dark-theme .ct-search-form-inner input,
html.dark-theme .ct-search-form-inner input[type="search"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important; /* إلغاء الـ Stroke الداخلي */
    outline: none !important; /* إلغاء إطار التركيز عند الكتابة */
    box-shadow: none !important;
}

html.dark-theme .elementor-element-bb4cd5a,
html.dark-theme .elementor-element-bb4cd5a *,
html.dark-theme .elementor-element-bb4cd5a .elementor-heading-title,
html.dark-theme .elementor-element-bb4cd5a h1,
html.dark-theme .elementor-element-bb4cd5a h2,
html.dark-theme .elementor-element-bb4cd5a p {
    color: #ffffff !important;
}

/* 2. إصلاح الزر قبل الهوفر (خلفية بيضاء صلبة ونص أخضر) */
html.dark-theme .elementor-element-bfada2f .elementor-button,
html.dark-theme .elementor-element-bfada2f a.elementor-button-link,
html.dark-theme .elementor-element-bfada2f .elementor-button-wrapper a {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 30px !important;
    transition: all 0.3s ease !important;
}

html.dark-theme .elementor-element-bfada2f .elementor-button-text,
html.dark-theme .elementor-element-bfada2f a .elementor-button-text {
    color: #0b4d3c !important; /* اللون الأخضر الزيتي */
    transition: all 0.3s ease !important;
}

/* 3. تأثير الهوفر (تحول الزر إلى الذهبي مع نص أبيض) */
html.dark-theme .elementor-element-bfada2f .elementor-button:hover,
html.dark-theme .elementor-element-bfada2f a.elementor-button-link:hover {
    background-color: #C5A059 !important; /* اللون الذهبي */
    background: #C5A059 !important;
    border-color: #C5A059 !important;
}

html.dark-theme .elementor-element-bfada2f .elementor-button:hover .elementor-button-text,
html.dark-theme .elementor-element-bfada2f a.elementor-button-link:hover .elementor-button-text {
    color: #ffffff !important;
}

html.dark-theme .elementor-element-4ffecc2 .elementor-button,
html.dark-theme .elementor-element-4ffecc2 a.elementor-button-link,
html.dark-theme .elementor-element-4ffecc2 .elementor-button-text {
    color: #000000 !important; /* لون النص أسود ليظهر بوضوح */
}

/* 2. ضبط لون النص أو الخلفية عند التمرير (Hover) */
html.dark-theme .elementor-element-4ffecc2 .elementor-button:hover,
html.dark-theme .elementor-element-4ffecc2 a.elementor-button-link:hover {
    background-color: #C5A059 !important; /* خلفية ذهبية عند الهوفر */
    border-color: #C5A059 !important;
}

html.dark-theme .elementor-element-4ffecc2 .elementor-button:hover .elementor-button-text,
html.dark-theme .elementor-element-4ffecc2 a.elementor-button-link:hover .elementor-button-text {
    color: #ffffff !important; /* نص أبيض عند الهوفر */
}

/* =============================================
   FIX: 404 PAGE TEXT & SEARCH FORM (DARK MODE ONLY)
   ============================================= */

/* 1. توضيح النص أسفل العنوان فقط في الوضع الداكن */
html.dark-theme.error404 .page-description,
html.dark-theme.error404 .page-description *,
html.dark-theme section.ct-no-results .page-description,
html.dark-theme section.ct-no-results .page-description * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 0.9 !important;
}

/* 2. تحسين خلفية حقل البحث وإطاره في الوضع الداكن فقط */
html.dark-theme.error404 .entry-content .ct-search-form-inner,
html.dark-theme section.ct-no-results .ct-search-form-inner {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    border: 1px solid #444444 !important;
    border-radius: 8px !important;
}

/* 3. توضيح نص إدخال البحث ونص الـ Placeholder في الوضع الداكن فقط */
html.dark-theme.error404 .entry-content input[type="search"],
html.dark-theme section.ct-no-results input[type="search"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
}

html.dark-theme.error404 .entry-content input[type="search"]::placeholder,
html.dark-theme section.ct-no-results input[type="search"]::placeholder {
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
}

/* 4. توضيح أيقونة/زر البحث في الوضع الداكن فقط */
html.dark-theme.error404 .entry-content button[type="submit"],
html.dark-theme section.ct-no-results button[type="submit"],
html.dark-theme section.ct-no-results button[type="submit"] svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* =============================================
  DROPDOWN SELECTS & OPTIONS (DARK MODE)
   ============================================= */

/* 1. القوائم المنسدلة الافتراضية وخياراتها (Select & Options) */
html.dark-theme select,
html.dark-theme select option {
    background-color: #222222 !important;
    color: #ffffff !important;
}

/* 2. قائمة ترتيب/فرز المنتجات في صفحة المتجر */
html.dark-theme .woocommerce-ordering select,
html.dark-theme .woocommerce-ordering select option {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* 3. القوائم المنسدلة المتقدمة (Select2 / SelectWoo) لقائمة الولايات والبلديات */
html.dark-theme .select2-container--default .select2-selection--single,
html.dark-theme .select2-dropdown,
html.dark-theme .select2-results__option {
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

/* لون النص داخل الخيار المحدد حالياً */
html.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}

/* لون الخيار عند تمرير الماوس عليه (Hover/Highlighted) */
html.dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected],
html.dark-theme .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #C5A059 !important; /* اللون الذهبي الخاص بمتجرك */
    color: #ffffff !important;
}

/* حقل البحث الداخلي لقائمة الولايات إن وجد */
html.dark-theme .select2-search--dropdown .select2-search__field {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* إلغاء جميع الخلفيات والحدود والأظلال للرسالة */
div.wpforms-confirmation-container-full,
div.wpforms-confirmation-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 20px 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* تنسيق النص فقط */
div.wpforms-confirmation-container p {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    /* اللون في الوضع المضيء */
    color: #0d3b2e !important; 
}

/* لون النص في الوضع الليلي */
html.dark-theme div.wpforms-confirmation-container p {
    color: #ffffff !important;
}


html.dark-theme .woocommerce-variation-availability .stock {
    color: #ffffff !important;
}
html.dark-theme .qty-stepper-lux {
    background-color: #2a2a2a !important; /* رمادي يتناسب مع الخلفية السوداء */
    border-color: rgba(255, 255, 255, 0.1) !important; /* اختيار اختياري للحدود */
}

/* جعل الرقم في المنتصف باللون الأبيض */
html.dark-theme .qty-stepper-lux .qty-value {
    color: #ffffff !important;
}

/* جعل أزرار الزيادة والنقصان والأيقونات داخلها باللون الأبيض */
html.dark-theme .qty-stepper-lux .qty-btn {
    color: #ffffff !important;
    background-color: transparent !important; /* لضمان اندماج خلفية الأزرار مع الحاوية */
}

/* =============================================
   SIZE GUIDE (sg-*) — visual points, tables, FAQ
   ============================================= */
html.dark-theme .sg-visual__point-text h4,
html.dark-theme .sg-visual__point-text p,
html.dark-theme .sg-table-wrap__label,
html.dark-theme .sg-tables__heading,
html.dark-theme .sg-faq__heading,
html.dark-theme .sg-faq__question,
html.dark-theme .sg-faq__answer-inner {
    color: #ffffff !important;
}

html.dark-theme .sg-table-wrap {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

html.dark-theme .sg-faq__toggle {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

html.dark-theme .sg-faq__toggle::before,
html.dark-theme .sg-faq__toggle::after {
    background: #ffffff !important;
}

html.dark-theme .sg-faq__item[open] .sg-faq__question {
    color: #C5A059 !important;
}

/* =============================================
   HERITAGE SECTION — dark bg, white text
   ============================================= */
html.dark-theme #heritage-section-wrapper .hs-text,
html.dark-theme #heritage-section-wrapper .hs-main-title {
    color: #ffffff !important;
}

html.dark-theme #heritage-section-wrapper .hs-container {
    background-color: #1e1e1e !important;
}

/* Preserve gold accents in heritage section */
html.dark-theme #heritage-section-wrapper .hs-subtitle,
html.dark-theme #heritage-section-wrapper .hs-quote-icon,
html.dark-theme #heritage-section-wrapper .hs-btn {
    color: #C5A059 !important;
    fill: #C5A059 !important;
}
html.dark-theme #heritage-section-wrapper .hs-btn {
    background-color: #C5A059 !important;
    color: #ffffff !important;
}

/* =============================================
   SOCIAL SIDEBAR CARD — dark bg, white text
   ============================================= */
html.dark-theme .social-sidebar-card {
    background-color: #1e1e1e !important;
}

html.dark-theme .social-sidebar-title,
html.dark-theme .social-label {
    color: #ffffff !important;
}

html.dark-theme .social-link-item {
    background-color: #252525 !important;
    color: #ffffff !important;
    border-color: #333 !important;
    box-shadow: none !important;
}
html.dark-theme .social-link-item:hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.5) !important;
}
html.dark-theme .social-sidebar-title {
    border-bottom-color: #333 !important;
}

/* =============================================
   WPForms
   ============================================= */
html.dark-theme .wpforms-field-label,
html.dark-theme .wpforms-field-label-inline,
html.dark-theme .wpforms-field-sublabel {
    color: #ffffff !important;
}

html.dark-theme .wpforms-container {
    background-color: transparent !important;
}

/* =============================================
   STAR RATINGS
   ============================================= */
html.dark-theme .star-rating,
html.dark-theme .star-rating span {
    color: #C5A059 !important;
}

/* =============================================
   GREEN TEXT REMOVAL — override green accent on text
   ============================================= */
html.dark-theme .woocommerce div.product .product_title,
html.dark-theme .elementor-heading-title a,
html.dark-theme .elementor-widget-heading .elementor-heading-title a,
html.dark-theme h1, html.dark-theme h2,
html.dark-theme h3, html.dark-theme h4,
html.dark-theme h5, html.dark-theme h6,
html.dark-theme h1 a, html.dark-theme h2 a,
html.dark-theme h3 a, html.dark-theme h4 a,
html.dark-theme h5 a, html.dark-theme h6 a {
    color: #ffffff !important;
}

/* Solid green buttons — keep green; white buttons — readable text */
html.dark-theme .elementor-button {
    color: #ffffff !important;
}

html.dark-theme .wp-block-button__link {
    color: #ffffff !important;
}

/* =============================================
    QUANTITY BUTTONS (+/-) — dark mode
    ============================================= */
html.dark-theme .qty-btn {
    color: #e5e7eb !important;
    background-color: #333 !important;
    border-radius: 4px;
}
html.dark-theme .qty-btn:hover {
    color: #ffffff !important;
    background-color: #444 !important;
}

/* =============================================
    OUT OF STOCK BADGE — readable in dark mode
    ============================================= */
html.dark-theme .out-of-stock-badge {
    color: #e5e7eb !important;
    background-color: #333 !important;
}

/* =============================================
    CHECKOUT FORM COLUMN — dark bg
    ============================================= */
html.dark-theme .dz-lux-column-form {
    background-color: transparent !important;
}

/* =============================================
    CONTACT CONTAINER — fix white bg, shadow, bg consistency
    ============================================= */
html.dark-theme .e-con:has(.elementor-widget-icon-box) {
    background-color: #1e1e1e !important;
    box-shadow: none !important;
}
html.dark-theme [data-id="fc19a3e"] {
    background-color: #121212 !important;
}

/* =============================================
    CART PAGE — fix white bg, shadows
    ============================================= */
html.dark-theme .woocommerce-cart .woocommerce,
html.dark-theme .woocommerce-cart-form,
html.dark-theme .cart_totals,
html.dark-theme .woocommerce-cart .cart-collaterals,
html.dark-theme .woocommerce-cart .cross-sells {
    background-color: transparent !important;
    box-shadow: none !important;
}


html.dark-theme table.shop_table.cart,
html.dark-theme table.shop_table.cart tr,
html.dark-theme table.shop_table.cart th,
html.dark-theme table.shop_table.cart td {
    background: transparent !important;
    background-color: transparent !important;
}


html.dark-theme table.shop_table.cart td,
html.dark-theme table.shop_table.cart th {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 1. إصلاح الخلية السفلى والأزرار ومدخل القسيمة (Actions Row) */
html.dark-theme td.actions,
html.dark-theme td.actions .coupon {
    background: transparent !important;
}

/* إظهار مدخل رمز القسيمة بشكل واضح */
html.dark-theme td.actions input[type="text"]#coupon_code,
html.dark-theme td.actions .input-text {
    background-color: #1e1e1e !important;
    border: 1px solid #3c3c3c !important;
    color: #ffffff !important;
}

/* إصلاح أزرار تطبيق القسيمة وتحديث السلة */
html.dark-theme td.actions button,
html.dark-theme td.actions input[type="submit"],
html.dark-theme td.actions .button {
    background-color: #2b2b2b !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

html.dark-theme td.actions button:hover,
html.dark-theme td.actions input[type="submit"]:hover,
html.dark-theme td.actions .button:hover {
    background-color: #c5a46d !important; /* اللون الذهبي عند التمرير */
    color: #ffffff !important;
}

/* 2. جعل جدول "إجمالي سلة المشتركات" (الجدول السفلي) شفافاً بالكامل */
html.dark-theme .cart-collaterals,
html.dark-theme .cart_totals,
html.dark-theme .cart_totals table.shop_table,
html.dark-theme .cart_totals table.shop_table tr,
html.dark-theme .cart_totals table.shop_table th,
html.dark-theme .cart_totals table.shop_table td {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

/* توحيد ألوان نصوص وأسعار الجدول السفلي */
html.dark-theme .cart_totals th,
html.dark-theme .cart_totals td,
html.dark-theme .cart_totals .amount {
    color: #ffffff !important;
}

/* إصلاح زر التحديث داخل حاسبة الشحن في السلة */
html.dark-theme .shipping-calculator-form button[type="submit"],
html.dark-theme .shipping-calculator-form .button,
html.dark-theme button[name="calc_shipping"] {
    background-color: #2b2b2b !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* تأثير التمرير (Hover) بنفس اللون الذهبي المعتمد لديك */
html.dark-theme .shipping-calculator-form button[type="submit"]:hover,
html.dark-theme .shipping-calculator-form .button:hover,
html.dark-theme button[name="calc_shipping"]:hover {
    background-color: #c5a46d !important;
    color: #ffffff !important;
}

/* 1. تنظيف الحاويات وتفريغ خلفياتها */
html.dark-theme .custom-swatches-container,
html.dark-theme .variations .value {
    background: transparent !important;
}

/* 2. تخصيص أزرار المقاسات فقط (تحديد عناصر النص) */
html.dark-theme .custom-swatches-container .swatch:not([data-value*="#"]):not([style*="background"]) {
    background-color: #2b2b2b !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* المقاس المختار */
html.dark-theme .custom-swatches-container .swatch.selected:not([data-value*="#"]):not([style*="background"]) {
    background-color: #c5a46d !important;
    border-color: #c5a46d !important;
    color: #ffffff !important;
}

/* 3. استثناء وحماية أزرار الألوان (Color Swatches) لإرجاع ألوانها الحقيقية */
html.dark-theme .custom-swatches-container .swatch[style*="background"],
html.dark-theme .custom-swatches-container .swatch[data-type="color"] {
    background-color: initial !important; /* إلغاء الرمادي وإرجاع اللون الأصلي */
    border: 2px solid #555555 !important;
}

html.dark-theme .custom-swatches-container .swatch[style*="background"].selected,
html.dark-theme .custom-swatches-container .swatch[data-type="color"].selected {
    border: 2px solid #c5a46d !important; /* تحديد اللون المختار بإطار ذهبي */
}

/* استهداف جميع المقاسات السابقة والمستقبلية دفعة واحدة */
.swatch-item[data-value*="s"],
.swatch-item[data-value*="m"],
.swatch-item[data-value*="l"],
.swatch-item[data-value*="x"],
.swatch-item[data-value*="1"],
.swatch-item[data-value*="2"],
.swatch-item[data-value*="3"],
.swatch-item[data-value*="4"],
.swatch-item[data-value*="5"],
.swatch-item[data-value*="6"],
.swatch-item[data-value*="7"],
.swatch-item[data-value*="8"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* حالة الهوفر والتحديد لكل المقاسات */
.swatch-item[data-value*="s"]:hover, .swatch-item[data-value*="s"].selected,
.swatch-item[data-value*="m"]:hover, .swatch-item[data-value*="m"].selected,
.swatch-item[data-value*="l"]:hover, .swatch-item[data-value*="l"].selected,
.swatch-item[data-value*="x"]:hover, .swatch-item[data-value*="x"].selected,
.swatch-item[data-value*="1"]:hover, .swatch-item[data-value*="1"].selected,
.swatch-item[data-value*="2"]:hover, .swatch-item[data-value*="2"].selected,
.swatch-item[data-value*="3"]:hover, .swatch-item[data-value*="3"].selected,
.swatch-item[data-value*="4"]:hover, .swatch-item[data-value*="4"].selected,
.swatch-item[data-value*="5"]:hover, .swatch-item[data-value*="5"].selected,
.swatch-item[data-value*="6"]:hover, .swatch-item[data-value*="6"].selected,
.swatch-item[data-value*="7"]:hover, .swatch-item[data-value*="7"].selected,
.swatch-item[data-value*="8"]:hover, .swatch-item[data-value*="8"].selected {
    background-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 2. stock */
html.dark-theme .woocommerce-variation-single-element,
html.dark-theme .woocommerce-variation-availability,
html.dark-theme .stock,
html.dark-theme .in-stock {
    color: #e0e0e0 !important; /* لون فاتح واضح وقابل للقراءة */
    font-weight: 500 !important;
}

/* الحاوية الرئيسية بالخلفية البيضاء */
.qty-container {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff; /* خلفية الحاوية بيضاء */
  padding: 4px 6px;
  border-radius: 30px; /* زوايا منحنية للزر الكامل */
  width: 110px; /* يمكن تعديل العرض حسب الحاجة */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* ظل خفيفاختياري */
}

/* المربع الصغير (+ و -) */
.qty-btn {
  background-color: #555555; /* رمادي خفيف/متوسط ليظهر الرمز الأبيض بوضوح */
  color: #ffffff; /* رمز + و - باللون الأبيض */
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 6px; /* مربع صغير بزوايا منحنية خفيفة */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.qty-btn:hover {
  background-color: #333333; /* استجابة عند التمرير */
}

/* الرقم / الكمية في الوسط */
.qty-value {
  color: #000000; /* لون الكمية أسود واضح */
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  min-width: 24px;
}

/* 1. تمديد الخلفية الخضراء حصرًا للأسفل لتنزل خلف منتصف البطاقة */
html.dark-theme .page-id-695 .elementor-element-de35d05 {
    padding-bottom: 100px !important; /* زِد أو قلّل القيمة لضبط نزول اللون الأخضر لأسفل */
}

/* 2. ضبط البطاقة (مقاساتها ونسبة الهبوط السلبي الخفيف) */
html.dark-theme .page-id-695 .elementor-element-1082e59 {
    background-color: #1e1e1e !important;
    border-radius: 20px !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5) !important;
    
    /* هامش علوي بسيط لمنع التداخل مع عنوان "تواصل معنا" */
    margin-top: -100px !important; 
    position: relative !important;
    z-index: 10 !important;
}

/* 3. الحفاظ على المقاسات الداخلية المثالية للبطاقة */
html.dark-theme .page-id-695 .elementor-element-1082e59 > .e-con-inner {
    padding: 30px 40px !important;
    min-height: auto !important;
    align-items: center !important;
    gap: 20px !important;
}

/* 4. توحيد خلفية القسم السفلي بالكامل باللون الداكن */
html.dark-theme .page-id-695 .elementor-element-fc19a3e {
    background-color: #121212 !important;
}

/* =============================================
    HERO SECTION — preserve light mode colors
    ============================================= */
html.dark-theme [data-id="bb4cd5a"] .elementor-heading-title,
html.dark-theme [data-id="bb4cd5a"] .elementor-widget-text-editor,
html.dark-theme [data-id="bb4cd5a"] .elementor-widget-text-editor p,
html.dark-theme [data-id="bb4cd5a"] .elementor-button-text {
    color: revert !important;
}
html.dark-theme [data-id="bb4cd5a"] .elementor-button {
    background-color: revert !important;
    color: revert !important;
}
html.dark-theme .qty-container .qty-value,
html.dark-theme .qty-value,
.qty-container .qty-value {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* =============================================
   FIX: QUANTITY & ADD TO CART BUTTONS (BLOCKSY)
   ============================================= */

/* 1. تحسين زر زيادة ونقصان الكمية (ct-increase & ct-decrease) */
html.dark-theme .quantity span.ct-increase,
html.dark-theme .quantity span.ct-decrease,
html.dark-theme .quantity .ct-increase,
html.dark-theme .quantity .ct-decrease {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. تصحيح لون الأيقونات (+ و -) وإلغاء الخلفية البيضاء عنها */
html.dark-theme .quantity span.ct-increase::before,
html.dark-theme .quantity span.ct-decrease::before,
html.dark-theme .quantity span.ct-increase::after,
html.dark-theme .quantity span.ct-decrease::after,
html.dark-theme .quantity .ct-increase svg,
html.dark-theme .quantity .ct-decrease svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    background-color: transparent !important; /* إلغاء الخلفية البيضاء المسببة للمشكلة */
}

/* 3. تأثير التمرير (Hover) على أزرار الكمية */
html.dark-theme .quantity span.ct-increase:hover,
html.dark-theme .quantity span.ct-decrease:hover {
    background-color: #C5A059 !important; /* اللون الذهبي */
    border-color: #C5A059 !important;
}

/* 4. تحسين حقل إدخال رقم الكمية بين الأزرار */
html.dark-theme .quantity input[type="number"],
html.dark-theme .quantity input.qty {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* إصلاح لون عناوين نتائج البحث في الوضع الداكن */
html.dark-theme .search-results .entry-title a,
html.dark-theme .search .entry-title a,
html.dark-theme h2.entry-title a {
    color: #1b4b36 !important; /* اللون الأخضر الخاص بـ "القصر الذهبي" */
}

/* في حال حركت الماوس فوق العنوان (Hover) */
html.dark-theme .search-results .entry-title a:hover,
html.dark-theme .search .entry-title a:hover,
html.dark-theme h2.entry-title a:hover {
    color: #143728 !important; /* درجة أخضر أغمق قليلاً عند التمرير */
}

/* 5. تحسين زر الطلب السريع / إضافة إلى السلة الرئيسي */
html.dark-theme .single_add_to_cart_button,
html.dark-theme .ct-cart-actions button,
html.dark-theme .woocommerce-variation-add-to-cart .button {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

html.dark-theme .single_add_to_cart_button:hover,
html.dark-theme .ct-cart-actions button:hover {
    background-color: #C5A059 !important;
    color: #ffffff !important;
    border-color: #C5A059 !important;
}

html.dark-theme .shipping-page-block_table-head,
html.dark-theme div[style*="overflow-x"] table thead tr {
    background-color: #0F2C23 !important;
    color: #ffffff !important;
}

html.dark-theme div[style*="overflow-x"] table thead th {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-theme div[style*="overflow-x"] table tbody tr {
    background-color: #181818 !important;
}

html.dark-theme div[style*="overflow-x"] table tbody tr:nth-child(even) {
    background-color: #222222 !important;
}

/* تأثير التمرير (Hover) */
html.dark-theme div[style*="overflow-x"] table tbody tr:hover {
    background-color: #2a2a2a !important;
}

/* 3. توضيح نصوص الخلايا والحدود بينها */
html.dark-theme div[style*="overflow-x"] table tbody td,
html.dark-theme div[style*="overflow-x"] table tbody td.wilaya,
html.dark-theme div[style*="overflow-x"] table tbody td.duration,
html.dark-theme div[style*="overflow-x"] table tbody td.rate {
    color: #f0f0f0 !important;
    -webkit-text-fill-color: #f0f0f0 !important;
    border: 1px solid #333333 !important;
}

html.dark-theme .shipping-page-block__notes {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

html.dark-theme .shipping-page-block__notes-title {
    color: #C5A059 !important;
    -webkit-text-fill-color: #C5A059 !important;
}

html.dark-theme .shipping-page-block__notes-list li,
html.dark-theme .shipping-page-block__notes-list li span {
    color: #d1d5db !important;
    -webkit-text-fill-color: #d1d5db !important;
}

html.dark-theme .shipping-page-block__notes-list li strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =============================================
   C18 ORDER TRACKING — Dark Mode (Green Accent)
   ============================================= */


html.dark-theme .c18-details-card {
    background-color: #1e1e1e !important;
    border: 1px solid #2e2e2e !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}


html.dark-theme .c18-details-card h4,
html.dark-theme .c18-details-card .c18-dc-label[style*="font-weight"] {
    color: #10b981 !important; 
}


html.dark-theme .c18-dc-label {
    color: #9ca3af !important; 
}

html.dark-theme .c18-dc-value {
    color: #ffffff !important;
    font-weight: 600;
}


html.dark-theme .c18-dc-row {
    border-bottom-color: #2e2e2e !important;
}


html.dark-theme .c18-tracking-pill {
    background-color: rgba(16, 185, 129, 0.1) !important; 
    color: #10b981 !important; 
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

html.dark-theme .c18-tracking-pill svg {
    stroke: #10b981 !important;
}


html.dark-theme .c18-item-badge {
    background-color: #252525 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
}

html.dark-theme .c18-ib-attrs {
    color: #10b981 !important; 
}


html.dark-theme .c18-timeline {
    border-color: #2e2e2e !important;
}

html.dark-theme .c18-tl-dot {
    background-color: #252525 !important;
    border-color: #444444 !important;
    color: #9ca3af !important;
}

html.dark-theme .c18-tl-step.done .c18-tl-dot,
html.dark-theme .c18-tl-step.active .c18-tl-dot {
    background-color: #0f382c !important; 
    border-color: #10b981 !important;
    color: #10b981 !important;
}

html.dark-theme .c18-tl-label {
    color: #d1d5db !important;
}

html.dark-theme .c18-tl-step.active .c18-tl-label {
    color: #10b981 !important; 
    font-weight: bold;
}

html.dark-theme .c18-tl-date {
    color: #888888 !important;
}

/* =============================================
   FIX THANK YOU PAGE (DARK MODE ONLY)
   ============================================= */


html.dark-theme .woocommerce-notice--success,
html.dark-theme .woocommerce-notice--thankyou {
    background-color: #1e1e1e !important; /* خلفية داكنة متناسقة */
    color: #ffffff !important;            /* النص باللون الأبيض الصريح */
    border: 1px solid #333333 !important;  /* إطار خفيف للتحديد */
    border-radius: 8px !important;
}

html.dark-theme .woocommerce-order,
html.dark-theme .woocommerce-order-received .woocommerce-order,
html.dark-theme .entry-content .woocommerce {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}




html.dark-theme table.shop_table.order_details,
html.dark-theme table.shop_table.order_details thead,
html.dark-theme table.shop_table.order_details tbody,
html.dark-theme table.shop_table.order_details tfoot,
html.dark-theme table.shop_table.order_details tr,
html.dark-theme table.shop_table.order_details th,
html.dark-theme table.shop_table.order_details td {
    background: transparent !important;
    background-color: transparent !important;
}


html.dark-theme table.shop_table.order_details th,
html.dark-theme table.shop_table.order_details td {
    border-bottom: 1px solid #2a2a2a !important; /* خط فاصل ناعم وشفاف */
}

html.dark-theme table.shop_table.order_details td a,
html.dark-theme table.shop_table.order_details .amount {
    color: #ffffff !important;
}