/* إصلاحات نموذج الطلب السريع - Quick View Fixes */

/* ===== إصلاح حجم الخانات في نموذج الطلب السريع ===== */
.quick-view-popup .quick-view-form {
    padding: 15px !important;
}

.quick-view-popup .quick-view-form .form-control,
.quick-view-popup .quick-view-form .form-select {
    height: 38px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
    transition: all 0.3s ease !important;
}

.quick-view-popup .quick-view-form .form-control:focus,
.quick-view-popup .quick-view-form .form-select:focus {
    border-color: var(--main-color, #14866D) !important;
    box-shadow: 0 0 0 2px rgba(20, 134, 109, 0.2) !important;
    outline: none !important;
}

/* إصلاح أزرار نموذج الطلب السريع */
.quick-view-popup .action-buttons .btn {
    height: 38px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.quick-view-popup .action-buttons .add-to-cart {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
}

.quick-view-popup .action-buttons .add-to-cart:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(20, 134, 109, 0.3) !important;
}

.quick-view-popup .action-buttons .add-to-cart i {
    font-size: 16px !important;
    margin: 0 !important;
}

/* إصلاح تنسيق الصفوف والأعمدة */
.quick-view-popup .row.g-2 {
    margin: 0 !important;
    gap: 8px !important;
}

.quick-view-popup .row.g-2 > div {
    padding: 0 !important;
    flex: 1 !important;
}

.quick-view-popup .col-12 {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.quick-view-popup .col-6 {
    width: calc(50% - 4px) !important;
    margin-bottom: 10px !important;
}

/* إصلاح حقل الكمية */
.quick-view-popup input[type="number"] {
    height: 38px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

/* إصلاح تباعد العناصر */
.quick-view-popup .product-date-summary {
    padding: 15px !important;
}

.quick-view-popup .product-date-summary .product-name {
    font-size: 16px !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

.quick-view-popup .product-date-summary .product-pricing {
    margin: 10px 0 15px 0 !important;
}

.quick-view-popup .product-date-summary .product-pricing .new-price {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--main-color, #14866D) !important;
}

.quick-view-popup .product-date-summary .product-pricing .old-price {
    font-size: 14px !important;
    color: #999 !important;
    text-decoration: line-through !important;
}

/* إصلاح الوصف */
.quick-view-popup .discription {
    padding: 10px 15px 15px 15px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #666 !important;
    border-top: 1px solid #eee !important;
    margin-top: 10px !important;
}

/* ===== إصلاح أزرار معرض الصور ===== */
.product-page .images-box .other-images-box .custom-prev,
.product-page .images-box .other-images-box .custom-next {
    position: absolute !important;
    z-index: 1000 !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--white-color, #ffffff) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    outline: none !important;
}

.product-page .images-box .other-images-box .custom-prev {
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.product-page .images-box .other-images-box .custom-next {
    bottom: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.product-page .images-box .other-images-box .custom-prev:hover,
.product-page .images-box .other-images-box .custom-next:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    transform: translateX(-50%) scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.product-page .images-box .other-images-box .custom-prev:active,
.product-page .images-box .other-images-box .custom-next:active {
    transform: translateX(-50%) scale(0.95) !important;
}

.product-page .images-box .other-images-box .custom-prev i,
.product-page .images-box .other-images-box .custom-next i {
    font-size: 12px !important;
    font-weight: bold !important;
}

/* ===== إصلاح زر "اطلب الآن" ليستخدم الألوان المخصصة ===== */
.upload-order,
.btn.upload-order,
button.upload-order,
.product-page .product-box form .upload-order {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border: 2px solid var(--main-color, #14866D) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(20, 134, 109, 0.3) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: visible !important;
    font-family: inherit !important;
    line-height: normal !important;
}

.upload-order:hover,
.btn.upload-order:hover,
button.upload-order:hover,
.product-page .product-box form .upload-order:hover {
    background: var(--main-color, #14866D) !important;
    filter: brightness(0.9) !important;
    border-color: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(20, 134, 109, 0.4) !important;
}

.upload-order:focus,
.upload-order:active,
.btn.upload-order:focus,
.btn.upload-order:active,
button.upload-order:focus,
button.upload-order:active {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(20, 134, 109, 0.2) !important;
}

/* إصلاح النص المفقود */
.upload-order:empty::before {
    content: "اطلب الآن" !important;
    color: var(--white-color, #ffffff) !important;
    font-weight: 600 !important;
}

/* ===== تحسينات للموبايل ===== */
@media (max-width: 768px) {
    .quick-view-popup {
        margin: 10px !important;
        max-height: calc(100vh - 20px) !important;
    }
    
    .quick-view-popup .quick-view-form .form-control,
    .quick-view-popup .quick-view-form .form-select {
        height: 36px !important;
        font-size: 13px !important;
    }
    
    .quick-view-popup .action-buttons .btn {
        height: 36px !important;
        font-size: 13px !important;
        padding: 5px 10px !important;
    }
    
    .quick-view-popup .product-date-summary .product-pricing .new-price {
        font-size: 18px !important;
    }
    
    .product-page .images-box .other-images-box .custom-prev,
    .product-page .images-box .other-images-box .custom-next {
        width: 28px !important;
        height: 28px !important;
    }
    
    .product-page .images-box .other-images-box .custom-prev i,
    .product-page .images-box .other-images-box .custom-next i {
        font-size: 10px !important;
    }
    
    .upload-order {
        font-size: 14px !important;
        padding: 10px 16px !important;
        min-height: 44px !important;
    }
}

@media (max-width: 576px) {
    .quick-view-popup .col-6 {
        width: 100% !important;
    }
    
    .quick-view-popup .action-buttons .btn {
        width: 100% !important;
        margin-bottom: 5px !important;
    }
    
    .upload-order {
        font-size: 13px !important;
        padding: 8px 12px !important;
        min-height: 40px !important;
    }
}

/* ===== إصلاحات إضافية ===== */
/* إ��الة أي تأثيرات شفافية */
.upload-order,
.btn-order .btn,
.add-to-cart,
.wishlist-btn {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* إصلاح مشاكل التموضع */
.product-page .product-box form .row.g-2.mt-2 .col-lg-9 .row.g-2 .group {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
}

.product-page .product-box form .row.g-2.mt-2 .col-lg-9 .row.g-2 .group .btn {
    flex: 1 !important;
    height: 100% !important;
    min-height: 48px !important;
}

/* إصلاح مشاكل الألوان المتضاربة */
.upload-order[style],
.btn.upload-order[style],
button.upload-order[style] {
    background: var(--main-color, #14866D) !important;
    color: var(--white-color, #ffffff) !important;
    border-color: var(--main-color, #14866D) !important;
}