/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

/* ================================
   CHECKOUT WOOCOMMERCE - BOOTCAMP
================================ */

body.woocommerce-checkout {
    background: #080808 !important;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Contenedor general */
body.woocommerce-checkout main#content,
body.woocommerce-checkout .page-content,
body.woocommerce-checkout .entry-content {
    background: #080808 !important;
}

/* Checkout block */
body.woocommerce-checkout .wc-block-checkout {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 70px 24px !important;
    color: #ffffff !important;
}

/* Títulos */
body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-checkout__form h2,
body.woocommerce-checkout .wc-block-components-checkout-step__title {
    font-family: 'Chivo', sans-serif !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Subtítulos / labels */
body.woocommerce-checkout label,
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
    font-family: 'Chivo', sans-serif !important;
    color: #6B6B6B !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-size: 11px !important;
}

/* Cards / steps */
body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-components-totals-wrapper,
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-components-checkout-step__container {
    background: #1e1e1e !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
    color: #ffffff !important;
}

/* Espaciado interno */
body.woocommerce-checkout .wc-block-components-checkout-step {
    padding: 26px !important;
    margin-bottom: 24px !important;
}

/* Inputs */
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea,
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    min-height: 54px !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
}

/* Focus */
body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout .wc-block-components-text-input input:focus {
    border-color: #F7A800 !important;
    box-shadow: 0 0 0 1px rgba(247, 168, 0, .25) !important;
    outline: none !important;
}

/* Selects */
body.woocommerce-checkout .wc-block-components-combobox,
body.woocommerce-checkout .wc-block-components-country-input,
body.woocommerce-checkout .wc-block-components-state-input {
    background: #151515 !important;
    color: #ffffff !important;
}

/* Textos */
body.woocommerce-checkout p,
body.woocommerce-checkout span,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.woocommerce-checkout .wc-block-components-product-name {
    color: #D4CEC3 !important;
}

/* Links */
body.woocommerce-checkout a {
    color: #F7A800 !important;
}

/* Resumen del pedido */
body.woocommerce-checkout .wc-block-components-sidebar {
    padding: 0 !important;
    overflow: hidden !important;
}

body.woocommerce-checkout .wc-block-components-sidebar h2,
body.woocommerce-checkout .wc-block-components-order-summary__button-text {
    color: #ffffff !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 900 !important;
}

/* Totales */
body.woocommerce-checkout .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-footer-item {
    color: #ffffff !important;
    border-color: #2a2a2a !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

/* Botón principal */
body.woocommerce-checkout .wc-block-components-button,
body.woocommerce-checkout button[type="submit"] {
    width: 100% !important;
    background: #F7A800 !important;
    color: #1A1A1A !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    padding: 18px !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .wc-block-components-button:hover,
body.woocommerce-checkout button[type="submit"]:hover {
    background: #FFC740 !important;
    color: #1A1A1A !important;
}

/* Cupón */
body.woocommerce-checkout .wc-block-components-panel__button {
    color: #ffffff !important;
    background: transparent !important;
}

/* Notices / errores */
body.woocommerce-checkout .wc-block-components-notice-banner,
body.woocommerce-checkout .wc-block-components-notice-snackbar {
    background: rgba(247, 168, 0, 0.08) !important;
    border: 1px solid rgba(247, 168, 0, 0.25) !important;
    color: #ffffff !important;
}

/* Imágenes producto */
body.woocommerce-checkout .wc-block-components-order-summary-item__image {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
}

/* Mobile */
@media (max-width: 767px) {
    body.woocommerce-checkout .wc-block-checkout {
        padding: 40px 16px !important;
    }

    body.woocommerce-checkout .wc-block-components-checkout-step {
        padding: 20px !important;
    }

    body.woocommerce-checkout .wc-block-components-sidebar {
        margin-top: 24px !important;
    }
}

/* ================================
   CHECKOUT CLÁSICO / ELEMENTOR
================================ */

body.woocommerce-checkout form.checkout {
    max-width: 1180px;
    margin: 0 auto;
    color: #fff;
}

/* Fondo de columnas */

body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .bootcamp-factura-fields {
    background: #1e1e1e !important;
    /*border: 1px solid #2a2a2a !important;*/
    border-radius: 12px !important;
    padding: 28px !important;
    color: #fff !important;
}

body.woocommerce-checkout #customer_details .col-1 {
    background: #1e1e1e !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
    padding: 28px !important;
    color: #fff !important;
}

/* Títulos */
body.woocommerce-checkout h3,
body.woocommerce-checkout .bootcamp-factura-fields h3 {
    font-family: 'Chivo', sans-serif !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 24px !important;
}

/* Labels */
body.woocommerce-checkout label {
    font-family: 'Chivo', sans-serif !important;
    color: #6B6B6B !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-size: 11px !important;
    margin-bottom: 8px !important;
}

/* Inputs */
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
    color: #fff !important;
    border-radius: 0 !important;
    min-height: 56px !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
    border-color: #F7A800 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(247, 168, 0, .25) !important;
}

/* Organización de campos */
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last {
    width: 48% !important;
}

body.woocommerce-checkout .form-row-wide {
    width: 100% !important;
    clear: both !important;
}

/* Fix campos fiscales */
#datos-fiscales-extra {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 28px;
    margin-top: 28px;
}

#datos-fiscales-extra .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

#datos-fiscales-extra .form-row-wide {
    grid-column: span 2;
}

/* Radio requiere factura */
#requiere_factura_field .woocommerce-input-wrapper {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
    flex-wrap: wrap;
}

#requiere_factura_field label.radio {
    color: #D4CEC3 !important;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

#requiere_factura_field input[type="radio"] {
    accent-color: #F7A800 !important;
}

/* Botón */
body.woocommerce-checkout #place_order {
    background: #F7A800 !important;
    color: #1A1A1A !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    padding: 18px 24px !important;
}

/* Mobile */
@media (max-width: 767px) {

    body.woocommerce-checkout .form-row-first,
    body.woocommerce-checkout .form-row-last,
    #datos-fiscales-extra .form-row-wide {
        width: 100% !important;
        grid-column: span 1;
    }

    #datos-fiscales-extra {
        grid-template-columns: 1fr;
    }
}

/* ================================
   FIX COLUMNA DERECHA CHECKOUT ELEMENTOR
================================ */

body.woocommerce-checkout .e-checkout__column-inner,
body.woocommerce-checkout .e-checkout__order_review,
body.woocommerce-checkout .e-checkout__order_review-2 {
    background: #1e1e1e !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 28px !important;
}

/* Tabla resumen */
body.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.woocommerce-checkout .shop_table {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
body.woocommerce-checkout .shop_table th,
body.woocommerce-checkout .shop_table td {
    color: #D4CEC3 !important;
    border-color: #2a2a2a !important;
}

/* Total */
body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .order-total .amount {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 24px !important;
}

/* Caja de pago */
body.woocommerce-checkout #payment,
body.woocommerce-checkout .woocommerce-checkout-payment {
    background: #1e1e1e !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
    color: #ffffff !important;
}

/* Mensaje de métodos de pago */
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message {
    background: rgba(247, 168, 0, 0.08) !important;
    border-top-color: #F7A800 !important;
    color: #ffffff !important;
}

/* Texto de privacidad */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-privacy-policy-text p {
    color: #D4CEC3 !important;
}

/* Botón realizar pedido */
body.woocommerce-checkout #place_order {
    width: 100% !important;
    background: #F7A800 !important;
    color: #1A1A1A !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    padding: 18px 24px !important;
}

/* FIX SELECT2 CHECKOUT */
body.woocommerce-checkout .select2-container--default .select2-selection--single {
    background: #151515 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 0 !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    line-height: normal !important;
    padding: 0 !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 56px !important;
    right: 14px !important;
}

body.woocommerce-checkout .select2-dropdown {
    background: #151515 !important;
    border: 1px solid #F7A800 !important;
    color: #ffffff !important;
}

body.woocommerce-checkout .select2-search__field {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #F7A800 !important;
}

body.woocommerce-checkout .select2-results__option {
    background: #151515 !important;
    color: #ffffff !important;
}

body.woocommerce-checkout .select2-results__option--highlighted {
    background: #F7A800 !important;
    color: #1A1A1A !important;
}


/* ===== MERCADO PAGO - LOOK & FEEL BOOTCAMP ===== */

/* Tarjeta principal */
#mp-checkout-custom-root .mp-checkout-custom-container,
#mp-checkout-custom-root .mp-checkout-custom-card-form {
    background-color: #1e1e1e !important;
    border-radius: 12px !important;
    padding: 0;
}

/* Títulos */
#mp-checkout-custom-root h1,
#mp-checkout-custom-root h2,
#mp-checkout-custom-root h3,
#mp-checkout-custom-root legend {
    color: #F7A800 !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 700 !important;
}

/* Labels */
#mp-checkout-custom-root label {
    color: #D4CEC3 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
}

/* Inputs y selects */
#mp-checkout-custom-root input,
#mp-checkout-custom-root select {
    background: #1e1e1e !important;
    border: 1px solid #2a2a2a !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* Focus */
#mp-checkout-custom-root input:focus,
#mp-checkout-custom-root select:focus {
    border-color: #F7A800 !important;
    box-shadow: 0 0 0 1px rgba(247, 168, 0, .35) !important;
}

/* Placeholders */
#mp-checkout-custom-root input::placeholder {
    color: #777 !important;
}

/* Texto auxiliar */
#mp-checkout-custom-root small,
#mp-checkout-custom-root p {
    color: #D4CEC3 !important;
}

/* Links */
#mp-checkout-custom-root a {
    color: #F7A800 !important;
}

/* Bloque modo test */
#mp-checkout-custom-root test-mode {
    background: #1e1e1e !important;
    border: 1px solid #2a2a2a !important;
    color: #D4CEC3 !important;
}

/* ===========================
   MERCADO PAGO BOOTCAMP THEME
=========================== */

/* Fondo general */
#mp-checkout-custom-root .mp-checkout-custom-container,
#mp-checkout-custom-root .mp-checkout-custom-card-form,
#mp-checkout-custom-root .mp-wallet-button-container {
    background-color: #1e1e1e !important;
}

#mp-checkout-custom-root .mp-wallet-button-container-wrapper .mp-wallet-button-container .mp-wallet-button-title span {
    color: #F7A800;
}

/* Bloque modo test */
#mp-checkout-custom-root test-mode,
#mp-checkout-custom-root .test-mode {
    background: #1e1e1e !important;
    border: 1px solid #2A2A2A !important;
}

/* Texto modo test */
#mp-checkout-custom-root test-mode *,
#mp-checkout-custom-root .test-mode * {
    color: #F5F3EF !important;
}

/* Links amarillos */
#mp-checkout-custom-root a {
    color: #F7A800 !important;
}

/* Labels */
#mp-checkout-custom-root .mp-input-label,
#mp-checkout-custom-root .mp-input-label *,
#mp-checkout-custom-root label {
    color: #D4CEC3 !important;
    font-family: 'Chivo', sans-serif !important;
    letter-spacing: 1px;
}

/* Campos */
#mp-checkout-custom-root input,
#mp-checkout-custom-root select {
    background: #1e1e1e !important;
    color: #F5F3EF !important;
    border: 1px solid #2A2A2A !important;
}

/* Placeholder */
#mp-checkout-custom-root input::placeholder {
    color: #888 !important;
}

/* Focus */
#mp-checkout-custom-root input:focus,
#mp-checkout-custom-root select:focus {
    border-color: #F7A800 !important;
    box-shadow: 0 0 0 1px rgba(247, 168, 0, .4) !important;
}

/* Título "Pagá en un toque..." */
#mp-checkout-custom-root .mp-wallet-button-title,
#mp-checkout-custom-root .mp-wallet-button-title span {
    color: #F5F3EF !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 700 !important;
}

/* Texto inferior */
#mp-checkout-custom-root .mp-privacy-policy-footer,
#mp-checkout-custom-root .mp-privacy-policy-footer * {
    color: #D4CEC3 !important;
}

/* Helpers debajo de los campos */
#mp-checkout-custom-root input-helper,
#mp-checkout-custom-root .input-helper {
    color: #D4CEC3 !important;
}

/* Fondo principal Mercado Pago */
body.woocommerce-checkout #payment .payment_box #mp-checkout-custom-root.mp-checkout-container .mp-checkout-custom-container {
    background-color: #1e1e1e !important;
    padding: 0 !important;
}

/* Título: Pagá en un toque... */
body.woocommerce-checkout #payment .payment_box #mp-checkout-custom-root.mp-checkout-container .mp-wallet-button-title,
body.woocommerce-checkout #payment .payment_box #mp-checkout-custom-root.mp-checkout-container .mp-wallet-button-title span {
    color: #F5F3EF !important;
    font-family: 'Chivo', sans-serif !important;
    font-weight: 700 !important;
}

/*Mejora para aceptar clic*/

/* TEST: asegurar que los CTAs queden clickeables */
.hero-pricing-wrapper,
.hero-pricing-cards,
.hero-price-card,
.hero-price-card * {
    pointer-events: auto !important;
}

.hero-price-card-featured {
    position: relative !important;
    z-index: 999999 !important;
}

/* capas decorativas no deben bloquear clics */
.intro-video-stage,
.intro-video-overlay,
.spotlight-container,
.spotlight-left,
.spotlight-right,
#hero-parallax>video,
#deforming-grid-canvas,
#interactive-bg {
    pointer-events: none !important;
}