/*
 Theme Name:   Hello Biz Child
 Template:     hello-biz
 Version:      1.0.1
*/

/* ============================================================
   BUSCOAHORRO — Estilos globales del tema hijo
   ============================================================ */

/* ── Caja de consentimiento de contacto (formularios CF7) ──
   Resalta el checkbox de autorización de llamada y hace que
   ocupe todo el ancho disponible, igual que el resto de campos.
   Funciona con la estructura real de Contact Form 7:
   <label><input><span class="wpcf7-list-item-label">…</span></label>
   ------------------------------------------------------------ */

.ba-consent-box {
    background: linear-gradient(135deg, #e0f7f6, #ffffff);
    border: 2px solid #00a09d;
    border-radius: 14px;
    padding: 16px 18px;
    margin: 20px 0 4px;
    width: 100%;
    box-sizing: border-box;
}

/* El contenedor del checkbox ocupa todo el ancho
   (anula el grid de 2 columnas heredado del campo "intereses") */
.ba-consent-box .wpcf7-checkbox {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.ba-consent-box .wpcf7-list-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* El label es flex: checkbox a la izquierda, texto ocupando el resto */
.ba-consent-box .wpcf7-list-item label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    margin: 0 !important;
}

.ba-consent-box .wpcf7-list-item label:hover {
    background: transparent !important;
    border: none !important;
}

/* El checkbox mantiene su tamaño y no se encoge */
.ba-consent-box input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex: 0 0 20px !important;
    margin: 1px 0 0 0 !important;
    accent-color: #00a09d;
    cursor: pointer;
}

/* El texto ocupa todo el espacio restante y se ajusta en varias líneas */
.ba-consent-box .wpcf7-list-item-label {
    flex: 1 1 auto !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #0a1515 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Ajuste específico para el formulario del hero de la landing VIP */
.ba-hero-vip-form .ba-consent-box {
    margin: 16px 0 4px;
}