/* =================================================================
   NUEVO MANDATO DE DISEÑO PARA BLOQUES DE CHECKOUT DE WOOCOMMERCE
   ================================================================= */

/* --- 1. Configuración General y Tipografía Base --- */

:root {
  --ingenia1: #C79217;
  --ingenia2: #edae1b;
  --ingenia3: #19161d;
  --ingenia4: #ffffff;
  --ingenia5: #000000;
  --ingenia6: #eeeeee;
  --ingenia-fuente-ppal: "Poppins";
}

/* Asignamos tu fuente principal a todo el contenedor del checkout */
.wc-block-checkout {
    font-family: var(--ingenia-fuente-ppal), sans-serif !important;
}

/* Eliminamos los bordes de los contenedores principales (fieldsets) */
.wc-block-checkout .wc-block-components-fieldset {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 2em; /* Añadimos un poco de espacio vertical */
}


/* --- 2. Títulos y Etiquetas de Formulario --- */

/* Estilo para los títulos de cada sección (ej. "Detalles de facturación") */
.wc-block-checkout h2,
.wc-block-checkout h3 {
    font-family: var(--ingenia-fuente-ppal), sans-serif;
    text-transform: uppercase;
    font-size: 1.5em;
    border-bottom: 2px solid var(--ingenia1); /* Línea sutil con color de marca */
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}

/* Estilo para las etiquetas de cada campo (Nombre, Apellidos, etc.) */
.wc-block-checkout .wc-block-components-form-row label {
    font-weight: 600; /* Hacemos las etiquetas semi-negrita */
    margin-bottom: 0.5em !important;
    color: var(--ingenia3);
}


/* --- 3. Campos de Formulario (Inputs) --- */

/* Eliminamos los bordes de todos los campos de texto, email, etc. */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-textarea textarea,
.wc-block-checkout .select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 4px; /* Bordes redondeados para un look suave */
    background-color: var(--ingenia6) !important; /* Fondo gris claro */
    box-shadow: none !important; /* Quitamos cualquier sombra */
    transition: background-color 0.3s ease;
    padding: 12px !important;
    height: auto !important;
}

/* Cambiamos el fondo cuando el usuario hace clic en un campo */
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-textarea textarea:focus {
    background-color: #fff !important;
    outline: 2px solid var(--ingenia2) !important; /* Resaltado de marca al seleccionar */
}


/* --- 4. Resumen del Pedido --- */

/* Eliminamos TODOS los bordes de la tabla de resumen */
.wc-block-checkout .wc-block-components-order-summary-item__table,
.wc-block-checkout .wc-block-components-order-summary-item__table th,
.wc-block-checkout .wc-block-components-order-summary-item__table td {
    border: none !important;
}

/* Añadimos una línea sutil solo debajo de cada producto para legibilidad */
.wc-block-checkout .wc-block-components-order-summary-item__table .wc-block-components-order-summary-cart-items__row {
    border-bottom: 1px solid var(--ingenia6) !important;
}

/* Estilo para el total del pedido */
.wc-block-checkout .wc-block-components-order-summary__totals-item {
    font-weight: bold;
    border-top: 1px solid var(--ingenia6) !important;
    padding-top: 1em !important;
}


/* --- 5. Métodos de Pago y Botón Final --- */

/* Contenedor de métodos de pago sin líneas */
.wc-block-checkout__payment-methods {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.wc-block-checkout__payment-method {
    background-color: var(--ingenia6) !important;
    border-radius: 4px;
    margin-bottom: 1em !important;
}

/* Botón principal "Realizar el pedido" con tus colores de marca */
.wc-block-checkout .wc-block-components-button {
    background-color: var(--ingenia1) !important;
    color: var(--ingenia4) !important;
    border-radius: 4px !important;
    font-family: var(--ingenia-fuente-ppal), sans-serif !important;
    font-weight: bold !important;
    padding: 15px 20px !important;
    text-transform: uppercase;
    width: 100%;
    transition: background-color 0.3s ease;
}

.wc-block-checkout .wc-block-components-button:hover {
    background-color: var(--ingenia2) !important;
    color: var(--ingenia4) !important;
}