/* Postepay Dispensa — Stili frontend */

.ppd-intro { line-height: 1.6; color: #444; }
.ppd-intro .ppd-deadline { color: #e67e22; }
.ppd-intro .ppd-next { margin-top: 10px; color: #333; }

/* Pagina conferma ordine */
.ppd-confirmation { max-width: 650px; }

.ppd-success-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #27ae60;
}
.ppd-success-header h3 { color: #27ae60; margin: 0 0 5px; }

.ppd-payment-box {
    background: #fffbf0;
    border: 2px solid #f39d72;
    border-radius: 6px;
    padding: 20px;
    margin: 20px 0;
}
.ppd-payment-box h4 {
    margin: 0 0 15px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #f0e0c0;
    padding-bottom: 10px;
}

.ppd-data-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px dotted #e0d0b0;
}
.ppd-data-row:last-child { border-bottom: none; }
.ppd-label { color: #777; font-size: 14px; }
.ppd-value { font-weight: 600; color: #333; font-size: 14px; }

.ppd-card-number {
    font-family: 'Courier New', monospace;
    font-size: 16px;
    letter-spacing: 2px;
    color: #c0392b;
    user-select: all;
}

.ppd-total-row { margin-top: 10px; padding-top: 10px; border-top: 2px solid #f0e0c0; }
.ppd-total { font-size: 18px; color: #e74c3c; }

.ppd-iban {
    font-family: 'Courier New', monospace;
    font-size: 13px;
    letter-spacing: 1px;
    user-select: all;
}

.ppd-evolution {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #d0c0a0;
}
.ppd-evolution h5 { color: #555; font-size: 14px; margin: 0 0 8px; }

.ppd-instructions {
    background: #f0f7f0;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px 20px;
    margin: 15px 0;
    line-height: 1.6;
}
.ppd-instructions h4 { margin: 0 0 10px; color: #333; font-size: 15px; }

.ppd-notes {
    background: #f8f8f8;
    border-left: 3px solid #f39d72;
    padding: 12px 15px;
    margin: 15px 0;
    color: #555;
    font-size: 13px;
}

.ppd-deadline-box {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 4px;
    padding: 10px 15px;
    margin: 15px 0;
    color: #856404;
    text-align: center;
}

.ppd-reminders { margin: 20px 0; color: #555; line-height: 1.6; }
.ppd-contact { margin-top: 15px; }
.ppd-contact a { color: #f39d72; font-weight: 600; }

/* Responsive */
@media (max-width: 576px) {
    .ppd-data-row { flex-direction: column; gap: 2px; }
    .ppd-card-number { font-size: 14px; }
}