@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;600;800&display=swap');

.webald-checkout-app { max-width: 640px; margin: 0 auto; padding: 20px; font-family: 'Vazirmatn', Tahoma, Arial, sans-serif; direction: rtl; }
.webald-checkout-app h2 { margin-bottom: 20px; }
.wc-plans-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
.wc-plan-card { background: #fff; border: 1px solid #e2e2ec; border-radius: 14px; padding: 20px; text-align: center; }
.wc-plan-card h3 { margin-bottom: 10px; color: #4f3cc9; }
.wc-plan-price { font-size: 14px; color: #333; margin-bottom: 16px; }
.wc-plan-price span { color: #888; font-size: 12px; }
.wc-btn {
display: inline-block; background: #4f3cc9; color: #fff; border: none; border-radius: 10px;
padding: 12px 20px; font-size: 14px; cursor: pointer; text-decoration: none;
}
.wc-btn:hover { background: #3f30a5; }
.wc-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.wc-outline-btn {
background: #fff; color: #4f3cc9; border: 1px solid #4f3cc9; margin-bottom: 10px; font-size: 13px; padding: 9px 16px;
}
.wc-outline-btn:hover { background: #f5f3ff; }
.wc-features-list {
text-align: right; background: #f8f7fc; border: 1px solid #e2e2ec; border-radius: 10px;
padding: 12px 14px; margin-bottom: 12px; font-size: 13px; color: #333;
}
.wc-features-list ul { margin: 0; padding-right: 18px; }
.wc-features-list li { margin-bottom: 6px; line-height: 1.7; }
#wc-step-info input {
width: 100%; padding: 12px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 10px; font-size: 14px;
}
.wc-error { color: #c0362c; font-size: 13px; margin-top: 8px; }
.wc-success { text-align: center; background: #fff; border-radius: 14px; padding: 30px; }
.wc-download-btn {
display: inline-flex; align-items: center; gap: 8px; justify-content: center;
background: linear-gradient(135deg, #6a4cf0, #4f3cc9 55%, #3a2b9e);
background-size: 200% 200%;
color: #fff; font-family: 'Vazirmatn', Tahoma, sans-serif; font-weight: 800; font-size: 16px;
text-decoration: none; padding: 16px 32px; border-radius: 14px;
box-shadow: 0 8px 24px rgba(79, 60, 201, 0.35);
transition: transform 0.2s ease, box-shadow 0.2s ease, background-position 0.4s ease;
}
.wc-download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(79, 60, 201, 0.45);
background-position: 100% 50%;
color: #fff;
}
.wc-license-label { margin-top: 20px; margin-bottom: 6px; color: #6b6b7a; font-size: 13px; }
.wc-license-key {
display: inline-block; background: #f5f5f9; padding: 12px 20px; border-radius: 10px;
font-size: 16px; letter-spacing: 1px; direction: ltr;
}
.wc-hint { margin-top: 16px; color: #888; font-size: 12px; }