/* ==========================================================
   ==========================================================
   ROWNIQ / RAWNAG STORE
   ZID BLACK THEME — SMART SAFE UNIFIED CSS

   نسخة جديدة كاملة مبنية على كل المشاكل السابقة

   تشمل:
   01) إصلاح وتجميل ملصقات المنتجات
   02) وضع الملصقات أعلى يسار الصورة
   03) إظهار أسعار بطاقات المنتجات
   04) الحفاظ على السعر الرئيسي بصفحة المنتج
   05) تنسيق التخفيض والسعر السابق
   06) تحسين المقاسات والألوان
   07) إصلاح لون عداد الكمية
   08) الحفاظ على أزرار الشراء
   09) تنسيق المخزون المتبقي إذا وفره الثيم
   10) تنسيق عدد مرات الشراء إذا وفره الثيم
   11) تنسيق عدد المشاهدين إذا وفره الثيم
   12) تحسين نفاد المخزون والتنبيه عند التوفر
   13) تحسين التقييمات والمفضلة والمشاركة
   14) تحسين SKU
   15) الحفاظ على وصف المنتج
   16) إخفاء قائمة المتغيرات التلقائية المتكررة بذكاء
   17) عدم إخفاء أي جدول مستقبلي عادي
   18) تحسين الشعار الشفاف بحجم آمن
   19) عدم التدخل في الفيديو
   20) تحسين الجوال
   21) حماية الهيدر والسلة واللغة والقائمة

   هذه النسخة لا تستخدم المحددات الخطرة السابقة مثل:

   a[href*="/cart"]
   button[type="submit"]
   [class*="checkout"]
   header a
   header button
   header [class*="logo"]

   وذلك لتجنب:
   - تضخم أيقونة السلة
   - ظهور مربعات سوداء
   - تلف اللغة
   - تشوه الهيدر
   - تضخم الشعار
   ==========================================================
   ========================================================== */


/* ==========================================================
   0) هوية وألوان المتجر
   ========================================================== */

:root {
    --rowniq-black: #111111;
    --rowniq-pure-black: #000000;
    --rowniq-white: #ffffff;

    --rowniq-text: #111111;
    --rowniq-muted: #777777;
    --rowniq-light-text: #999999;

    --rowniq-border: #dedede;
    --rowniq-soft-border: rgba(17, 17, 17, 0.10);

    --rowniq-soft-bg: #f8f8f8;

    --rowniq-badge-bg: rgba(255, 255, 255, 0.91);

    --rowniq-shadow:
        0 4px 16px rgba(0, 0, 0, 0.07);
}


/* ==========================================================
   1) ملصقات المنتجات

   مثل:
   - منتج مميز
   - يباع سريعاً
   - مخفض

   التصميم:
   - أعلى يسار الصورة
   - صغير وراقي
   - شبه شفاف
   - لا يحجب وسط المنتج
   ========================================================== */

.badge-name,
.badge-name-product-card {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;

    position: absolute !important;

    top: 10px !important;
    left: 10px !important;
    right: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 65px) !important;

    height: auto !important;
    min-height: 25px !important;
    max-height: none !important;

    padding: 4px 9px !important;
    margin: 0 !important;

    background: var(--rowniq-badge-bg) !important;
    background-color: var(--rowniq-badge-bg) !important;
    background-image: none !important;

    color: var(--rowniq-text) !important;

    border: 1px solid var(--rowniq-soft-border) !important;
    border-radius: 999px !important;

    box-shadow: var(--rowniq-shadow) !important;

    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;

    filter: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;

    z-index: 20 !important;

    pointer-events: none !important;
}


/* نص الملصق */

.badge-name span,
.badge-name p,
.badge-name strong,

.badge-name-product-card span,
.badge-name-product-card p,
.badge-name-product-card strong {
    color: var(--rowniq-text) !important;

    background: transparent !important;
    background-color: transparent !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


/* أيقونة الملصق */

.badge-name svg,
.badge-name-product-card svg {
    width: 12px !important;
    height: 12px !important;

    min-width: 12px !important;

    color: var(--rowniq-text) !important;

    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* إزالة التأثيرات السوداء القديمة */

.badge-name::before,
.badge-name::after,

.badge-name-product-card::before,
.badge-name-product-card::after {
    content: none !important;

    display: none !important;

    background: transparent !important;

    box-shadow: none !important;
    filter: none !important;
}


/* ==========================================================
   2) إظهار أسعار المنتجات داخل بطاقات المنتجات فقط

   لا يمتد إلى وصف المنتج.
   ========================================================== */

.product-card .price,
.product-card .product-price,

.product-item .price,
.product-item .product-price,

[class*="product-card"] .price,
[class*="product-card"] .product-price,

[class*="product-item"] .price,
[class*="product-item"] .product-price {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;
    max-height: none !important;

    color: var(--rowniq-text) !important;

    font-weight: 600 !important;
}


/* ==========================================================
   3) السعر الرئيسي داخل صفحة المنتج

   مهم:
   لا نستهدف .price بشكل عام
   حتى لا تتكرر مشكلة تداخل الأسعار داخل الوصف.
   ========================================================== */

.product-page .product-price,
.product-details .product-price,
.product-info .product-price {
    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    max-height: none !important;

    color: var(--rowniq-text) !important;

    font-weight: 700 !important;
}


/* ==========================================================
   4) السعر القديم وسعر التخفيض

   يعمل فقط إذا كانت العناصر موجودة أصلًا.
   ========================================================== */

.product-card .old-price,
.product-card .compare-price,
.product-card .regular-price,

.product-item .old-price,
.product-item .compare-price,
.product-item .regular-price,

.product-page .old-price,
.product-page .compare-price,

.product-details .old-price,
.product-details .compare-price,

.product-info .old-price,
.product-info .compare-price {
    color: var(--rowniq-light-text) !important;

    text-decoration: line-through !important;

    font-weight: 400 !important;
}


/* السعر الحالي بعد التخفيض */

.product-card .sale-price,
.product-item .sale-price,

.product-page .sale-price,
.product-details .sale-price,
.product-info .sale-price {
    color: var(--rowniq-black) !important;

    font-weight: 700 !important;
}


/* ==========================================================
   5) خيارات المقاس واللون

   لا نجبر عناصر مخفية على الظهور.
   نحسن فقط العناصر التي يعرضها الثيم فعليًا.
   ========================================================== */

.product-page .product-options,
.product-page .variant-options,
.product-page .product-variants,

.product-details .product-options,
.product-details .variant-options,
.product-details .product-variants,

.product-info .product-options,
.product-info .variant-options,
.product-info .product-variants {
    color: var(--rowniq-text) !important;
}


/* أزرار المقاسات والألوان */

.product-page .product-options button,
.product-page .variant-options button,
.product-page .product-variants button,

.product-details .product-options button,
.product-details .variant-options button,
.product-details .product-variants button,

.product-info .product-options button,
.product-info .variant-options button,
.product-info .product-variants button {
    color: var(--rowniq-text) !important;

    background: var(--rowniq-white) !important;
    background-color: var(--rowniq-white) !important;

    border-color: var(--rowniq-border) !important;

    box-shadow: none !important;
}


/* الخيار المحدد */

.product-page .product-options button.active,
.product-page .product-options button.selected,

.product-page .variant-options button.active,
.product-page .variant-options button.selected,

.product-page .product-variants button.active,
.product-page .product-variants button.selected,

.product-details .product-options button.active,
.product-details .product-options button.selected,

.product-details .variant-options button.active,
.product-details .variant-options button.selected,

.product-info .product-options button.active,
.product-info .product-options button.selected,

.product-info .variant-options button.active,
.product-info .variant-options button.selected {
    color: var(--rowniq-white) !important;

    background: var(--rowniq-black) !important;
    background-color: var(--rowniq-black) !important;

    border-color: var(--rowniq-black) !important;
}


/* ==========================================================
   6) إصلاح عداد الكمية

   يحل مشكلة:
   - الرقم الأبيض
   - + و - غير الواضحة
   ========================================================== */

.product-page .product-quantity,
.product-page .quantity,
.product-page .quantity-selector,
.product-page .qty,

.product-details .product-quantity,
.product-details .quantity,
.product-details .quantity-selector,
.product-details .qty,

.product-info .product-quantity,
.product-info .quantity,
.product-info .quantity-selector,
.product-info .qty {
    visibility: visible !important;
    opacity: 1 !important;

    color: var(--rowniq-text) !important;
}


/* أزرار + و - */

.product-page .product-quantity button,
.product-page .quantity button,
.product-page .quantity-selector button,
.product-page .qty button,

.product-details .product-quantity button,
.product-details .quantity button,
.product-details .quantity-selector button,
.product-details .qty button,

.product-info .product-quantity button,
.product-info .quantity button,
.product-info .quantity-selector button,
.product-info .qty button {
    color: var(--rowniq-text) !important;

    background: var(--rowniq-white) !important;
    background-color: var(--rowniq-white) !important;

    border: 1px solid #bdbdbd !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: none !important;
    filter: none !important;

    -webkit-text-fill-color: var(--rowniq-text) !important;
}


/* رقم الكمية */

.product-page .product-quantity input,
.product-page .quantity input,
.product-page .quantity-selector input,
.product-page .qty input,

.product-details .product-quantity input,
.product-details .quantity input,
.product-details .quantity-selector input,
.product-details .qty input,

.product-info .product-quantity input,
.product-info .quantity input,
.product-info .quantity-selector input,
.product-info .qty input {
    color: var(--rowniq-text) !important;

    background: var(--rowniq-white) !important;
    background-color: var(--rowniq-white) !important;

    opacity: 1 !important;
    visibility: visible !important;

    -webkit-text-fill-color: var(--rowniq-text) !important;

    text-align: center !important;

    border-color: #bdbdbd !important;
}


/* ==========================================================
   7) أزرار الشراء داخل صفحة المنتج فقط

   لا تؤثر على:
   - سلة الهيدر
   - اللغة
   - القائمة
   - الحساب
   ========================================================== */

.product-page .add-to-cart,
.product-details .add-to-cart,
.product-info .add-to-cart,

.product-page .buy-now,
.product-details .buy-now,
.product-info .buy-now {
    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    max-height: none !important;

    box-shadow: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease !important;
}


/* زر أضف إلى السلة */

.product-page .add-to-cart,
.product-details .add-to-cart,
.product-info .add-to-cart {
    background: var(--rowniq-pure-black) !important;
    background-color: var(--rowniq-pure-black) !important;

    color: var(--rowniq-white) !important;

    border: 1px solid var(--rowniq-pure-black) !important;
}


/* زر اشتر الآن */

.product-page .buy-now,
.product-details .buy-now,
.product-info .buy-now {
    background: var(--rowniq-white) !important;
    background-color: var(--rowniq-white) !important;

    color: var(--rowniq-text) !important;

    border: 1px solid var(--rowniq-text) !important;
}


/* ==========================================================
   8) المخزون المتبقي

   لا ينشئ الكود أي رقم وهمي.
   ينسق العنصر فقط إذا وفره ثيم Black.
   ========================================================== */

.product-page .stock,
.product-page .stock-status,
.product-page .low-stock,
.product-page .remaining-stock,
.product-page .inventory-message,

.product-details .stock,
.product-details .stock-status,
.product-details .low-stock,
.product-details .remaining-stock,
.product-details .inventory-message,

.product-info .stock,
.product-info .stock-status,
.product-info .low-stock,
.product-info .remaining-stock,
.product-info .inventory-message {
    color: var(--rowniq-text) !important;

    background: var(--rowniq-soft-bg) !important;
    background-color: var(--rowniq-soft-bg) !important;

    border: 1px solid var(--rowniq-soft-border) !important;
    border-radius: 4px !important;

    padding: 7px 10px !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    box-shadow: none !important;
}


/* ==========================================================
   9) عدد مرات الشراء / Social Proof

   ينسق الميزة إذا وفرها الثيم.
   ========================================================== */

.product-page .sold-count,
.product-page .purchase-count,
.product-page .buyers-count,
.product-page .social-proof,

.product-details .sold-count,
.product-details .purchase-count,
.product-details .buyers-count,
.product-details .social-proof,

.product-info .sold-count,
.product-info .purchase-count,
.product-info .buyers-count,
.product-info .social-proof {
    color: var(--rowniq-muted) !important;

    background: transparent !important;

    border: none !important;

    font-size: 12px !important;
    font-weight: 500 !important;
}


/* ==========================================================
   10) عدد المشاهدين الحاليين

   ينسق الميزة إذا وفرها الثيم.
   ========================================================== */

.product-page .viewers-count,
.product-page .watching-count,
.product-page .visitors-count,

.product-details .viewers-count,
.product-details .watching-count,
.product-details .visitors-count,

.product-info .viewers-count,
.product-info .watching-count,
.product-info .visitors-count {
    color: var(--rowniq-muted) !important;

    background: transparent !important;

    font-size: 12px !important;
    font-weight: 500 !important;
}


/* ==========================================================
   11) نفاد المخزون
   ========================================================== */

.product-page .out-of-stock,
.product-details .out-of-stock,
.product-info .out-of-stock {
    color: #666666 !important;

    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;

    border: 1px solid #dddddd !important;

    box-shadow: none !important;
}


/* ==========================================================
   12) زر أعلمني عند التوفر
   ========================================================== */

.product-page .notify-me,
.product-page .back-in-stock,

.product-details .notify-me,
.product-details .back-in-stock,

.product-info .notify-me,
.product-info .back-in-stock {
    color: var(--rowniq-white) !important;

    background: var(--rowniq-black) !important;
    background-color: var(--rowniq-black) !important;

    border: 1px solid var(--rowniq-black) !important;

    box-shadow: none !important;
}


/* ==========================================================
   13) التقييمات والمراجعات
   ========================================================== */

.product-page .rating,
.product-page .reviews,
.product-page .product-rating,

.product-details .rating,
.product-details .reviews,
.product-details .product-rating,

.product-info .rating,
.product-info .reviews,
.product-info .product-rating {
    color: var(--rowniq-text) !important;
}


/* ==========================================================
   14) المفضلة والمشاركة
   ========================================================== */

.product-page .wishlist,
.product-page .favorite,
.product-page .share,

.product-details .wishlist,
.product-details .favorite,
.product-details .share,

.product-info .wishlist,
.product-info .favorite,
.product-info .share {
    background: transparent !important;

    color: var(--rowniq-text) !important;

    border-color: var(--rowniq-border) !important;

    box-shadow: none !important;
}


/* ==========================================================
   15) رقم المنتج SKU
   ========================================================== */

.product-page .sku,
.product-page .product-sku,

.product-details .sku,
.product-details .product-sku,

.product-info .sku,
.product-info .product-sku {
    color: var(--rowniq-muted) !important;

    font-size: 12px !important;

    background: transparent !important;
}


/* ==========================================================
   16) وصف المنتج

   نحافظ على النصوص الطبيعية.
   لا نخفي أي جدول بشكل عام.
   ========================================================== */

.product-description,
.product-page .description,
.product-details .description,
.product-info .description {
    overflow: visible !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;

    line-height: 1.8 !important;
}


/* الفقرات النصية فقط */

.product-description > p,
.product-page .description > p,
.product-details .description > p,
.product-info .description > p {
    display: block !important;

    position: static !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

    line-height: 1.8 !important;

    transform: none !important;
}


/* ==========================================================
   17) الحل الذكي لمشكلة التكرار أسفل وصف المنتج

   الهدف:
   إخفاء عناصر المتغيرات التلقائية فقط مثل:
   - اللون
   - المقاس
   - السعر المتكرر لكل Variant

   مهم جداً:
   لا توجد هنا أي قاعدة تخفي كل table.

   لذلك جدول مقاسات عادي أو جدول خامات أو عناية
   تضيفينه مستقبلاً لن يختفي لمجرد أنه جدول.
   ========================================================== */


/* -----------------------------------------------
   إخفاء حاويات الـ Variants التلقائية داخل الوصف
   عندما تحتوي أيضاً على عنصر سعر.
   ----------------------------------------------- */

.product-description
:is(
    [class*="variant"],
    [data-variant],
    [data-variant-id],
    [data-product-variant-id]
):has(
    [class*="price"],
    [data-price]
),

.product-page .description
:is(
    [class*="variant"],
    [data-variant],
    [data-variant-id],
    [data-product-variant-id]
):has(
    [class*="price"],
    [data-price]
),

.product-details .description
:is(
    [class*="variant"],
    [data-variant],
    [data-variant-id],
    [data-product-variant-id]
):has(
    [class*="price"],
    [data-price]
),

.product-info .description
:is(
    [class*="variant"],
    [data-variant],
    [data-variant-id],
    [data-product-variant-id]
):has(
    [class*="price"],
    [data-price]
) {
    display: none !important;
}


/* -----------------------------------------------
   إخفاء عناصر Product Options التلقائية داخل الوصف
   فقط عندما تحتوي على السعر أيضاً.
   ----------------------------------------------- */

.product-description
:is(
    [class*="product-option"],
    [class*="option-row"],
    [data-option-id]
):has(
    [class*="price"],
    [data-price]
),

.product-page .description
:is(
    [class*="product-option"],
    [class*="option-row"],
    [data-option-id]
):has(
    [class*="price"],
    [data-price]
),

.product-details .description
:is(
    [class*="product-option"],
    [class*="option-row"],
    [data-option-id]
):has(
    [class*="price"],
    [data-price]
),

.product-info .description
:is(
    [class*="product-option"],
    [class*="option-row"],
    [data-option-id]
):has(
    [class*="price"],
    [data-price]
) {
    display: none !important;
}


/* -----------------------------------------------
   إذا كان ثيم Black يبني جدولاً تلقائياً للـVariants،
   نخفي ذلك الجدول فقط إذا كان بداخله عنصر Variant محدد.

   لا نخفي الجداول الطبيعية.
   ----------------------------------------------- */

.product-description table:has([data-variant-id]),
.product-description table:has([data-product-variant-id]),
.product-description table:has([class*="variant-row"]),
.product-description table:has([class*="product-variant"]),

.product-page .description table:has([data-variant-id]),
.product-page .description table:has([data-product-variant-id]),
.product-page .description table:has([class*="variant-row"]),
.product-page .description table:has([class*="product-variant"]),

.product-details .description table:has([data-variant-id]),
.product-details .description table:has([data-product-variant-id]),
.product-details .description table:has([class*="variant-row"]),
.product-details .description table:has([class*="product-variant"]),

.product-info .description table:has([data-variant-id]),
.product-info .description table:has([data-product-variant-id]),
.product-info .description table:has([class*="variant-row"]),
.product-info .description table:has([class*="product-variant"]) {
    display: none !important;
}


/* -----------------------------------------------
   استهداف حاوية Variants كاملة داخل الوصف
   فقط إذا كانت تحتوي بداخلها على سعر.

   لا يؤثر على جدول مقاسات عادي.
   ----------------------------------------------- */

.product-description
:is(
    [class*="variants-table"],
    [class*="variant-table"],
    [class*="variants-list"],
    [class*="variant-list"]
):has(
    [class*="price"],
    [data-price]
),

.product-page .description
:is(
    [class*="variants-table"],
    [class*="variant-table"],
    [class*="variants-list"],
    [class*="variant-list"]
):has(
    [class*="price"],
    [data-price]
),

.product-details .description
:is(
    [class*="variants-table"],
    [class*="variant-table"],
    [class*="variants-list"],
    [class*="variant-list"]
):has(
    [class*="price"],
    [data-price]
),

.product-info .description
:is(
    [class*="variants-table"],
    [class*="variant-table"],
    [class*="variants-list"],
    [class*="variant-list"]
):has(
    [class*="price"],
    [data-price]
) {
    display: none !important;
}


/* ==========================================================
   18) حماية كاملة للجداول المستقبلية

   لا توجد أي قاعدة مثل:

   table {
       display: none;
   }

   ولا:

   .product-description table {
       display: none;
   }

   لذلك جدول عادي تضيفينه مستقبلاً:
   - جدول المقاسات
   - جدول الخامات
   - جدول العناية
   - جدول القياسات

   سيظل ظاهرًا، إلا إذا كان يحمل فعلياً خصائص Variant
   خاصة بالنظام مثل data-variant-id.
   ========================================================== */


/* لا يوجد CSS عام يخفي الجداول */


/* ==========================================================
   19) شعار المتجر الشفاف

   نسخة آمنة:
   - تحافظ على الشفافية
   - حجم متوازن
   - لا تضخم الهيدر
   - لا تستخدم [class*="logo"]
   ========================================================== */

header .header-logo,
header .store-logo {
    width: auto !important;

    max-width: 220px !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;

    box-shadow: none !important;
    filter: none !important;
}


/* صورة الشعار */

header .header-logo img,
header .store-logo img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 220px !important;
    max-height: 70px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    filter: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    margin: 0 auto !important;
}


/* ==========================================================
   20) صور المنتجات

   لا نفرض عليها:
   - ارتفاع
   - قص
   - object-fit

   نمنع تجاوز العرض فقط.
   ========================================================== */

.product-card img,
.product-item img,
.product-page img,
.product-details img {
    max-width: 100%;
}


/* ==========================================================
   21) الفيديو

   متعمد ألا يوجد أي CSS للفيديو.

   السبب:
   ثيم Black هو المسؤول عن:
   - الارتفاع
   - نسبة العرض
   - موضع النص
   - object-fit
   - طريقة العرض

   وذلك لمنع تكرار مشكلة الفراغ الأبيض الكبير.
   ========================================================== */


/* لا يوجد CSS للفيديو */


/* ==========================================================
   22) المنتجات المقترحة
   ========================================================== */

.related-products,
.recommended-products,
.similar-products {
    overflow: visible !important;
}


/* ==========================================================
   23) منع اختفاء محتويات صفحة المنتج
   ========================================================== */

.product-page,
.product-details,
.product-info {
    overflow: visible !important;
}


/* ==========================================================
   24) تحسينات الجوال والتابلت
   ========================================================== */

@media (max-width: 768px) {

    /* --------------------------------
       الشعار
       -------------------------------- */

    header .header-logo,
    header .store-logo {
        max-width: 170px !important;
    }


    header .header-logo img,
    header .store-logo img {
        width: auto !important;
        height: auto !important;

        max-width: 170px !important;
        max-height: 58px !important;

        object-fit: contain !important;
        object-position: center !important;

        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        box-shadow: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        margin: 0 auto !important;
    }


    /* --------------------------------
       الملصقات
       -------------------------------- */

    .badge-name,
    .badge-name-product-card {
        top: 8px !important;
        left: 8px !important;
        right: auto !important;

        max-width: calc(100% - 55px) !important;

        min-height: 23px !important;

        padding: 4px 8px !important;

        font-size: 9.5px !important;
    }


    .badge-name svg,
    .badge-name-product-card svg {
        width: 11px !important;
        height: 11px !important;

        min-width: 11px !important;
    }


    /* --------------------------------
       معلومات المخزون
       -------------------------------- */

    .product-page .stock,
    .product-page .stock-status,
    .product-page .low-stock,
    .product-page .remaining-stock,
    .product-page .inventory-message,

    .product-details .stock,
    .product-details .stock-status,
    .product-details .low-stock,
    .product-details .remaining-stock,
    .product-details .inventory-message,

    .product-info .stock,
    .product-info .stock-status,
    .product-info .low-stock,
    .product-info .remaining-stock,
    .product-info .inventory-message {
        font-size: 11px !important;

        padding: 6px 8px !important;
    }
}


/* ==========================================================
   25) حماية نهائية للهيدر

   لا توجد أي قواعد عامة تستهدف:

   header a
   header button
   header svg
   header [class*="logo"]

   لذلك تبقى عناصر ثيم Black الأصلية كما هي:

   - السلة
   - الحساب
   - البحث
   - اللغة
   - القائمة
   ========================================================== */


/* ==========================================================
   نهاية الكود
   ROWNIQ / RAWNAG STORE
   ZID BLACK THEME — SMART SAFE UNIFIED CSS
   ========================================================== *//* ==========================================================
   ROWNIQ — FINAL LOGO SIZE OVERRIDE
   تكبير شعار المتجر الحقيقي فقط

   الهدف:
   - الكمبيوتر: حتى 360px
   - الجوال: حتى 230px
   - عدم التأثير على السلة
   - عدم التأثير على الحساب
   - عدم التأثير على البحث
   - عدم التأثير على القائمة
   - عدم التأثير على اللغة
   ========================================================== */


/* ==========================================================
   1) حاوية الشعار — الكمبيوتر
   ========================================================== */

header .header-logo,
header .store-logo,

header a[href="/"]:has(> img),
header a[href="/"]:has(> picture img),

header a[href="https://rowniq.com/"]:has(> img),
header a[href="https://rowniq.com/"]:has(> picture img),

header a:has(> img[alt*="rowniq" i]),
header a:has(> picture img[alt*="rowniq" i]),

header a:has(> img[src*="rowniq" i]),
header a:has(> picture img[src*="rowniq" i]) {

    width: 360px !important;
    max-width: 360px !important;

    height: auto !important;
    max-height: none !important;

    flex: 0 0 360px !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;

    box-shadow: none !important;
    filter: none !important;
}


/* ==========================================================
   2) صورة الشعار نفسها — الكمبيوتر
   ========================================================== */

header .header-logo img,
header .store-logo img,

header a[href="/"] > img,
header a[href="/"] > picture img,

header a[href="https://rowniq.com/"] > img,
header a[href="https://rowniq.com/"] > picture img,

header img[alt*="rowniq" i],
header img[src*="rowniq" i] {

    display: block !important;

    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    filter: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/* ==========================================================
   3) الجوال — تكبير الشعار إلى 230px
   ========================================================== */

@media (max-width: 768px) {

    header .header-logo,
    header .store-logo,

    header a[href="/"]:has(> img),
    header a[href="/"]:has(> picture img),

    header a[href="https://rowniq.com/"]:has(> img),
    header a[href="https://rowniq.com/"]:has(> picture img),

    header a:has(> img[alt*="rowniq" i]),
    header a:has(> picture img[alt*="rowniq" i]),

    header a:has(> img[src*="rowniq" i]),
    header a:has(> picture img[src*="rowniq" i]) {

        width: 230px !important;
        max-width: 230px !important;

        height: auto !important;
        max-height: none !important;

        flex: 0 0 230px !important;

        overflow: visible !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: none !important;

        box-shadow: none !important;
        filter: none !important;
    }


    header .header-logo img,
    header .store-logo img,

    header a[href="/"] > img,
    header a[href="/"] > picture img,

    header a[href="https://rowniq.com/"] > img,
    header a[href="https://rowniq.com/"] > picture img,

    header img[alt*="rowniq" i],
    header img[src*="rowniq" i] {

        display: block !important;

        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;
        object-position: center center !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: none !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        filter: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }
}/* ==========================================================
   ROWNIQ — إزالة الخلفية البيضاء خلف الشعار نهائيًا
   يستهدف حاوية الشعار فقط
   ========================================================== */

/* حاوية الشعار */
header .header-logo,
header .store-logo,

header a[href="/"]:has(img),
header a[href="https://rowniq.com/"]:has(img) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    outline: none !important;

    box-shadow: none !important;
    filter: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* جميع العناصر الداخلية داخل رابط الشعار فقط */
header a[href="/"]:has(img) *,
header a[href="https://rowniq.com/"]:has(img) *,

header .header-logo *,
header .store-logo * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
    filter: none !important;
}


/* إزالة أي خلفية مضافة بواسطة ::before أو ::after */
header .header-logo::before,
header .header-logo::after,

header .store-logo::before,
header .store-logo::after,

header a[href="/"]:has(img)::before,
header a[href="/"]:has(img)::after,

header a[href="https://rowniq.com/"]:has(img)::before,
header a[href="https://rowniq.com/"]:has(img)::after {
    content: none !important;
    display: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
}


/* صورة الشعار نفسها */
header .header-logo img,
header .store-logo img,

header a[href="/"] img,
header a[href="https://rowniq.com/"] img {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
    filter: none !important;

    opacity: 1 !important;
}/* تحريك شعار ROWNIQ قليلاً إلى اليمين */
header .header-logo,
header .store-logo,

header a[href="/"]:has(img),
header a[href="https://rowniq.com/"]:has(img) {
    transform: translateX(15px) !important;
}