/* Repure Booking Pro - Confirmation CSS */

.receipt-tax-note { text-align: center; font-size: 13px; color: #666; background: #f9f9f9; padding: 0 20px 20px 20px; border-radius: 0 0 8px 8px; margin-bottom: 30px; }
.receipt-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.receipt-table th, .receipt-table td { border-bottom: 1px solid #eee; padding: 10px; text-align: left; font-size:14px; }
.receipt-issuer { margin-top: 40px; text-align: right; }
.shop-name { font-weight: bold; font-size: 16px; }
.invoice-number { font-size: 12px; margin-top: 3px; }
.button-primary { background: #2271b1; color: #fff; border: none; padding: 15px 30px; font-size: 16px; border-radius: 5px; cursor: pointer; display: block; width: 100%; box-sizing: border-box; text-decoration: none; text-align: center; transition: background 0.2s; }
.button-primary:hover { background: #135e96; }
.button-danger { background: #fff; color: #d63638; border: 1px solid #d63638; padding: 15px 30px; font-size: 15px; font-weight:bold; border-radius: 5px; cursor: pointer; width: 100%; box-sizing: border-box; transition: background 0.2s; }
.button-danger:hover { background: #fff5f5; }
.input-error { border: 2px solid #d63638 !important; background-color: #ffebeb !important; }
#receipt-name-error { font-size: 13px; color: #dc2626; font-weight: bold; margin-top: 8px; }
.reissue-mark { position: absolute; top: 25px; left: 50%; transform: translateX(-50%) rotate(-5deg); border: 3px solid #c53030; padding: 5px 20px; font-size: 22px; font-weight: bold; color: #c53030; border-radius: 6px; letter-spacing: 4px; display: none; opacity: 0.7; z-index: 10; }

@media screen and (max-width: 600px) {
    .repb-receipt-container { padding: 20px; }
    .receipt-header { flex-direction: column; align-items: flex-start; gap: 10px; }
    .receipt-meta { text-align: left; }
    .receipt-amount { font-size: 24px; padding: 15px 15px 5px 15px; }
    .receipt-tax-note { padding: 0 15px 15px 15px; font-size: 11px; }
    .receipt-table th, .receipt-table td { display: block; width: 100%; box-sizing: border-box; }
    .receipt-table th { background: #f9f9f9; padding-bottom: 5px; border-bottom: none; }
}

@media print {
    @page { margin: 0; }
    body { background: #fff !important; padding: 15mm !important; box-sizing: border-box; }
    .repb-conf-wrap { box-shadow: none; margin: 0; padding: 0; width: 100%; max-width: 100%; }
    .button-primary, .button-danger, .repb-conf-header, .repb-conf-actions, #receipt-name-input, .contact-block { display: none !important; }
    .repb-receipt-container { border: none; box-shadow: none; padding: 0; }
    .receipt-amount, .receipt-tax-note { background: #fff; border-left: 2px solid #eee; border-right: 2px solid #eee; }
    .receipt-amount { border-top: 2px solid #eee; }
    .receipt-tax-note { border-bottom: 2px solid #eee; }
}