/**
 * PayProof Clean & Simple Styles - Minimal Design for E-commerce
 * تصميم نظيف وبسيط لنماذج PayProof - مناسب للمتاجر الإلكترونية
 */

/* متغيرات CSS للتصميم البسيط والنظيف */
:root {
    /* الألوان الأساسية - نظام أحادي مع لمسة من اللون */
    --payproof-primary: #111827;        /* أسود داكن أنيق */
    --payproof-primary-hover: #374151;  /* رمادي داكن */
    --payproof-accent: #3b82f6;         /* أزرق هادئ للتركيز */
    --payproof-accent-hover: #2563eb;   /* أزرق أغمق */
    
    /* الألوان المحايدة */
    --payproof-bg: #ffffff;             /* أبيض نقي */
    --payproof-bg-light: #f9fafb;       /* رمادي فاتح جداً */
    --payproof-bg-muted: #f3f4f6;       /* رمادي فاتح */
    
    /* النصوص */
    --payproof-text: #111827;           /* أسود للنصوص الرئيسية */
    --payproof-text-secondary: #6b7280; /* رمادي للنصوص الثانوية */
    --payproof-text-muted: #9ca3af;     /* رمادي فاتح للنصوص الخافتة */
    
    /* الحدود */
    --payproof-border: #e5e7eb;         /* حدود رمادية فاتحة */
    --payproof-border-focus: #d1d5db;   /* حدود أغمق عند التركيز */
    
    /* الظلال البسيطة */
    --payproof-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --payproof-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --payproof-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    /* أنصاف الأقطار */
    --payproof-radius: 8px;             /* زوايا ناعمة عصرية */
    --payproof-radius-md: 10px;         /* متوسط */
    --payproof-radius-lg: 12px;         /* كبير */
    
    /* الانتقالات السلسة */
    --payproof-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* المسافات المُحسنة للتناسق */
    --payproof-space-xs: 4px;
    --payproof-space-sm: 8px;
    --payproof-space-md: 12px;
    --payproof-space-lg: 18px;
    --payproof-space-xl: 24px;
    
    /* الخط العصري */
    --payproof-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* إخفاء الحقول المخفية بشكل كامل */
.payproof-form-group[style*="display: none"],
.payproof-form-group[style*="display:none"] {
    display: none !important;
    visibility: hidden !important;
}

/* زر الطلب الرئيسي - تصميم بسيط وأنيق */
.payproof-button-container {
    margin: 24px 0 18px 0;
    text-align: center;
}

.payproof-order-btn {
    background: var(--payproof-primary) !important;
    color: white !important;
    border: none !important;
    padding: 13px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: var(--payproof-font) !important;
    border-radius: var(--payproof-radius) !important;
    cursor: pointer !important;
    transition: var(--payproof-transition) !important;
    text-decoration: none !important;
    display: inline-block !important;
    min-width: 140px !important;
    box-shadow: var(--payproof-shadow) !important;
    letter-spacing: 0.01em !important;
}

.payproof-order-btn:hover {
    background: var(--payproof-primary-hover) !important;
    box-shadow: var(--payproof-shadow-md) !important;
    color: white !important;
    transform: translateY(-1px) !important;
}

.payproof-order-btn:active {
    transform: translateY(0) !important;
    box-shadow: var(--payproof-shadow) !important;
}

/* حالة التحميل للزر */
.payproof-order-btn.loading {
    cursor: not-allowed !important;
    opacity: 0.7 !important;
    transform: none !important;
    background: var(--payproof-bg-muted) !important;
    color: var(--payproof-text-secondary) !important;
}

/* تنسيقات المتغيرات البسيطة */
.payproof-variation-notice {
    background: var(--payproof-bg-light) !important;
    color: var(--payproof-text-secondary) !important;
    padding: var(--payproof-space-md) !important;
    border-radius: var(--payproof-radius) !important;
    margin-bottom: var(--payproof-space-md) !important;
    border: 1px solid var(--payproof-border) !important;
    font-size: 14px !important;
    font-family: var(--payproof-font) !important;
}

/* حالة التحميل لزر الطلب */
.payproof-order-btn.loading {
    cursor: not-allowed !important;
    transform: none !important;
    /* احتفظ بنفس اللون الأصلي */
}

/* شريط التقدم لرفع الملفات */
.payproof-file-upload-wrapper {
    position: relative;
    width: 100%;
}

.payproof-upload-progress {
    display: none;
    width: 100%;
    height: 50px;
    background: var(--payproof-bg-light);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    overflow: hidden;
    position: relative;
}

.payproof-upload-progress.active {
    display: block;
}

.payproof-upload-progress-bar {
    height: 100%;
    background: var(--payproof-primary);
    width: 0;
    transition: width 0.3s ease;
    position: relative;
}

.payproof-upload-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--payproof-text);
    font-weight: 600;
    font-size: 14px;
    font-family: var(--payproof-font);
    z-index: 2;
}

.payproof-upload-progress-bar .payproof-upload-progress-text {
    color: white;
    z-index: 3;
}

/* تنسيقات المتغيرات البسيطة والنظيفة - بدون labels */
.payproof-variations-container {
    background: var(--payproof-bg);
    border: 1px solid var(--payproof-border);
    padding: var(--payproof-space-lg);
    margin: var(--payproof-space-lg) 0;
    border-radius: var(--payproof-radius-md);
    box-shadow: var(--payproof-shadow);
}

.payproof-variations-container h4 {
    margin: 0 0 var(--payproof-space-md) 0;
    color: var(--payproof-text);
    font-size: 18px;
    font-weight: 600;
    font-family: var(--payproof-font);
}

.payproof-variation-group {
    margin-bottom: var(--payproof-space-md);
}

/* إخفاء labels المتغيرات أيضاً */
.payproof-variation-label {
    display: none;
}

.payproof-variation-select {
    width: 100%;
    padding: 16px var(--payproof-space-md);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    font-size: 15px;
    font-family: var(--payproof-font);
    background: var(--payproof-bg);
    color: var(--payproof-text);
    transition: var(--payproof-transition);
    cursor: pointer;
    font-weight: 500;
}

.payproof-variation-select:focus {
    border-color: var(--payproof-accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
    background: var(--payproof-bg);
}

/* تحسين مظهر الـ select */
.payproof-variation-select option {
    padding: 12px;
    font-family: var(--payproof-font);
    font-weight: 500;
}

/* حاوية الشورت كود - بدون تصميم إضافي للحفاظ على توحيد التصميم */
.payproof-shortcode-wrapper {
    display: block;
    width: 100%;
    /* لا نحتاج تصميم إضافي لأن النموذج الداخلي يحتوي على التصميم الكامل */
}

/* حاوية النموذج البسيطة والأنيقة - التصميم الموحد */
.payproof-form-container,
.payproof-modal-form {
    background: var(--payproof-bg);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius-lg);
    padding: 24px; /* padding موحد للجميع */
    margin: 16px auto;
    box-shadow: var(--payproof-shadow-md);
    font-family: var(--payproof-font);
    max-width: 580px;
    width: 100%;
    box-sizing: border-box; /* مهم جداً لحساب العرض بشكل صحيح */
}

.payproof-modal-form {
    margin: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

.payproof-variation-select {
    width: 100% !important;
    padding: 8px 12px !important;
    border: 1px solid var(--payproof-border) !important;
    border-radius: var(--payproof-radius) !important;
    font-size: 14px !important;
    background: white !important;
    transition: var(--payproof-transition) !important;
}

.payproof-variation-select:focus {
    border-color: var(--payproof-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1) !important;
}

/* إخفاء عناصر WooCommerce للمنتجات المدعومة بـ PayProof */
/* إخفاء جميع أنواع أزرار "أضف إلى السلة" وحقول الكمية */
.single-product .payproof-enabled .cart,
.single-product .payproof-enabled form.cart,
.single-product .payproof-enabled .single_variation_wrap,
.single-product .payproof-enabled .woocommerce-variation-add-to-cart,
.single-product .payproof-enabled .quantity,
.single-product .payproof-enabled div.quantity,
.single-product .payproof-enabled input.qty,
.single-product .payproof-enabled .quantity input,
.single-product .payproof-enabled .single_add_to_cart_button,
.single-product .payproof-enabled button.single_add_to_cart_button,
.single-product .payproof-enabled .button.single_add_to_cart_button,
.single-product .payproof-enabled .variations_form,
.single-product .payproof-enabled .variations,
.single-product .payproof-enabled .variations_button,
.single-product .payproof-enabled .reset_variations,
.single-product .payproof-enabled .woocommerce-variation,
.single-product .payproof-enabled .woocommerce-variation-price,
.single-product .payproof-enabled .woocommerce-variation-description,
.single-product .payproof-enabled .woocommerce-variation-availability,
.single-product .payproof-enabled form.cart.variations_form,
.single-product .payproof-enabled form.cart:not(.payproof-order-form),
.single-product .payproof-enabled form.cart button[type="submit"],
.payproof-order-form .woocommerce-variation-price,
.single-product .payproof-enabled form.cart input[type="submit"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* عرض نموذج PayProof بشكل واضح */
.single-product .payproof-form-container {
    display: block !important;
    margin: 20px 0 !important;
    width: 100% !important;
}

/* رأس النموذج البسيط */
.payproof-form-header {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--payproof-border);
}

.payproof-form-header h3 {
    color: var(--payproof-text);
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 8px 0;
    font-family: var(--payproof-font);
    line-height: 1.3;
    letter-spacing: -0.02em; /* تحسين المسافات بين الأحرف */
}

.payproof-form-description {
    color: var(--payproof-text-secondary);
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    font-family: var(--payproof-font);
    font-weight: 400;
}

/* معلومات المنتج البسيطة - السعر فقط */
.payproof-product-info {
    background: var(--payproof-bg-light);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    padding: var(--payproof-space-md);
    margin-bottom: var(--payproof-space-md);
    text-align: center;
}

.payproof-product-price {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-family: var(--payproof-font);
    transition: opacity 0.2s ease-in-out;
}

/* تأثير التحديث للسعر */
.payproof-product-price.price-updating {
    opacity: 0.5;
}

/* تبسيط عرض الأسعار - إزالة التعقيدات من WooCommerce */
.payproof-product-price * {
    font-size: inherit !important;
    color: #333 !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

/* إخفاء النصوص الزائدة من WooCommerce */
.payproof-product-price .screen-reader-text {
    display: none !important;
}

.payproof-product-price [aria-hidden="true"] {
    display: none !important;
}

/* تفصيل السعر المدمج في الهيدر */
.payproof-price-breakdown {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--payproof-border);
}

.payproof-breakdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: 14px;
}

.payproof-breakdown-label {
    color: var(--payproof-text-secondary);
    font-weight: 500;
}

.payproof-breakdown-value {
    color: var(--payproof-text);
    font-weight: 600;
}

.payproof-breakdown-divider {
    height: 1px;
    background: var(--payproof-border);
    margin: 8px 0;
}

.payproof-breakdown-total {
    padding-top: 8px;
}

.payproof-breakdown-total .payproof-breakdown-label {
    color: var(--payproof-text);
    font-weight: 600;
    font-size: 15px;
}

.payproof-breakdown-total .payproof-breakdown-value {
    color: var(--payproof-primary);
    font-weight: 700;
    font-size: 16px;
}

/* عرض السعر البسيط فقط مع رمز العملة */
.payproof-product-price .woocommerce-Price-amount {
    color: #333 !important;
    font-weight: 600 !important;
}

.payproof-product-price .amount {
    color: #333 !important;
}

.payproof-product-price .woocommerce-Price-currencySymbol {
    color: #333 !important;
    font-weight: 600 !important;
}

/* تخطيط النموذج البسيط */
.payproof-form {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    direction: rtl; /* اتجاه النموذج من اليمين لليسار */
    width: 100%;
    box-sizing: border-box;
}

.payproof-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    box-sizing: border-box;
    padding: 0; /* إزالة أي padding إضافي */
    margin: 0; /* إزالة أي margin إضافي */
}

/* للشاشات المتوسطة والكبيرة - عمودين */
@media (min-width: 600px) {
    .payproof-form-row {
        grid-template-columns: 1fr 1fr;
    }
    
    .payproof-form-row.single-column {
        grid-template-columns: 1fr;
    }
}

/* تصميم النافذة المنبثقة المبسط */
.payproof-modal-content {
    background: var(--payproof-bg);
    border-radius: var(--payproof-radius);
    box-shadow: var(--payproof-shadow-md);
    max-width: 450px;
    width: 90%;
    max-height: 85vh;
    overflow-y: auto;
}

.payproof-modal-header {
    padding: 20px 20px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--payproof-border);
    margin-bottom: 20px;
}

.payproof-modal-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--payproof-text);
}

.payproof-modal-close {
    background: none;
    border: none;
    font-size: 24px;
    color: var(--payproof-text-light);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: var(--payproof-transition);
}

.payproof-modal-close:hover {
    background: var(--payproof-secondary);
    color: var(--payproof-error);
}

.payproof-modal-body {
    padding: 0 20px 20px 20px;
}

/* منع التمرير عند فتح النافذة */
body.payproof-modal-open {
    overflow: hidden;
}

/* تصميم حاوية النموذج العصري والمبسط - توحيد كامل */
.payproof-form-container,
.payproof-modal-form {
    background: var(--payproof-bg);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius-lg);
    padding: var(--payproof-space-md);
    margin: var(--payproof-space-sm) auto;
    box-shadow: var(--payproof-shadow-md);
    font-family: var(--payproof-font);
    max-width: 550px;
    width: 100%;
}

.payproof-modal-form {
    margin: 0;
    border: none;
    box-shadow: none;
    background: transparent;
}

/* رأس النموذج */
.payproof-form-header {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--payproof-border);
}

.payproof-form-header h3 {
    color: var(--payproof-text);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.payproof-form-description {
    color: var(--payproof-text-light);
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

/* معلومات المنتج - للنموذج المدمج - السعر فقط */
.payproof-product-info {
    background: var(--payproof-secondary);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    padding: 12px;
    margin-bottom: 16px;
    text-align: center;
}

.payproof-product-price {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* تخطيط النموذج البسيط */
.payproof-form {
    max-width: 100%;
    display: grid;
    gap: 16px;
}

.payproof-form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 0;
}

/* للشاشات الكبيرة فقط - عمودين */
@media (min-width: 600px) {
    .payproof-form-row {
        grid-template-columns: 1fr 1fr;
    }
}

/* تقييد العرض للشاشات الكبيرة جداً */
@media (min-width: 1200px) {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container {
        max-width: 580px;
    }
    
    .payproof-modal-content {
        max-width: 480px;
    }
}

.payproof-form-group {
    margin-bottom: 0;
}

.payproof-form-group-half {
    grid-column: span 1;
}

.payproof-form-group-full {
    grid-column: span 2;
}

/* ضبط للحقول الكاملة على الجوال */
@media (max-width: 599px) {
    .payproof-form-group-full {
        grid-column: span 1;
    }
}

/* حقول خاصة تأخذ عرض كامل دائماً */
.payproof-form-group:has(#payproof_payment_type),
.payproof-form-group:has(#payproof_customer_address),
.payproof-form-group:has(#payproof_notes),
.payproof-form-group:has(#payproof_payment_file),
.payproof-form-group:has(.payproof-payment-details) {
    grid-column: 1 / -1 !important; /* عرض كامل دائماً */
}

/* تسميات النموذج العصرية */
.payproof-form label {
    display: block;
    font-weight: 500;
    color: var(--payproof-text);
    margin-bottom: 6px;
    font-size: 14px;
}

.payproof-form .required {
    color: var(--payproof-error);
    font-weight: 600;
    margin-left: 2px;
}

/* عناصر التحكم في النموذج العصرية */
.payproof-form input[type="text"],
.payproof-form input[type="email"],
.payproof-form input[type="tel"],
.payproof-form select,
.payproof-form textarea {
    width: 100%;
    padding: 13px 16px;
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    font-size: 15px;
    line-height: 1.5;
    color: var(--payproof-text);
    background-color: var(--payproof-bg);
    transition: var(--payproof-transition);
    box-sizing: border-box;
    font-family: inherit;
}

/* تحسين خاص لحقول select */
.payproof-form select {
    min-height: 46px;
    line-height: 1.6;
    padding: 11px 16px;
}

.payproof-form input[type="text"]:focus,
.payproof-form input[type="email"]:focus,
.payproof-form input[type="tel"]:focus,
.payproof-form select:focus,
.payproof-form textarea:focus {
    border-color: var(--payproof-accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    background-color: var(--payproof-bg);
}

.payproof-form input[type="text"]:hover,
.payproof-form input[type="email"]:hover,
.payproof-form input[type="tel"]:hover,
.payproof-form select:hover,
.payproof-form textarea:hover {
    border-color: var(--payproof-border-focus);
}

.payproof-form input[type="file"] {
    width: 100%;
    padding: 8px;
    border: 2px dashed var(--payproof-border);
    border-radius: var(--payproof-radius);
    background: var(--payproof-secondary);
    text-align: center;
    cursor: pointer;
    transition: var(--payproof-transition);
}

.payproof-form input[type="file"]:hover {
    border-color: var(--payproof-primary);
    background: rgba(37, 99, 235, 0.05);
}

.payproof-form input[type="file"]:focus {
    border-color: var(--payproof-primary);
    outline: 0;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

/* معلومات الملف */
.payproof-file-info {
    font-size: 12px;
    color: var(--payproof-text-light);
    margin: 4px 0 0 0;
    font-style: italic;
}

/* زر الإرسال العصري */
.payproof-form-submit {
    text-align: center;
    margin-top: 20px;
}

.payproof-submit-btn {
    background: var(--payproof-primary);
    color: #ffffff;
    border: none;
    padding: 13px 28px;
    font-size: 15px;
    font-weight: 600;
    border-radius: var(--payproof-radius);
    cursor: pointer;
    transition: var(--payproof-transition);
    min-width: 140px;
    min-height: 44px;
    box-shadow: var(--payproof-shadow);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    letter-spacing: 0.01em;
}

.payproof-submit-btn:hover {
    background: var(--payproof-primary-hover);
    transform: translateY(-1px);
    box-shadow: var(--payproof-shadow-md);
}

.payproof-submit-btn:active {
    transform: translateY(0);
}

/* حالة التحميل - بدون تغيير اللون */
.payproof-submit-btn.loading {
    cursor: not-allowed;
    transform: none;
    /* احتفظ بنفس اللون الأصلي */
}

.payproof-submit-btn:disabled {
    cursor: not-allowed;
    transform: none;
    /* لا تغير اللون عند التعطيل أثناء التحميل */
}

/* حالة التحميل للأزرار */
.payproof-submit-btn.loading,
.payproof-order-btn.loading {
    cursor: not-allowed !important;
    transform: none !important;
    opacity: 0.9;
}

/* الرسائل العصرية والبسيطة */
.payproof-form-messages {
    margin-top: 16px;
}

.payproof-success-message,
.payproof-error-message {
    padding: 12px 16px;
    border-radius: var(--payproof-radius);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    box-shadow: var(--payproof-shadow);
}

.payproof-success-message {
    background: rgba(5, 150, 105, 0.1);
    color: var(--payproof-success);
    border-left: 3px solid var(--payproof-success);
}

.payproof-success-message::before {
    content: '✓';
    font-weight: bold;
    font-size: 14px;
}

.payproof-error-message {
    background: rgba(220, 38, 38, 0.1);
    color: var(--payproof-error);
    border-left: 3px solid var(--payproof-error);
}

.payproof-error-message::before {
    content: '⚠';
    font-weight: bold;
    font-size: 14px;
}

.payproof-error {
    background: rgba(220, 38, 38, 0.1);
    color: var(--payproof-error);
    border-left: 3px solid var(--payproof-error);
    padding: 12px 16px;
    border-radius: var(--payproof-radius);
    margin: 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: var(--payproof-shadow);
}

.payproof-error::before {
    content: '⚠';
    font-weight: bold;
    font-size: 14px;
}

/* التصميم المتجاوب المبسط */
@media (max-width: 768px) {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container,
    .payproof-modal-content {
        padding: 20px;
        margin: 12px auto;
        max-width: 100%;
        width: calc(100% - 24px); /* إضافة مسافة من الجوانب */
    }

    .payproof-form-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .payproof-form-group-half,
    .payproof-form-group-full {
        grid-column: span 1;
    }

    .payproof-form-header h3 {
        font-size: 20px;
    }

    .payproof-submit-btn,
    .payproof-order-btn {
        width: 100%;
        padding: 14px 24px;
    }

    .payproof-modal {
        padding: 12px;
    }

    .payproof-modal-content {
        max-height: 90vh;
    }

    .payproof-modal-header {
        padding: 16px 16px 0 16px;
    }

    .payproof-modal-body {
        padding: 0 16px 16px 16px;
    }
}

@media (max-width: 480px) {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container {
        padding: 18px;
        margin: 10px auto;
        width: calc(100% - 20px); /* مسافة أقل للشاشات الصغيرة جداً */
        max-width: 100%;
    }

    .payproof-form-header {
        margin-bottom: 18px;
        padding-bottom: 14px;
    }

    .payproof-form-header h3 {
        font-size: 18px;
    }

    .payproof-form {
        gap: 12px;
    }
    
    .payproof-form-row {
        gap: 12px;
    }

    .payproof-order-btn {
        font-size: 15px;
        padding: 12px 20px;
    }
    
    /* ضبط الحقول للهواتف */
    .payproof-form-group input,
    .payproof-form-group textarea,
    .payproof-form-group select {
        padding: 12px 14px;
        font-size: 16px; /* منع التكبير التلقائي في iOS */
    }
    
    /* تحسين خاص لحقول select على الجوال */
    .payproof-form-group select {
        min-height: 48px; /* ارتفاع أكبر قليلاً للجوال */
        line-height: 1.6;
        padding: 11px 14px;
    }
    
    /* إلغاء تأثير translateY على الجوال */
    .payproof-form-group input:focus,
    .payproof-form-group textarea:focus,
    .payproof-form-group select:focus {
        transform: none;
    }
    
    .payproof-order-btn:hover,
    .payproof-submit-btn:hover {
        transform: none !important;
    }
    
    /* تفصيل السعر المدمج - responsive */
    .payproof-breakdown-item {
        font-size: 13px;
        padding: 5px 0;
    }
    
    .payproof-breakdown-total .payproof-breakdown-label {
        font-size: 14px;
    }
    
    .payproof-breakdown-total .payproof-breakdown-value {
        font-size: 15px;
    }
}

/* تحسينات للأجهزة اللمسية */
@media (hover: none) and (pointer: coarse) {
    .payproof-form-group input:focus,
    .payproof-form-group textarea:focus,
    .payproof-form-group select:focus {
        transform: none;
    }
    
    .payproof-order-btn:hover,
    .payproof-submit-btn:hover {
        transform: none !important;
    }
    
    .payproof-form-group input:not(:focus):hover,
    .payproof-form-group textarea:not(:focus):hover,
    .payproof-form-group select:not(:focus):hover {
        background-color: var(--payproof-bg);
        border-color: var(--payproof-border);
    }
}

/* دعم RTL والطباعة */
[dir="rtl"] .payproof-form-container,
[dir="rtl"] .payproof-shortcode-wrapper .payproof-form-container {
    text-align: right;
}

[dir="rtl"] .payproof-form-row {
    flex-direction: row-reverse;
}

[dir="rtl"] .payproof-form label {
    text-align: right;
}

@media print {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container {
        box-shadow: none;
        border: 1px solid #000000;
    }
    
    .payproof-submit-btn {
        display: none;
    }
}

/* أنماط المتغيرات المحدثة */
.payproof-variations-container {
    background: rgba(37, 99, 235, 0.05);
    padding: 16px;
    margin-bottom: 16px;
    border-radius: var(--payproof-radius);
    border: 1px solid rgba(37, 99, 235, 0.1);
    box-shadow: var(--payproof-shadow);
}

.payproof-variations-container h4 {
    margin: 0 0 12px 0;
    color: var(--payproof-text);
    font-size: 16px;
    font-weight: 600;
}

.payproof-variation-group {
    margin-bottom: 12px;
}

.payproof-variation-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: var(--payproof-text);
    font-size: 14px;
}

.payproof-variation-select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    font-size: 14px;
    background: white;
    transition: var(--payproof-transition);
    font-family: inherit;
}

.payproof-variation-select:focus {
    border-color: var(--payproof-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

.payproof-variation-select:hover {
    border-color: var(--payproof-primary);
}

.payproof-variation-select.error {
    border-color: var(--payproof-error);
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1);
}

.payproof-variation-info {
    margin-top: 12px;
    padding: 12px;
    background: white;
    border-radius: var(--payproof-radius);
    border: 1px solid var(--payproof-border);
    box-shadow: var(--payproof-shadow);
}

/* إخفاء جميع عناصر السعر في نموذج PayProof */
.woocommerce-variation-price,
.single_variation_wrap .woocommerce-variation-price,
div.woocommerce-variation-price {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

.payproof-variation-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--payproof-primary);
    margin-bottom: 8px;
}

.payproof-variation-description {
    color: var(--payproof-text-light);
    margin-bottom: 8px;
    line-height: 1.4;
    font-size: 14px;
}

.payproof-variation-availability {
    font-weight: 500;
    font-size: 14px;
}

.payproof-variation-availability.in-stock {
    color: var(--payproof-success);
}

.payproof-variation-availability.out-of-stock {
    color: var(--payproof-error);
}

/* تفاصيل طرق الدفع */
.payproof-payment-details {
    margin-top: 16px;
    padding: 16px;
    background: var(--payproof-secondary);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    box-shadow: var(--payproof-shadow);
    grid-column: 1 / -1; /* عرض كامل في Grid */
    width: 100%;
}

/* التأكد من أن حقل طريقة الدفع بعرض كامل */
.payproof-form-group:has(#payproof_payment_type),
.payproof-form-group:has(.payproof-payment-details) {
    grid-column: 1 / -1; /* عرض كامل - span all columns */
}

.payproof-info-section,
.payproof-message-section {
    margin-bottom: 12px;
    width: 100%;
}

.payproof-info-section:last-child,
.payproof-message-section:last-child {
    margin-bottom: 0;
}

.payproof-info-section h4,
.payproof-message-section h4 {
    margin: 0 0 6px 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--payproof-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.payproof-info-content,
.payproof-message-content {
    background: var(--payproof-bg);
    padding: 12px 14px;
    border-radius: 6px;
    border: 1px solid rgba(37, 99, 235, 0.1);
    font-size: 14px;
    line-height: 1.6;
    color: var(--payproof-text);
    width: 100%;
    box-sizing: border-box;
    word-wrap: break-word; /* كسر النصوص الطويلة */
}

.payproof-info-content {
    background: #f8fafc;
    border-left: 3px solid var(--payproof-primary);
}

.payproof-message-content {
    background: #fef3c7;
    border-left: 3px solid var(--payproof-warning);
    color: #92400e;
}

/* تحسين تنسيق قائمة اختيار طرق الدفع */
#payproof_payment_type {
    background: var(--payproof-bg);
    border: 1px solid var(--payproof-border);
    transition: var(--payproof-transition);
    min-height: 46px !important; /* ضمان ارتفاع كافي */
    line-height: 1.6 !important; /* line-height واضح */
    padding: 11px 16px !important; /* padding متوازن */
}

#payproof_payment_type:focus {
    border-color: var(--payproof-accent);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    outline: none;
}

#payproof_payment_type option {
    padding: 10px;
    background: var(--payproof-bg);
    color: var(--payproof-text);
    line-height: 1.6; /* line-height للخيارات أيضاً */
}

/* تصميم الحقول البسيط والنظيف - بدون labels خارجية */
.payproof-form-group {
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0; /* إزالة أي padding إضافي */
}

/* إخفاء Labels التقليدية واستخدام placeholder فقط */
.payproof-form-group label {
    display: none;
}

/* تصميم الحقول مع placeholder محسن */
.payproof-form-group input[type="text"],
.payproof-form-group input[type="email"],
.payproof-form-group input[type="tel"],
.payproof-form-group input[type="number"],
.payproof-form-group textarea,
.payproof-form-group select {
    width: 100%;
    padding: 13px 16px;
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    font-size: 15px;
    line-height: 1.5; /* إضافة line-height لعرض النص بشكل كامل */
    font-family: var(--payproof-font);
    background: var(--payproof-bg);
    color: var(--payproof-text);
    transition: var(--payproof-transition);
    box-sizing: border-box;
    text-align: right; /* النص على اليمين للعربية */
    direction: rtl;    /* اتجاه النص من اليمين لليسار */
    margin: 0; /* إزالة أي margin */
}

/* تحسين خاص لحقول select لضمان ظهور النص كاملاً */
.payproof-form-group select {
    min-height: 46px; /* ارتفاع كافي لعرض النص */
    padding: 11px 16px; /* padding متوازن */
    line-height: 1.6; /* line-height أفضل للنص العربي */
    appearance: none; /* إزالة المظهر الافتراضي */
    background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3e%3cpolyline points="6 9 12 15 18 9"%3e%3c/polyline%3e%3c/svg%3e');
    background-repeat: no-repeat;
    background-position: left 12px center; /* السهم على اليسار للعربية */
    background-size: 16px;
    padding-left: 36px; /* مساحة للسهم */
}

.payproof-form-group input:focus,
.payproof-form-group textarea:focus,
.payproof-form-group select:focus {
    border-color: var(--payproof-accent);
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    background: var(--payproof-bg);
}

/* تحسين placeholder ليكون واضحاً ومميزاً */
.payproof-form-group input::placeholder,
.payproof-form-group textarea::placeholder {
    color: var(--payproof-text-muted);
    font-weight: 400;
    opacity: 1;
    text-align: right;  /* توجيه placeholder أيضاً لليمين */
    direction: rtl;     /* اتجاه placeholder من اليمين لليسار */
}

/* تصميم textarea محسن */
.payproof-form-group textarea {
    min-height: 80px;
    resize: vertical;
    line-height: 1.5;
}

/* تحسينات خاصة لحقل رقم الهاتف */
.payproof-form-group input[type="tel"] {
    direction: ltr !important;
    text-align: left !important;
    font-family: var(--payproof-font); /* إزالة monospace */
}

/* تأكيد اتجاه placeholder لحقل الهاتف */
.payproof-form-group input[type="tel"]::placeholder {
    direction: rtl !important;
    text-align: right !important;
}

/* تصميم رفع الملف البسيط مع نص داخلي */
.payproof-form-group input[type="file"] {
    width: 100%;
    padding: 12px 16px;
    border: 2px dashed var(--payproof-border);
    border-radius: var(--payproof-radius);
    background: var(--payproof-bg-light);
    text-align: center;
    cursor: pointer;
    transition: var(--payproof-transition);
    font-family: var(--payproof-font);
    font-size: 14px;
    color: var(--payproof-text-secondary);
    font-weight: 500;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    display: block;
}

/* التأكد من أن جميع عناصر النموذج ضمن الحدود */
.payproof-form * {
    box-sizing: border-box;
    max-width: 100%;
}

/* التأكد من أن مجموعة حقل الملف لا تتجاوز الحدود */
.payproof-form-group:has(input[type="file"]) {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.payproof-form-group input[type="file"]:hover {
    border-color: var(--payproof-accent);
    background: var(--payproof-bg-muted);
    color: var(--payproof-text);
}

.payproof-form-group input[type="file"]:focus {
    border-color: var(--payproof-accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
    background: var(--payproof-bg);
}

/* تحسين مظهر حقل رفع الملف ليبدو كحقل عادي */
.payproof-file-upload-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.payproof-file-upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

.payproof-file-upload-display {
    width: 100%;
    padding: 16px var(--payproof-space-md);
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    background: var(--payproof-bg);
    color: var(--payproof-text-secondary);
    font-family: var(--payproof-font);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: var(--payproof-transition);
    box-sizing: border-box;
    text-align: right;
}

.payproof-file-upload-display:hover {
    border-color: var(--payproof-accent);
    background: var(--payproof-bg-light);
}

.payproof-file-upload-display.has-file {
    color: var(--payproof-text);
    background: var(--payproof-bg-light);
    border-color: var(--payproof-accent);
}

.payproof-file-upload-display::before {
    content: '📎 ';
    margin-left: 8px;
}

/* رسائل النجاح والخطأ البسيطة */
.payproof-success-message {
    background: var(--payproof-bg-light);
    border: 1px solid #10b981;
    color: #065f46;
    padding: var(--payproof-space-md);
    border-radius: var(--payproof-radius);
    margin: var(--payproof-space-lg) 0;
    font-family: var(--payproof-font);
    text-align: center;
}

.payproof-error-message {
    background: #fef2f2;
    border: 1px solid #f87171;
    color: #991b1b;
    padding: var(--payproof-space-md);
    border-radius: var(--payproof-radius);
    margin: var(--payproof-space-lg) 0;
    font-family: var(--payproof-font);
    text-align: center;
}

/* استجابة للأجهزة الصغيرة */
@media (max-width: 600px) {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container {
        margin: 12px auto;
        padding: 20px;
        width: calc(100% - 24px);
    }
    
    .payproof-form-header h3 {
        font-size: 20px;
    }
    
    .payproof-order-btn {
        width: 100%;
    }
    
    .payproof-form-row {
        grid-template-columns: 1fr; /* عمود واحد فقط للجوال */
    }
}

/* تحسينات الأداء والحركة السلسة */
.payproof-form-container {
    contain: layout style;
}

.payproof-form-group input,
.payproof-form-group textarea,
.payproof-form-group select {
    will-change: border-color, box-shadow;
}

/* تحسين تجربة hover للحقول */
.payproof-form-group input:not(:focus):hover,
.payproof-form-group textarea:not(:focus):hover,
.payproof-form-group select:not(:focus):hover {
    border-color: var(--payproof-border-focus);
    background-color: var(--payproof-bg-light);
}

/* تأثير focus محسّن */
.payproof-form-group input:focus,
.payproof-form-group textarea:focus,
.payproof-form-group select:focus {
    border-color: var(--payproof-accent);
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    background: var(--payproof-bg);
    transform: translateY(-1px);
}

/* دعم RTL */
[dir="rtl"] .payproof-file-upload-display::before {
    margin-left: 0;
    margin-right: 8px;
}

[dir="rtl"] .payproof-file-upload-display {
    text-align: left;
}

/* تحسينات إضافية للتناسق والتصميم المضغوط */
@media (min-width: 768px) {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container {
        max-width: 580px;
        padding: 24px 28px;
    }
    
    .payproof-form {
        gap: 14px;
    }
    
    .payproof-form-row {
        gap: 14px;
    }
    
    .payproof-form-group {
        margin-bottom: 0;
    }
}

/* تحسينات للشاشات الصغيرة */
@media (max-width: 479px) {
    .payproof-form-container,
    .payproof-shortcode-wrapper .payproof-form-container {
        padding: 18px;
        margin: 10px auto;
        width: calc(100% - 20px);
    }
    
    .payproof-form-group input,
    .payproof-form-group textarea,
    .payproof-form-group select {
        padding: 12px 14px;
        font-size: 16px; /* منع التكبير التلقائي في iOS */
    }
}

/* ====================================
   رسالة النجاح في أعلى الصفحة
   ==================================== */
#payproof-top-message {
    position: fixed;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    width: 90%;
    max-width: 600px;
    transition: top 0.3s ease-in-out;
}

#payproof-top-message.show {
    top: 20px;
}

.payproof-top-success,
.payproof-top-error {
    background: white;
    padding: 18px 24px;
    border-radius: var(--payproof-radius-md);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    animation: payproof-slide-down 0.3s ease-out;
    direction: rtl;
    text-align: right;
}

.payproof-top-success {
    border-right: 4px solid #059669;
    background: linear-gradient(to left, rgba(5, 150, 105, 0.1) 0%, white 50%);
}

.payproof-top-error {
    border-right: 4px solid #dc2626;
    background: linear-gradient(to left, rgba(220, 38, 38, 0.1) 0%, white 50%);
}

.payproof-message-icon {
    font-size: 24px;
    font-weight: bold;
    flex-shrink: 0;
}

.payproof-top-success .payproof-message-icon {
    color: #059669;
}

.payproof-top-error .payproof-message-icon {
    color: #dc2626;
}

.payproof-message-text {
    flex: 1;
    color: #111827;
    line-height: 1.5;
}

.payproof-message-close {
    background: transparent;
    border: none;
    font-size: 28px;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.payproof-message-close:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #111827;
}

@keyframes payproof-slide-down {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* تحسينات للشاشات الصغيرة */
@media (max-width: 768px) {
    #payproof-top-message {
        width: 95%;
        max-width: none;
    }
    
    .payproof-top-success,
    .payproof-top-error {
        padding: 14px 16px;
        font-size: 14px;
    }
    
    .payproof-message-icon {
        font-size: 20px;
    }
    
    .payproof-message-close {
        font-size: 24px;
        width: 26px;
        height: 26px;
    }
}

/* ====================================
   Telegram Notification Modal
   ==================================== */
.payproof-telegram-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.payproof-telegram-modal.show {
    opacity: 1;
    visibility: visible;
}

.payproof-telegram-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
}

.payproof-telegram-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: white;
    border-radius: 16px;
    padding: 40px 30px 30px;
    width: 90%;
    max-width: 450px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    text-align: center;
    direction: rtl;
    transition: transform 0.3s ease;
}

.payproof-telegram-modal.show .payproof-telegram-modal-content {
    transform: translate(-50%, -50%) scale(1);
}

.payproof-telegram-modal-close {
    position: absolute;
    top: 15px;
    left: 15px;
    background: transparent;
    border: none;
    font-size: 32px;
    line-height: 1;
    color: #9ca3af;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.payproof-telegram-modal-close:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1f2937;
}

.payproof-telegram-modal-icon {
    font-size: 64px;
    margin-bottom: 20px;
    animation: payproof-bell-ring 1s ease-in-out;
}

@keyframes payproof-bell-ring {
    0%, 100% { transform: rotate(0deg); }
    10%, 30%, 50%, 70%, 90% { transform: rotate(-10deg); }
    20%, 40%, 60%, 80% { transform: rotate(10deg); }
}

.payproof-telegram-modal-title {
    font-size: 24px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 15px 0;
}

.payproof-telegram-modal-message {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 30px 0;
}

.payproof-telegram-modal-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.payproof-telegram-modal-btn {
    padding: 14px 24px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.payproof-telegram-modal-btn-primary {
    background: linear-gradient(135deg, #0088cc 0%, #006699 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(0, 136, 204, 0.3);
}

.payproof-telegram-modal-btn-primary:hover {
    background: linear-gradient(135deg, #006699 0%, #004466 100%);
    box-shadow: 0 6px 16px rgba(0, 136, 204, 0.4);
    transform: translateY(-2px);
}

.payproof-telegram-modal-btn-secondary {
    background: #f3f4f6;
    color: #6b7280;
}

.payproof-telegram-modal-btn-secondary:hover {
    background: #e5e7eb;
    color: #374151;
}

/* تحسينات للشاشات الصغيرة */
@media (max-width: 480px) {
    .payproof-telegram-modal-content {
        padding: 30px 20px 25px;
        max-width: 95%;
    }
    
    .payproof-telegram-modal-icon {
        font-size: 48px;
        margin-bottom: 15px;
    }
    
    .payproof-telegram-modal-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .payproof-telegram-modal-message {
        font-size: 14px;
        margin-bottom: 25px;
    }
    
    .payproof-telegram-modal-btn {
        padding: 12px 20px;
        font-size: 15px;
    }
}

/* ===================================
   Coupon Styles - تنسيقات الكوبونات
   =================================== */

.payproof-coupon-section {
    margin-bottom: var(--payproof-space-xl);
    padding: var(--payproof-space-lg);
    background: var(--payproof-bg-light);
    border-radius: var(--payproof-radius);
    border: 1px solid var(--payproof-border);
}

.payproof-coupon-wrapper {
    display: flex;
    gap: var(--payproof-space-sm);
    margin-bottom: var(--payproof-space-md);
}

.payproof-coupon-input {
    flex: 1;
    padding: 11px 14px;
    border: 1px solid var(--payproof-border);
    border-radius: var(--payproof-radius);
    font-size: 14px;
    font-family: var(--payproof-font);
    color: var(--payproof-text);
    background: var(--payproof-bg);
    transition: var(--payproof-transition);
    text-transform: uppercase;
}

.payproof-coupon-input:focus {
    outline: none;
    border-color: var(--payproof-accent);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.payproof-coupon-btn {
    padding: 11px 22px;
    background: var(--payproof-primary);
    color: white;
    border: none;
    border-radius: var(--payproof-radius);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--payproof-font);
    cursor: pointer;
    transition: var(--payproof-transition);
    white-space: nowrap;
    min-width: 90px;
}

.payproof-coupon-btn:hover {
    background: var(--payproof-primary-hover);
    transform: translateY(-1px);
}

.payproof-coupon-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.payproof-coupon-spinner {
    display: inline-block;
    animation: payproof-spin 1s linear infinite;
}

@keyframes payproof-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.payproof-coupon-message {
    padding: var(--payproof-space-md);
    border-radius: var(--payproof-radius);
    font-size: 13px;
    margin-top: var(--payproof-space-md);
    font-family: var(--payproof-font);
}

.payproof-coupon-message.success {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.payproof-coupon-message.error {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.payproof-coupon-applied {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--payproof-space-md) var(--payproof-space-lg);
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    border-radius: var(--payproof-radius);
    margin-bottom: var(--payproof-space-md);
}

.payproof-coupon-applied-text {
    font-size: 14px;
    font-weight: 600;
    color: #065f46;
    font-family: var(--payproof-font);
}

.payproof-coupon-remove {
    background: transparent;
    border: none;
    color: #059669;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--payproof-transition);
}

.payproof-coupon-remove:hover {
    background: rgba(5, 150, 105, 0.1);
    color: #047857;
}

/* Coupon discount in price breakdown */
.payproof-breakdown-item.payproof-coupon-discount {
    color: #059669;
    font-weight: 500;
}

.payproof-breakdown-item.payproof-coupon-discount .payproof-breakdown-value {
    color: #059669;
    font-weight: 600;
}

/* Responsive coupon styles */
@media (max-width: 768px) {
    .payproof-coupon-section {
        padding: var(--payproof-space-md);
    }
    
    .payproof-coupon-wrapper {
        flex-direction: column;
        gap: var(--payproof-space-md);
    }
    
    .payproof-coupon-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .payproof-coupon-applied {
        padding: var(--payproof-space-sm) var(--payproof-space-md);
    }
    
    .payproof-coupon-applied-text {
        font-size: 13px;
    }
}