/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.2.0.1767007936
*/
/* ================================
   CHECKOUT HOSTING – FLEX REAL
   ================================ */
.woocommerce-notices-wrapper {
 margin-top:4em;
}
/* Contenedor principal */
.woocommerce-checkout form.checkout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

/* =====================
   COLUMNA IZQUIERDA
   ===================== */
.woocommerce-checkout #customer_details {
    flex: 1 1 auto;
    width: 100%;
}

/* Quitar columnas internas */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    width: 100%;
    float: none;
}

/* =====================
   COLUMNA DERECHA
   ===================== */
.woocommerce-checkout #order_review {
    flex: 0 0 420px;
    width: 420px;
    background: #fafafa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
}

/* Quitar el título duplicado */
.woocommerce-checkout #order_review_heading {
    display: none;
}

/* =====================
   BLOQUE DE PAGO
   ===================== */
.woocommerce-checkout #payment {
    margin-top: 20px;
}

/* Caja tarjeta PayPal */
.woocommerce-checkout 
#payment .payment_box.payment_method_ppcp-credit-card-gateway {
    background: #e9e6ee !important;
    border-radius: 8px;
    padding: 16px;
}

/* Botón */
.woocommerce-checkout #place_order {
    width: 100%;
    padding: 16px;
    font-size: 16px;
    border-radius: 6px;
}

/* =====================
   RESPONSIVE
   ===================== */
@media (max-width: 900px) {
    .woocommerce-checkout form.checkout {
        flex-direction: column;
    }

    .woocommerce-checkout #order_review {
        width: 100%;
    }
}
/* Quitar fondo global del bloque de pago SOLO en checkout */
.woocommerce-checkout #payment {
    background: transparent;
    padding: 0;
}
/* Quitar fondo heredado de Woo en checkout */
.woocommerce-checkout #payment div.payment_box {
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.woocommerce-checkout #payment 
.payment_box.payment_method_ppcp-credit-card-gateway {
    background: #ffffff !important;
    border-radius: 8px;
    padding: 16px;
}
.woocommerce-checkout 
.payment_box.payment_method_ppcp-credit-card-gateway::before {
    display: none!important;
}
/* ===============================
   TARJETA – IGUALAR CAMPOS
   =============================== */

/* Inputs de tarjeta */
.woocommerce-checkout 
#wc-ppcp-credit-card-gateway-cc-form input {
    padding: 12px 14px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: none;
}

/* Espacio entre filas (igual que billing) */
.woocommerce-checkout 
#wc-ppcp-credit-card-gateway-cc-form .form-row {
    margin-bottom: 16px;
}

/* Caducidad + CVV bien proporcionados */
.woocommerce-checkout 
#wc-ppcp-credit-card-gateway-cc-form .form-row-first,
.woocommerce-checkout 
#wc-ppcp-credit-card-gateway-cc-form .form-row-last {
    width: 48%;
}

/* Quitar padding interno raro del fieldset */
.woocommerce-checkout 
#wc-ppcp-credit-card-gateway-cc-form fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
/* =========================================
   TARJETA – LIMPIAR CSS DE WOOCOMMERCE
   ========================================= */

/* Neutralizar margins de Woo en tarjeta */
.woocommerce-checkout
#wc-ppcp-credit-card-gateway-cc-form .form-row {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

/* Neutralizar reglas genéricas de Woo */
.woocommerce-checkout
#payment div.payment_box .form-row {
    margin: 0 0 16px !important;
    padding: 0 !important;
}

/* Inputs tarjeta = mismos que billing */
.woocommerce-checkout
#wc-ppcp-credit-card-gateway-cc-form input {
    padding: 12px 14px !important;
    font-size: 15px;
    line-height: 1.4;
    height: auto;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: none;
}

/* MM/AA y CVV bien alineados */
.woocommerce-checkout
#wc-ppcp-credit-card-gateway-cc-form .form-row-first,
.woocommerce-checkout
#wc-ppcp-credit-card-gateway-cc-form .form-row-last {
    width: 48%;
    margin-right: 0;
}

/* Fieldset sin padding basura */
.woocommerce-checkout
#wc-ppcp-credit-card-gateway-cc-form fieldset {
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
}
/* Quitar margins y paddings que mete Woo en la tarjeta */
.woocommerce-checkout
#wc-ppcp-credit-card-gateway-cc-form .form-row {
    margin: 0 !important;
    padding: 0 !important;
}

/* Quitar margin-bottom específico */
.woocommerce-checkout
.wc-ppcp-credit-card-gateway-cc-form .form-row {
    margin-bottom: 0 !important;
}

/* Quitar padding genérico de Woo */
.woocommerce-checkout
#payment div.payment_box .form-row {
    margin: 0 !important;
    padding: 0 !important;
}

#add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
    margin: 0px !important;
}

.woocommerce-checkout #payment {
    margin-top: 0px!important;
}
/* ===============================
   RESUMEN PEDIDO – ESTILO MODERNO
   =============================== */

/* Tabla base */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
}

/* Celdas */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: none;
    padding: 10px 0;
    font-size: 14px;
}

/* Ocultar cabecera */
.woocommerce-checkout-review-order-table thead {
    display: none;
}

/* ===============================
   FILA PRODUCTO
   =============================== */

/* Fila del producto como grid (FIX media caja) */
.woocommerce-checkout-review-order-table tr.cart_item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

/* Nombre + cantidad */
.woocommerce-checkout-review-order-table tr.cart_item .product-name {
    grid-column: 1;
    font-weight: 500;
}

/* Precio producto */
.woocommerce-checkout-review-order-table tr.cart_item .product-total {
    grid-column: 2;
    text-align: right;
    font-weight: 500;
    white-space: nowrap;
}

/* Asegurar fondo limpio */
.woocommerce-checkout-review-order-table tr.cart_item td {
    background: transparent;
}

#place_order {
    background-color: white!important;
	color:#696;
	font-size:20px!important;;
}
/* ===============================
   RESUMEN PEDIDO – ESTILO MODERNO
   =============================== */

/* GENERAL - CONFIGURACIÓN DE LA TABLA */
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    margin-bottom: 20px;
}

/* Quitar look tabla */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: none;
    padding: 10px 15px;
    font-size: 14px;
}

/* ===============================
   FILA PRODUCTO
   =============================== */

/* Fila del producto como grid (FIX media caja) */
.woocommerce-checkout-review-order-table tr.cart_item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
}

/* Nombre + cantidad */
.woocommerce-checkout-review-order-table tr.cart_item .product-name {
    grid-column: 1;
    font-weight: 500;
}

/* Precio producto */
.woocommerce-checkout-review-order-table tr.cart_item .product-total {
    grid-column: 2;
    text-align: right;
    font-weight: 500;
    white-space: nowrap;
}

/* Asegurar fondo limpio */
.woocommerce-checkout-review-order-table tr.cart_item td {
    background: transparent;
}

/* ===============================
   RESTO DE FILAS (subtotal, VAT…)
   =============================== */

.woocommerce-checkout-review-order-table tbody tr:not(.cart_item) td {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Subtotal y VAT */
.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-checkout-review-order-table .tax-rate {
    border-top: 1px solid #e5e5e5;
    margin-top: 8px;
    padding-top: 8px;
}

/* ===============================
   TOTAL
   =============================== */

.woocommerce-checkout-review-order-table .order-total {
    border-top: 2px solid #ccc;
    margin-top: 12px;
    padding-top: 12px;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-size: 16px;
    font-weight: 700;
}

/* Alineación del total a la derecha */
.woocommerce-checkout-review-order-table .product-total .woocommerce-Price-amount {
    text-align: right;
    display: block;
}

/* ===============================
   FIX DEFINITIVO - ACOMODAR CADA FILA
   =============================== */

/* Fila de producto como grid */
.woocommerce-checkout-review-order-table tr.cart_item td {
    display: block; /* mata el flex SOLO aquí */
}

/* Alineación correcta del precio del producto */
.woocommerce-checkout-review-order-table tr.cart_item .product-total {
    text-align: right;
    white-space: nowrap;
}