/* ============================================
   ADRI AJÁNDÉKKÁRTYA v4.7 - FRONTEND STÍLUSOK
   TELJESEN IZOLÁLT - NEM HAT MÁS ELEMEKRE
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

/* ===== WRAPPER - MINDEN SZABÁLY EZEN BELÜL ===== */
.adri-giftcard-wrapper {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    line-height: 1.6 !important;
}

.adri-giftcard-wrapper *,
.adri-giftcard-wrapper *::before,
.adri-giftcard-wrapper *::after {
    box-sizing: border-box !important;
}

/* Header */
.adri-giftcard-wrapper .adri-giftcard-header {
    position: relative !important;
    text-align: center !important;
    padding: 50px 30px !important;
    background: linear-gradient(135deg, #DBD1CB 0%, #D2C5BC 100%) !important;
    border-radius: 24px 24px 0 0 !important;
}

.adri-giftcard-wrapper .giftcard-icon {
    font-size: 64px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.adri-giftcard-wrapper .adri-giftcard-header h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 36px !important;
    color: #5a4a4a !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.adri-giftcard-wrapper .adri-giftcard-header p {
    color: #6a5a5a !important;
    font-size: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.adri-giftcard-wrapper .price-display {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #6B8A67 !important;
    margin-top: 20px !important;
    display: block !important;
}

/* Form */
.adri-giftcard-wrapper .adri-giftcard-form {
    background: white !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
}

.adri-giftcard-wrapper .form-section {
    padding: 35px 40px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

.adri-giftcard-wrapper .form-section:last-child {
    border-bottom: none !important;
}

.adri-giftcard-wrapper .form-section h3 {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    color: #5a4a4a !important;
    font-weight: 600 !important;
}

.adri-giftcard-wrapper .section-number {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: linear-gradient(135deg, #8B9A87 0%, #6B8A67 100%) !important;
    color: white !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

.adri-giftcard-wrapper .form-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.adri-giftcard-wrapper .form-grid .form-group {
    flex: 1 1 calc(50% - 10px) !important;
    min-width: 200px !important;
}

.adri-giftcard-wrapper .form-grid .full-width {
    flex: 1 1 100% !important;
}

.adri-giftcard-wrapper .form-group {
    margin-bottom: 0 !important;
}

.adri-giftcard-wrapper .form-group label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #5a4a4a !important;
    margin-bottom: 8px !important;
    padding: 0 !important;
}

.adri-giftcard-wrapper .form-group label .required { 
    color: #dc3545 !important; 
}

.adri-giftcard-wrapper .form-group label .optional { 
    color: #888 !important; 
    font-weight: 400 !important; 
    font-size: 12px !important; 
}

.adri-giftcard-wrapper .form-group input,
.adri-giftcard-wrapper .form-group textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e8e4e1 !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-family: inherit !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.adri-giftcard-wrapper .form-group input:focus,
.adri-giftcard-wrapper .form-group textarea:focus {
    outline: none !important;
    border-color: #8B9A87 !important;
    background: white !important;
}

.adri-giftcard-wrapper .form-group input.error { 
    border-color: #dc3545 !important; 
    background: #fff5f5 !important; 
}

.adri-giftcard-wrapper .form-group textarea { 
    resize: vertical !important; 
    min-height: 80px !important; 
}

.adri-giftcard-wrapper .field-hint { 
    font-size: 12px !important; 
    color: #888 !important; 
    margin-top: 6px !important; 
}

/* Message Editor */
.adri-giftcard-wrapper .message-editor-container {
    border: 2px solid #e8e4e1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.adri-giftcard-wrapper .editor-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 12px 15px !important;
    background: #f9f7f5 !important;
    border-bottom: 1px solid #e8e4e1 !important;
}

.adri-giftcard-wrapper .toolbar-btn {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: white !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

.adri-giftcard-wrapper .toolbar-separator { 
    width: 1px !important; 
    height: 24px !important; 
    background: #e0e0e0 !important; 
    margin: 0 8px !important; 
}

.adri-giftcard-wrapper .font-family-select, 
.adri-giftcard-wrapper .font-size-select {
    padding: 8px 12px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    background: white !important;
}

.adri-giftcard-wrapper .message-editor {
    min-height: 120px !important;
    padding: 20px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #5a4a4a !important;
    outline: none !important;
}

.adri-giftcard-wrapper .message-editor:empty::before { 
    content: attr(placeholder) !important; 
    color: #aaa !important; 
}

/* Payment Section */
.adri-giftcard-wrapper .payment-section {
    background: linear-gradient(180deg, #f9f7f5 0%, #f0ebe8 100%) !important;
}

.adri-giftcard-wrapper .card-input-wrapper {
    background: white !important;
    border: 2px solid #e8e4e1 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

.adri-giftcard-wrapper .card-input-wrapper:focus-within {
    border-color: #8B9A87 !important;
    box-shadow: 0 0 0 4px rgba(139, 154, 135, 0.1) !important;
}

.adri-giftcard-wrapper .card-input-row { 
    margin-bottom: 15px !important; 
}

.adri-giftcard-wrapper .card-input-row:last-child { 
    margin-bottom: 0 !important; 
}

.adri-giftcard-wrapper .card-input-row-split { 
    display: grid !important; 
    grid-template-columns: 1fr 1fr !important; 
    gap: 15px !important; 
}

.adri-giftcard-wrapper .card-input-group label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #888 !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

.adri-giftcard-wrapper .card-input-field { 
    position: relative !important; 
}

.adri-giftcard-wrapper .card-input-field input,
.adri-giftcard-wrapper .card-input-group > input {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 2px solid #e8e4e1 !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    font-family: 'SF Mono', Monaco, monospace !important;
    letter-spacing: 2px !important;
    color: #5a4a4a !important;
    background: #fafafa !important;
    box-sizing: border-box !important;
}

.adri-giftcard-wrapper .card-input-field input:focus,
.adri-giftcard-wrapper .card-input-group > input:focus {
    outline: none !important;
    border-color: #8B9A87 !important;
    background: white !important;
}

.adri-giftcard-wrapper .card-number-group .card-input-field input { 
    padding-right: 50px !important; 
}

.adri-giftcard-wrapper .card-icon { 
    position: absolute !important; 
    right: 15px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    font-size: 24px !important; 
}

.adri-giftcard-wrapper #card-number { 
    font-size: 20px !important; 
}

.adri-giftcard-wrapper #card-expiry, 
.adri-giftcard-wrapper #card-cvc { 
    font-size: 18px !important; 
    text-align: center !important; 
}

.adri-giftcard-wrapper .card-errors {
    color: #dc3545 !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    padding: 12px 16px !important;
    background: #fff5f5 !important;
    border-radius: 8px !important;
    display: none;
}

.adri-giftcard-wrapper .order-summary { 
    background: white !important; 
    padding: 20px !important; 
    border-radius: 12px !important; 
    margin: 25px 0 !important; 
}

.adri-giftcard-wrapper .summary-row { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
}

.adri-giftcard-wrapper .total-row { 
    font-size: 20px !important; 
    font-weight: 600 !important; 
}

.adri-giftcard-wrapper .total-amount { 
    font-size: 28px !important; 
    font-weight: 700 !important; 
    color: #6B8A67 !important; 
}

.adri-giftcard-wrapper .btn-submit {
    width: 100% !important;
    padding: 20px 30px !important;
    background: linear-gradient(135deg, #8B9A87 0%, #6B8A67 100%) !important;
    border: none !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: white !important;
    cursor: pointer !important;
    font-family: inherit !important;
    box-shadow: 0 4px 20px rgba(107, 138, 103, 0.4) !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.adri-giftcard-wrapper .btn-submit:hover:not(:disabled) { 
    transform: translateY(-2px) !important; 
}

.adri-giftcard-wrapper .btn-submit:disabled { 
    opacity: 0.7 !important; 
    cursor: not-allowed !important; 
}

.adri-giftcard-wrapper .terms-notice { 
    text-align: center !important; 
    font-size: 13px !important; 
    color: #888 !important; 
    margin: 20px 0 0 0 !important; 
}

.adri-giftcard-wrapper .terms-notice a { 
    color: #6B8A67 !important; 
}

.adri-giftcard-wrapper .secure-notice { 
    text-align: center !important; 
    font-size: 13px !important; 
    color: #6B8A67 !important; 
    margin-top: 15px !important; 
}

/* Success */
.adri-giftcard-wrapper .giftcard-success {
    text-align: center !important;
    padding: 60px 40px !important;
    background: white !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
}

.adri-giftcard-wrapper .success-icon { 
    font-size: 80px !important; 
    margin-bottom: 20px !important; 
    display: block !important;
}

.adri-giftcard-wrapper .giftcard-success h2 { 
    font-family: 'Playfair Display', serif !important; 
    font-size: 32px !important; 
    color: #5a4a4a !important; 
    margin: 0 0 15px 0 !important; 
}

.adri-giftcard-wrapper .giftcard-success p { 
    color: #666 !important; 
    font-size: 16px !important; 
    margin-bottom: 10px !important; 
}

.adri-giftcard-wrapper .giftcard-success p.small { 
    font-size: 14px !important; 
    color: #888 !important; 
}

.adri-giftcard-wrapper .btn-secondary {
    display: inline-block !important;
    padding: 14px 30px !important;
    background: white !important;
    border: 2px solid #8B9A87 !important;
    border-radius: 12px !important;
    color: #6B8A67 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
}

.adri-giftcard-wrapper .btn-secondary:hover { 
    background: #8B9A87 !important; 
    color: white !important; 
}

.adri-giftcard-wrapper .adri-gc-error { 
    background: #f8d7da !important; 
    color: #721c24 !important; 
    padding: 20px !important; 
    border-radius: 12px !important; 
    text-align: center !important; 
}

/* ===== COUPON WRAPPER ===== */
.adri-coupon-wrapper {
    max-width: 500px !important;
    margin: 40px auto !important;
    font-family: 'Poppins', sans-serif !important;
}

.adri-coupon-wrapper *,
.adri-coupon-wrapper *::before,
.adri-coupon-wrapper *::after {
    box-sizing: border-box !important;
}

/* MOBILBARÁT */
@media (max-width: 900px) {
    .adri-giftcard-wrapper { 
        max-width: 95% !important; 
        margin: 30px auto !important; 
    }
}

@media (max-width: 600px) {
    .adri-giftcard-wrapper { 
        padding: 0 10px !important; 
        margin: 15px auto !important; 
        max-width: 100% !important; 
    }
    .adri-giftcard-wrapper .adri-giftcard-header { 
        padding: 35px 20px !important; 
        border-radius: 16px 16px 0 0 !important; 
    }
    .adri-giftcard-wrapper .giftcard-icon { 
        font-size: 48px !important; 
    }
    .adri-giftcard-wrapper .adri-giftcard-header h2 { 
        font-size: 24px !important; 
    }
    .adri-giftcard-wrapper .price-display { 
        font-size: 32px !important; 
    }
    .adri-giftcard-wrapper .form-section { 
        padding: 25px 15px !important; 
    }
    .adri-giftcard-wrapper .form-grid .form-group { 
        flex: 1 1 100% !important; 
        min-width: 100% !important; 
    }
    .adri-giftcard-wrapper .btn-submit { 
        padding: 16px 20px !important; 
        font-size: 16px !important; 
    }
    .adri-giftcard-wrapper .total-amount { 
        font-size: 24px !important; 
    }
}