/*
Theme Name:     Helvant Child
Theme URI:      https://helvant.com.ar
Description:    Tema hijo para Helvant
Author:         RoviSoft
Author URI:     https://damrovi.com
Template:       nevark
Version:        1.0
*/

/* ================= CHECKOUT FULL WIDTH ================= */
.woocommerce-checkout {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 40px;
    box-sizing: border-box;
}

/* ================= LAYOUT 50/50 COLUMNAS ================= */
.woocommerce-checkout .col2-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
    width: 48%;
    min-width: 300px;
    box-sizing: border-box;
}

/* Ocultar columna vacía si no hay datos de envío */
.woocommerce-checkout .col-2:empty {
    display: none;
}

/* ================= RESUMEN DE PEDIDO ================= */
#order_review {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0,0,0,0.03);
    box-sizing: border-box;
}

/* ================= BOTÓN DE PAGO ================= */
.woocommerce-checkout button[type="submit"] {
    background-color: #111;
    color: #fff;
    padding: 12px 30px;
    font-size: 1.1rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce-checkout button[type="submit"]:hover {
    background-color: #333;
}

/* ================= ENCABEZADO DEL RESUMEN ================= */
#order_review_heading {
    font-size: 1.6rem;
    margin-bottom: 10px;
    color: #111;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
}

/* ================= MÉTODOS DE PAGO ================= */
.woocommerce-checkout #payment {
    background-color: #ffffff;
    border: 2px solid #ff6600;
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
    width: 100% !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    box-sizing: border-box;
}

/* Estilo individual de cada método */
.woocommerce-checkout #payment ul.payment_methods li {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
    color: #333;
}

/* Método seleccionado destacado */
.woocommerce-checkout #payment ul.payment_methods input[type="radio"]:checked + label {
    font-weight: bold;
    color: #ff6600;
}

/* Texto dentro del método */
.woocommerce-checkout #payment .payment_box {
    background-color: #fefefe;
    border: 1px dashed #ccc;
    padding: 1px;
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

/* ================= FIXS GENERALES ================= */
/* Ocultar icono de favoritos */
.shopengine-icon-add_to_favourite_1 {
    display: none !important;
}

/* ================= HEADER & FOOTER FULL WIDTH ================= */
/* 🛠️ Fix hecho a medida por RoviSoft para que el header y footer se salgan de la caja y ocupen pantalla completa.
   Ideal para themes que meten todo dentro de un max-width y no te dejan lucirte.
   Este código fue escrito mientras sonaba Patricio Rey y el Cynar pegaba fuerte. */
header.site-header,
footer.site-footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    position: relative;
    left: 0;
    right: 0;
    box-sizing: border-box;
    background-color: inherit;
    z-index: 999;
}