/*
Theme Name: Mozda - Child Theme
Theme URI: http://www.3forty.media/mozda
Author: 3FortyMedia
Author URI: http://www.3forty.media
Description: Mozda Child theme
Version: 1.0
Text Domain: mozda
Template: mozda
*/
/* CENTRAR Y AJUSTAR CHECKOUT DE WOOCOMMERCE (BLOQUES NUEVOS) */

/* El contenedor principal del checkout (es el mismo div que tiene todas las clases) */
body .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    max-width: 1100px !important;       /* ancho total del checkout */
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 16px !important;
}

/* Hacer que el checkout sea un grid de 2 columnas */
body .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.1fr) !important;
    gap: 32px !important;
    align-items: flex-start !important;
}

/* Columna izquierda (campos de contacto, direcciones, etc.) como tarjeta */
body .wp-block-woocommerce-checkout-fields-block {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06) !important;
    padding: 24px 28px 32px !important;
}

/* Columna derecha (resumen del pedido) */
body .wp-block-woocommerce-checkout-totals-block {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06) !important;
    padding: 24px 24px 28px !important;
}

/* En pantallas pequeñas, una columna abajo de la otra */
@media (max-width: 900px) {
    body .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
        display: block !important;
        padding: 0 12px !important;
    }

    body .wp-block-woocommerce-checkout-totals-block {
        margin-top: 24px !important;
    }
}

/* Labels e inputs un poco más cómodos */
body .wp-block-woocommerce-checkout-fields-block label {
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}

body .wp-block-woocommerce-checkout-fields-block input,
body .wp-block-woocommerce-checkout-fields-block select,
body .wp-block-woocommerce-checkout-fields-block textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
}

/* Ocultar todo el bloque "Dirección de facturación" del checkout de bloques */
#billing-fields.wc-block-checkout__billing-fields {
    display: none !important;
}
#billing-fields {
    display: none !important;
}

#billing_country_field {
    display: none !important;
}


/* Ocultar el título blanco del slider */
#tfm-hero .entry-title {
    display: none !important;
}

/* Asegurar que la imagen se vea con brillo normal */
#tfm-hero .post-thumbnail img {
    filter: none !important;
    opacity: 1 !important;
}

/* Ocultar título dentro de los slides tipo "hero-entry" del tema Mozda */
.hero-entry .entry-title {
    display: none !important;
}