/**
 * CSS del checkout de asociación (página 868).
 * Migrado desde theme-customisations-master/custom/style.css
 */

/* Eliminar borde exterior que agrupa todo */
#customer_details .col-1,
.woocommerce-additional-fields,
.e-checkout__order_review,
.woocommerce-checkout-payment {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Encabezados de sección del formulario */
#head_rgpd_field,
#datos_socio_field,
#head_datos_membresia_field,
#head_experiencia_profesional_field,
#header_compromisos_field,
#head_proteccion_datos_field,
#header_perfil_field,
#header_factura_field,
#header_declaraciones_field,
#header_consentimientos_field,
#header_datos_contacto_field,
#header_instrucciones_previas_field,
h2.grc-resumen-titulo {
    background-color: #f0f4f8;
    border-left: 5px solid #93B868;
    border-radius: 6px;
    padding: 12px 18px !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    width: 100% !important;
}

/* Título dentro de cada sección */
#head_rgpd_field h2,
#datos_socio_field h2,
#head_datos_membresia_field h2,
#head_experiencia_profesional_field h2,
#header_compromisos_field h2,
#head_proteccion_datos_field h2,
#header_perfil_field h2,
#header_factura_field h2,
#header_declaraciones_field h2,
#header_consentimientos_field h2,
#header_datos_contacto_field h2,
#header_instrucciones_previas_field h2,
h2.grc-resumen-titulo {
    margin-bottom: 0 !important;
    font-size: 22px !important;
    color: #04283B;
}

/* "Tu solicitud" (columna derecha) */
#order_review_heading {
    background-color: #f0f4f8;
    border-left: 5px solid #93B868;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 20px;
}

/* Clear float para encabezados que van después de campos con float */
#head_datos_membresia_field,
#head_experiencia_profesional_field,
#header_compromisos_field,
#head_proteccion_datos_field,
#header_factura_field,
#header_declaraciones_field,
#header_consentimientos_field,
#header_datos_contacto_field {
    clear: both;
}

.justify { text-align: justify; }

/* Stripe: quitar borde y padding excesivo */
#wc-stripe-upe-form { border: 0; }
#order_review_heading,
.woocommerce-checkout-review-order-table {
    display: none !important;
}

/* Resumen "Tu solicitud" */
.grc-resumen-titulo {
    margin: 0 0 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2em !important;
}
.grc-resumen {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}
.grc-fila {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: .5rem 0;
}
.grc-resumen hr {
    border: 0;
    border-top: 1px solid #e5e5e5;
    margin: .75rem 0;
}
.grc-total span,
.grc-total strong { font-size: 1.25rem; }
.grc-total strong { color: #04283B; }
.grc-nota {
    margin: 1rem 0 0;
    font-size: .9rem;
    color: #6b7280;
    line-height: 1.5;
}

/* Wizard multi-paso */
.paso-wizard { display: none !important; }
.paso-wizard.activo { display: flex !important; }

.w-btn-siguiente:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.w-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    gap: 0 12px;
    box-sizing: border-box;
}
.w-btn-atras { display: inline-block; grid-column: 1; justify-self: start; }
.w-nav-label {
    text-align: center;
    white-space: nowrap;
    grid-column: 2;
    font-size: 12px;
    color: #6b6b6b;
}
.w-btn-siguiente { display: inline-block; grid-column: 3; justify-self: end; }

/* Widget HTML que contiene la navegación */
.elementor-widget-html:has(.w-nav) { width: 100% !important; }

/* Scroll para leer estatutos */
.grc-scroll-container {
    border: 1px solid #D3D1C7;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
}
.grc-scroll-content {
    height: 300px;
    overflow-y: scroll;
    padding: 24px;
    background: #FFFFFF;
    font-size: 14px;
    line-height: 1.7;
    color: #5F5E5A;
    scroll-behavior: smooth;
}
.grc-scroll-content h3 {
    font-size: 15px;
    font-weight: 500;
    color: #04283B;
    margin-top: 20px;
    margin-bottom: 8px;
}
.grc-scroll-content p { margin-bottom: 12px; }

.grc-scroll-indicator {
    background: #F1EFE8;
    border-top: 1px solid #D3D1C7;
    padding: 10px 24px;
    text-align: center;
    font-size: 13px;
    color: #888780;
    transition: all 0.3s ease;
}
.grc-scroll-indicator.completado {
    background: #E1F5EE;
    color: #0F6E56;
    border-top-color: #9FE1CB;
}

/* Checkboxes bloqueados/desbloqueados */
.grc-checkbox-bloqueado {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}
.grc-checkbox-desbloqueado {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

/* Botón "Continuar con la solicitud" — Gravity Forms */
#gform_submit_button_4,
#gform_4 .gform_button {
    background-color: #93B868 !important;
    border-color: #93B868 !important;
    color: #04283B !important;
    border-radius: 6px !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    transition: background-color 0.2s ease !important;
}
#gform_submit_button_4:hover,
#gform_4 .gform_button:hover {
    background-color: #04283B !important;
    border-color: #04283B !important;
    color: #ffffff !important;
}

/* Área de especialización */
#area_especializacion_field .woocommerce-input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#area_especializacion_field label {
    display: block !important;
    margin-right: 0 !important;
}

/* Stripe pago */
.payment_box.payment_method_stripe {
    background-color: #ffffff !important;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    padding: 0em;
}

/* ─── Fix contraste Select2 (dropdown abierto) ─── */

/* Opción actualmente seleccionada dentro del dropdown */
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #eaf6ef !important;
    color: #04283B !important;
    font-weight: 600;
}

/* Opción con hover/keyboard focus */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
    background-color: #04283B !important;
    color: #ffffff !important;
}

/* Placeholder del select cerrado (texto gris) */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6b7280;
}