/**
 * Chery Reservas — Estilos del componente de código promocional.
 *
 * Se aplican únicamente al campo Gravity Forms con cssClass "chery-codigo-promo".
 * El JS chery-promo-codigo.js agrega/quita las clases de estado
 * (.chery-promo--loading / --valid / --invalid) sobre el contenedor .gfield.
 */

.gfield.chery-codigo-promo .chery-promo-input-wrap {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.gfield.chery-codigo-promo .chery-promo-input-wrap input[type="text"] {
    flex: 1;
    text-transform: uppercase;
}

.gfield.chery-codigo-promo .chery-promo-apply {
    appearance: none;
    border: 1px solid #1d4ed8;
    background: #1d4ed8;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 0 16px;
    border-radius: 6px;
    cursor: pointer;
    min-width: 100px;
    transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.gfield.chery-codigo-promo .chery-promo-apply:hover:not(:disabled) {
    background: #1e40af;
    border-color: #1e40af;
}

.gfield.chery-codigo-promo .chery-promo-apply:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.gfield.chery-codigo-promo .chery-promo-feedback {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.4;
    min-height: 18px;
    color: #6b7280;
}

/* Estado: cargando */
.gfield.chery-codigo-promo.chery-promo--loading .chery-promo-apply {
    background: #94a3b8;
    border-color: #94a3b8;
}

/* Estado: válido */
.gfield.chery-codigo-promo.chery-promo--valid .chery-promo-input-wrap input[type="text"] {
    border-color: #16a34a;
    background: #f0fdf4;
}
.gfield.chery-codigo-promo.chery-promo--valid .chery-promo-apply {
    background: #6b7280;
    border-color: #6b7280;
}
.gfield.chery-codigo-promo.chery-promo--valid .chery-promo-apply:hover {
    background: #4b5563;
    border-color: #4b5563;
}
.gfield.chery-codigo-promo.chery-promo--valid .chery-promo-feedback {
    color: #15803d;
    font-weight: 500;
}
.gfield.chery-codigo-promo.chery-promo--valid .chery-promo-feedback::before {
    content: "✓ ";
    font-weight: 700;
}

/* Estado: inválido */
.gfield.chery-codigo-promo.chery-promo--invalid .chery-promo-input-wrap input[type="text"] {
    border-color: #dc2626;
    background: #fef2f2;
}
.gfield.chery-codigo-promo.chery-promo--invalid .chery-promo-feedback {
    color: #b91c1c;
    font-weight: 500;
}
.gfield.chery-codigo-promo.chery-promo--invalid .chery-promo-feedback::before {
    content: "✗ ";
    font-weight: 700;
}

/* Los 2 campos hidden no deben aparecer ni siquiera con label visible. */
.gfield.chery-promo-campana,
.gfield.chery-promo-id {
    display: none !important;
}