/* assets/css/fixes.css - نسخة منقحة بدون تكرار */

/* ======================================================
   إصلاح مشكلة تجميد المودال عند الإغلاق
   ====================================================== */
.pd-overlay {
    z-index: 10000;
}

.pd-overlay:not(.open) {
    pointer-events: none !important;
}

.pd-overlay:not(.open) .pd-modal {
    pointer-events: none !important;
}

/* ======================================================
   ✅ تصحيح اتجاه RTL لنافذة المنتج
   (تبويبات .pd-tab موجودة في style.css فقط — لا تكرار هنا)
   ====================================================== */
.pd-modal {
    direction: rtl;
}

.pd-action-btns {
    margin-top: auto !important;
    padding-top: 16px;
}

/* ======================================================
   تحسين نافذة المنتج العامة
   ====================================================== */
.pd-modal button,
.pd-modal a,
.pd-modal .pd-tab,
.pd-modal .pd-qty-btn,
.pd-modal .pd-add-cart,
.pd-modal .pd-order-btn,
.pd-modal .pd-close {
    pointer-events: auto !important;
    cursor: pointer;
    position: relative;
    z-index: 10001;
}

.pd-close {
    left: auto !important;
    right: 16px !important;
}

.pd-main-img {
    cursor: default;
}

.pd-thumb {
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
    position: relative;
}

.pd-thumb:hover {
    transform: scale(1.08);
    border-color: #5c89ad !important;
}

.pd-thumb.active {
    border: 2px solid #5c89ad !important;
    box-shadow: 0 0 12px rgba(92,137,173, 0.35);
}

/* ══════════════════════════════════════════════════════
   قواعد السلة موجودة في cart-fix.css فقط — لا تكرار هنا
   قواعد .coupon-message موجودة في style.css فقط — لا تكرار هنا
   ══════════════════════════════════════════════════════ */

/* ======================================================
   تحسين للأجهزة المحمولة
   ====================================================== */
@media (max-width: 680px) {
    .pd-close {
        right: 12px !important;
        left: auto !important;
        top: 12px !important;
    }
}

/* ======================================================
   مؤشر التحميل
   ====================================================== */
.loading-spinner {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid rgba(92,137,173, 0.25);
    border-radius: 50%;
    border-top-color: #5c89ad;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}