/**
 * Edumono Purchase Page Styles
 * 
 * Ekstra styling til købssiden (hovedstyling er inline i shortcode)
 * 
 * @version 1.0.0
 */

/* Responsive justeringer */
@media (max-width: 768px) {
    .edumono-purchase-container {
        padding: 20px 15px;
    }
    
    .edumono-purchase-header h1 {
        font-size: 24px;
    }
    
    .edumono-purchase-plans {
        grid-template-columns: 1fr;
    }
    
    .plan-card {
        padding: 24px;
    }
    
    .plan-price {
        font-size: 28px;
    }
    
    .edumono-purchase-form {
        padding: 24px;
    }
    
    .code-box .code {
        font-size: 20px;
        letter-spacing: 1px;
    }
}

/* Animation for succes-side */
.edumono-purchase-success {
    animation: fadeInUp 0.5s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fokus-states for tilgængelighed */
.plan-btn:focus,
.submit-btn:focus,
.back-btn:focus,
.copy-btn:focus,
.retry-btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* Print-venlig styling */
@media print {
    .edumono-purchase-container {
        background: white;
    }
    
    .plan-btn,
    .submit-btn,
    .back-btn {
        display: none;
    }
}