/* WCCI - Frontend
 *
 * Reutilizamos las clases nativas de WooCommerce (.woocommerce, .form-row, etc.)
 * para que el formulario herede el look del checkout y del tema activo.
 * Solo añadimos cosas mínimas: separación, avisos coloreados y la disposición a 2 columnas.
 */

.wcci-wrap {
    margin: 1.5em 0;
}

.wcci-wrap h3 {
    margin: 0 0 0.6em;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 0.4em;
}

.wcci-wrap fieldset {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 1em 1.2em 0.4em;
    margin: 1em 0;
}

.wcci-wrap fieldset > legend {
    font-weight: 600;
    padding: 0 0.5em;
}

/* Avisos */
.wcci-aviso {
    padding: 0.9em 1.1em;
    border-radius: 3px;
    margin-bottom: 1em;
    border-left: 4px solid;
    line-height: 1.45;
}
.wcci-ok    { background: #f0f8ee; border-color: #46b450; color: #2e7d32; }
.wcci-error { background: #fdf0f0; border-color: #dc3232; color: #b32d2e; }
.wcci-info  { background: #f0f6fc; border-color: #2271b1; color: #1d4ed8; }

/* Layout 2 columnas en pantallas anchas, igual que el checkout */
.wcci-form .wcci-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin: 0;
}
.wcci-form .form-row {
    flex: 1 1 calc(50% - 10px);
    min-width: 240px;
    margin: 0 0 14px !important;
    padding: 0 !important;
}
.wcci-form .form-row.form-row-wide {
    flex: 1 1 100%;
}

/* Campos: heredamos el look del tema, solo aseguramos consistencia mínima */
.wcci-form label {
    display: block;
    font-weight: 600;
    margin: 0 0 4px;
}
.wcci-form .required {
    color: #dc3232;
    text-decoration: none;
}
.wcci-form input[type="text"],
.wcci-form input[type="email"],
.wcci-form input[type="number"],
.wcci-form input[type="date"],
.wcci-form select,
.wcci-form textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Checkboxes: alinear con la etiqueta como el checkout */
.wcci-form .wcci-check {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: 8px 0;
}
.wcci-form .wcci-check input[type="checkbox"] {
    margin-top: 4px;
    flex-shrink: 0;
}
.wcci-form .wcci-check label {
    font-weight: normal;
    margin: 0;
    line-height: 1.5;
}

/* Botones: usamos las clases del WC para que coincidan con el theme */
.wcci-form .wcci-actions {
    margin-top: 1em;
}

/* Resumen del pedido localizado (para que el atleta vea sobre qué inscripción está actuando) */
.wcci-resumen-pedido {
    background: #f7fafc;
    border: 1px solid #e3e8ef;
    border-radius: 4px;
    padding: 12px 16px;
    margin: 1em 0;
    line-height: 1.6;
}
.wcci-resumen-pedido strong {
    color: #1d4ed8;
}

/* Input del código: monoespaciado y centrado, da pista visual */
.wcci-form .wcci-codigo input {
    font-size: 1.4em;
    letter-spacing: 0.4em;
    text-align: center;
    font-family: 'Menlo', 'Consolas', monospace;
    max-width: 200px;
}