/**
 * Gift Codes Styling
 * 
 * @package KP_PMPro_Enhancements
 */

/* Gift Code Status Badges */
.kp-gift-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}

.kp-gift-status-pending {
    background: #f0f0f1;
    color: #50575e;
}

.kp-gift-status-sent {
    background: #e5f5fa;
    color: #0071a1;
}

.kp-gift-status-redeemed {
    background: #d1f3d1;
    color: #00a32a;
}

.kp-gift-status-expired {
    background: #ffd5d5;
    color: #d63638;
}

/* Account Page Gift Codes */
#kp-pmpro-gift-codes {
    margin-top: 30px;
}

#kp-pmpro-gift-codes .pmpro_table {
    width: 100%;
    border-collapse: collapse;
}

#kp-pmpro-gift-codes .pmpro_table th {
    background: #f6f7f7;
    padding: 10px;
    text-align: left;
    border-bottom: 2px solid #c3c4c7;
}

#kp-pmpro-gift-codes .pmpro_table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

#kp-pmpro-gift-codes code {
    background: #f0f0f1;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
}

.kp-copy-code {
    background: #2271b1;
    color: #fff;
    border: none;
    padding: 5px 12px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
}

.kp-copy-code:hover {
    background: #135e96;
}

/* Checkout Gift Fields */
#kp-pmpro-gift-fields {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 20px 0;
}

#kp-pmpro-gift-fields h3 {
    margin-top: 0;
    color: #2271b1;
}

.kp-pmpro-gift-note {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 12px;
    margin-bottom: 20px;
}

#kp-pmpro-gift-code-field {
    background: #f0f6fc;
    padding: 20px;
    border: 1px solid #0071a1;
    border-radius: 4px;
    margin: 20px 0;
}

#kp-pmpro-gift-code-field h3 {
    margin-top: 0;
    color: #0071a1;
}

#gift_code_message {
    margin-top: 10px;
    padding: 10px;
    border-radius: 3px;
}

#gift_code_message.success {
    background: #d1f3d1;
    color: #00a32a;
    border: 1px solid #00a32a;
}

#gift_code_message.error {
    background: #ffd5d5;
    color: #d63638;
    border: 1px solid #d63638;
}

/* Responsive */
@media screen and (max-width: 782px) {
    #kp-pmpro-gift-codes .pmpro_table {
        font-size: 14px;
    }
    
    #kp-pmpro-gift-codes .pmpro_table th,
    #kp-pmpro-gift-codes .pmpro_table td {
        padding: 8px 5px;
    }
    
    .kp-copy-code {
        font-size: 12px;
        padding: 4px 8px;
    }
}