.elementor-3189 .elementor-element.elementor-element-658fc97{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-5b2ae0b{--display:flex;--overlay-opacity:0.5;border-style:none;--border-style:none;}.elementor-3189 .elementor-element.elementor-element-5b2ae0b:not(.elementor-motion-effects-element-type-background), .elementor-3189 .elementor-element.elementor-element-5b2ae0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-3189 .elementor-element.elementor-element-5b2ae0b::before, .elementor-3189 .elementor-element.elementor-element-5b2ae0b > .elementor-background-video-container::before, .elementor-3189 .elementor-element.elementor-element-5b2ae0b > .e-con-inner > .elementor-background-video-container::before, .elementor-3189 .elementor-element.elementor-element-5b2ae0b > .elementor-background-slideshow::before, .elementor-3189 .elementor-element.elementor-element-5b2ae0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3189 .elementor-element.elementor-element-5b2ae0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(max-width:767px){.elementor-3189 .elementor-element.elementor-element-658fc97{--content-width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;}.elementor-3189 .elementor-element.elementor-element-5b2ae0b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}}/* Start custom CSS for shortcode, class: .elementor-element-484c823 *//* =====================================================
   FIX UNIFICADO + CUADROS ADDRESSES - THE SNEAKERS DEALER
   ===================================================== */

/* 1. NAVEGACIÓN Y BOTONES NEGROS (CON ESPACIADO) */
.woocommerce-MyAccount-navigation {
    display: block !important;
    margin-bottom: 60px !important; /* Espacio entre Log Out y el texto de abajo */
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; 
}

.woocommerce-MyAccount-navigation li {
    border: 1px solid #000 !important;
    background: #fff !important;
    transition: 0.3s !important;
}

.woocommerce-MyAccount-navigation li a {
    display: block !important;
    padding: 12px 20px !important;
    color: #000 !important;
    text-decoration: none !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
}

/* 2. HOVER Y BOTÓN ACTIVO (INDICADOR NEGRO) */
.woocommerce-MyAccount-navigation li:hover,
.woocommerce-MyAccount-navigation li.is-active {
    background: #000 !important;
}

.woocommerce-MyAccount-navigation li:hover a,
.woocommerce-MyAccount-navigation li.is-active a {
    color: #fff !important;
}

/* 3. SECCIÓN ADDRESSES (CUADROS NEGROS TIPO HYPE WORLD) */
.woocommerce-Address {
    border: 1px solid #000 !important; /* El cuadro que faltaba */
    padding: 20px !important;
    margin-bottom: 20px !important;
    background: #fff !important;
}

.woocommerce-Address-title h3 {
    font-family: 'Space Grotesk', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

/* 4. TEXTOS GENERALES (DASHBOARD Y DIRECCIONES) */
.woocommerce-MyAccount-content, 
.woocommerce-MyAccount-content p, 
.woocommerce-MyAccount-content a,
.woocommerce-account address {
    text-transform: uppercase !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-style: normal !important; /* CERO ITÁLICAS */
    line-height: 1.6 !important;
    font-size: 11px !important; 
}

/* 5. LIMPIEZA DE FORMULARIOS */
.woocommerce-edit-account fieldset {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-account em, 
.woocommerce-account i, 
.woocommerce-account span.description {
    font-style: normal !important;
    text-transform: uppercase !important;
}
/* EVITAR ZOOM EN MÓVIL (INPUTS A 16PX) */
.woocommerce-account input.input-text, 
.woocommerce-account select, 
.woocommerce-account textarea {
    font-size: 16px !important; /* Mínimo para que el móvil no haga zoom */
}/* End custom CSS */
/* Start custom CSS *//* =====================================================
   MY ACCOUNT – THE SNEAKERS DEALER (ESTRUCTURA FLIGHT CLUB)
   ===================================================== */

/* FORZAR COLUMNA ÚNICA EN DESKTOP */
.woocommerce .u-columns.col2-set {
    display: flex !important;
    flex-direction: column !important; /* Apila Login y Register uno bajo el otro */
    align-items: center !important;
}

.woocommerce .u-column1, 
.woocommerce .u-column2 {
    width: 100% !important;
    max-width: 360px !important; /* Mantiene el ancho limpio de tu diseño */
    float: none !important;
    margin: 0 auto 40px auto !important; /* Separa los bloques */
}

/* MANTENER TU ESTÉTICA ORIGINAL (LETRAS, BORDES, BOTONES) */
body:not(.logged-in) .woocommerce {
  max-width: 360px;
  margin: 10px auto;
  padding: 0;
  font-family: 'Space Grotesk', sans-serif;
  text-transform: uppercase;
}

.woocommerce form.login,
.woocommerce form.register {
  border: none;
  padding: 0;
  margin: 0;
}

.woocommerce .u-column1 h2,
.woocommerce .u-column2 h2,
.woocommerce h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 16px;
  text-align: center; /* Centrado como en Flight Club */
}

.woocommerce label {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 1px !important;
  display: block;
}

.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"] {
  font-size: 16px;
  padding: 5px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #ddd;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}

.woocommerce .form-row {
  margin-bottom: 10px !important;
}

/* BOTONES (TSD ORIGINAL) */
.woocommerce button.button,
.woocommerce form.login button,
.woocommerce form.register button {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase !important;
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.woocommerce button.button:hover,
.woocommerce form.login button:hover,
.woocommerce form.register button:hover {
  background: #fff !important;
  color: #000 !important;
}

/* TEXTOS Y LINKS */
.woocommerce a {
  font-size: 14px;
  letter-spacing: 0.05em;
}

/* OCULTAR ELEMENTOS INNECESARIOS */
.woocommerce .show-password-input,
.woocommerce .woocommerce-password-strength,
.woocommerce .woocommerce-password-hint {
  display: none !important;
}
/* =====================================================
   BLOQUE DEFINITIVO: TEXTOS DE REGISTRO
   ===================================================== */

/* Seleccionamos todos los párrafos dentro de la columna de registro */
.u-column2.col-2.woocommerce-Address-col2 p,
.woocommerce-form-register p,
.register p {
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1.5 !important;
    display: block !important;
}

/* Ajuste específico para el enlace de privacidad que sale en rojo */
.woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link {
    font-size: 14px !important;
    text-decoration: underline;
    color: inherit !important;
}
/* ESPACIO ENTRE LOST PASSWORD Y REGISTER */
.woocommerce .lost_password {
  margin-bottom: 15px !important; /* ← AJUSTA ESTE VALOR */
}
/* ELIMINACIÓN TOTAL DE MÁRGENES EN REGISTRO */
.woocommerce-form-register .form-row {
    margin-bottom: 2px !important; /* Espacio entre el campo y el texto informativo */
}

.woocommerce-form-register .form-row label {
    margin-bottom: 0px !important; /* Pega el texto a la caja */
    padding-bottom: 0px !important;
    line-height: 1 !important;
}

/* Elimina cualquier espacio fantasma del párrafo */
.woocommerce-form-register p.form-row {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
/* ===== PADDING INTERNO CONTROLADO (FLIGHT CLUB STYLE) ===== */
.woocommerce form.login,
.woocommerce form.register {
  padding: 0 16px; /* ← AJUSTA AQUÍ: 12px / 16px / 20px */
}
/* El cuadro de error */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background: #fff !important;
    border: px solid #000 !important; /* Cuadro negro sólido */
    color: #000 !important;
    padding: 15px !important;
    list-style: none !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 14px !important; /* Tamaño pequeño como tus otros textos */
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    border-radius: 0 !important;
}

/* Quitar el icono feo de color que pone WooCommerce */
.woocommerce-error::before, .woocommerce-message::before, .woocommerce-info::before {
    display: none !important;
}

.woocommerce-error li {
    margin-left: 0 !important;
}
/* =====================================================
   MENSAJES DE ERROR (TAMAÑO REFINADO)
   ===================================================== */

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    font-size: 12px !important; /* Ajuste para que no sea muy grande */
    line-height: 1.4 !important;
    padding: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Reducir el tamaño del link de "Lost Password?" dentro del error */
.woocommerce-error a {
    font-size: 12px !important;
    font-weight: 700 !important;
}





/* FORZAR MAYÚSCULAS EN EL TÍTULO PRINCIPAL DE LA PÁGINA */
.woocommerce-account h1, 
.woocommerce-account h2, 
.woocommerce-MyAccount-content h2:first-child,
.entry-title {
    text-transform: uppercase !important;
}

/* POR SI EL TÍTULO ESTÁ DENTRO DEL CONTENEDOR DE CUENTA */
.woocommerce-account .page-title, 
#primary h1.entry-title {
    text-transform: uppercase !important;
}


/* --- CONTROL DE TAMAÑO DEL MENÚ LATERAL (MY ACCOUNT) --- */
.woocommerce-MyAccount-navigation ul li a {
    font-size: 16px !important;    /* Ajusta este número para hacerlo más grande */
    font-weight: 400 !important;    /* Para que se vea imponente como el resto */
    text-transform: uppercase !important;
    padding: 10px 0 !important;
    display: block;
}




/* --- CAMBIAR TEXTOS ROJOS A NEGRO Y AJUSTAR TAMAÑO --- */

/* Atacamos los links dentro del saludo (Nombre y Log out) */
.woocommerce-MyAccount-content p a, 
.woocommerce-MyAccount-content p strong a {
    color: #ec1111 !important; /* Cambia de rojo a negro */
    font-size: 16px !important; /* El tamaño que querías */
    font-weight: 600 !important; /* Peso marcado TSD */
    text-decoration: underline !important; /* Para que sepa que es link */
}

/* Forzamos que el texto del saludo general también crezca */
.woocommerce-MyAccount-content p {
    font-size: 16px !important;
    color: #000 !important;
}






/* =======================================================
   ESTILO TABLA DE PEDIDOS (ORDERS) - TSD PREMIUM
   ======================================================= */

/* 1. Encabezados de la tabla (Negro, Pesado y Grande) */
.woocommerce-orders-table thead th {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #000 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #000 !important;
    padding: 15px 10px !important;
}

/* 2. Cuerpo de la tabla (Letra legible y líneas de ticket) */
.woocommerce-orders-table__row td {
    font-size: 16px !important;
    color: #000 !important;
    text-transform: uppercase !important;
    padding: 20px 10px !important;
    border-bottom: 1px dashed #ccc !important; /* Estilo ticket */
    vertical-align: middle !important;
}

/* 3. Ajuste para centrar el número de pedido y su celda */
.woocommerce-orders-table__cell-order-number {
    text-align: center !important;
}

.woocommerce-orders-table__cell-order-number a {
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    text-decoration: underline !important;
}

/* 4. Ajuste para centrar el botón VIEW y su celda */
.woocommerce-orders-table__cell-order-actions {
    text-align: center !important;
}

.woocommerce-orders-table .button.view {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    display: inline-block !important; /* Asegura que el centrado del padre funcione */
}

/* 4. Botón "VIEW" (Cuadrado y Negro) */
.woocommerce-orders-table .button.view {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
}

/* 5. Si te sale algún texto en rojo, esto lo vuelve negro */
.woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__cell-order-total {
    color: #000 !important;
}









/* =======================================================
   RESETEO TOTAL DE TABLAS EN VIEW ORDER - TSD
   ======================================================= */

/* 1. Forzamos que TODA tabla dentro de la orden pierda bordes sólidos */
.woocommerce-order-details table, 
.woocommerce-view-order table,
.table-installments {
    border: none !important;
    border-collapse: collapse !important;
}

/* 2. Forzamos la línea punteada en TODAS las celdas de esas tablas */
.woocommerce-order-details table td, 
.woocommerce-order-details table th,
.table-installments td, 
.table-installments th,
.woocommerce-view-order table td {
    border: none !important;
    border-bottom: 1px dashed #ccc !important; /* Tu estilo de ticket */
    padding: 15px 5px !important;
    background: transparent !important;
    text-transform: uppercase !important;
}

/* 3. Quitamos el color de fondo que a veces ponen los plugins */
.table-installments tr, .table-installments thead {
    background: transparent !important;
}

/* 4. Alineación de la tabla de cuotas (Concepto Izq / Monto Der) */
.table-installments td:first-child {
    text-align: left !important;
}

.table-installments td:last-child {
    text-align: right !important;
    font-weight: 900 !important;
}

/* =======================================================
   ALINEACIÓN PERFECTA TIPO TICKET - TSD
   ======================================================= */

/* 1. Todo lo que sea "Información/Concepto" a la IZQUIERDA */
.woocommerce-order-details table td:first-child, 
.woocommerce-order-details table th:first-child,
.table-installments td:first-child,
.woocommerce-view-order table td:first-child {
    text-align: left !important;
    padding-left: 0 !important;
}

/* 2. Todo lo que sean "Números/Montos" a la DERECHA */
.woocommerce-order-details table td:last-child, 
.woocommerce-order-details table th:last-child,
.table-installments td:last-child,
.woocommerce-view-order table td:last-child {
    text-align: right !important;
    padding-right: 0 !important;
    font-weight: 900 !important; /* Para que los precios resalten */
}

/* 3. Asegurar que las tablas ocupen todo el ancho para que el pegado sea real */
.woocommerce-order-details table, 
.table-installments {
    width: 100% !important;
    table-layout: auto !important;
}








/* =======================================================
   RESETEO Y TAMAÑO DE TEXTO - TSD PREMIUM
   ======================================================= */

/* 1. Forzar Fuente, Mayúsculas y Tamaño Base */
.woocommerce-order-details table, 
.woocommerce-view-order table,
.table-installments {
    border: none !important;
    border-collapse: collapse !important;
    font-family: 'Space Grotesk', sans-serif !important; /* Tu fuente TSD */
    text-transform: uppercase !important;
}

/* 2. Línea Punteada y Tamaño de Letra en Celdas */
.woocommerce-order-details table td, 
.woocommerce-order-details table th,
.table-installments td, 
.table-installments th,
.woocommerce-view-order table td {
    border: none !important;
    border-bottom: 1px dashed #ccc !important; 
    padding: 18px 5px !important; /* Más padding para que respire el texto grande */
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;/* Letra más grande solicitado */
    color: #000 !important;
}

/* 3. Alineación y Peso (Conceptos Izq / Montos Der) */
.woocommerce-order-details table td:first-child,
.table-installments td:first-child {
    font-size: 14px !important;
    text-align: left !important;
    font-weight: 400 !important;
}

.woocommerce-order-details table td:last-child,
.table-installments td:last-child,
.woocommerce-table--order-details td a {
    font-size: 14px !important;
    text-align: right !important;
    font-weight: 400 !important; /* Peso máximo en montos */
    color: #000 !important; /* Elimina rojos de los links */
    text-decoration: none !important;
}

/* 4. El Total Final (Impacto Visual Máximo) */
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
    font-size: 14px !important; /* El texto más grande del ticket */
    font-weight: 400 !important;
    border-top: 2px solid #000 !important; /* Cierre sólido */
    border-bottom: 2px solid #000 !important;
    padding: 25px 0 !important;
}

/* 5. Fix para la línea sólida rebelde en Payment Method */
.woocommerce-table--order-details tfoot th, 
.woocommerce-table--order-details tfoot td {
    border-top: none !important;
    border-bottom: 1px dashed #ccc !important;
}



/* =======================================================
   ESTILO PARA ORDER UPDATES (NOTAS DEL PEDIDO)
   ======================================================= */

/* 1. Título "Order Updates" */
.woocommerce-order-details + .woocommerce-order-updates h2,
.woocommerce-column--order-details h2 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    color: #000 !important;
}

/* 2. Lista de actualizaciones (DASHED STYLE) */
.woocommerce-OrderUpdates, 
.woocommerce-order-updates ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 1px dashed #ccc !important;
}

/* 3. Cada actualización individual */
.woocommerce-OrderUpdates li, 
.woocommerce-order-updates li {
    font-size: 14px !important;
    text-transform: uppercase !important;
    padding: 15px 0 !important;
    border-bottom: 1px dashed #ccc !important; /* Estilo ticket */
    color: #000 !important;
    line-height: 1.4 !important;
}

/* 4. La fecha dentro de la actualización */
.woocommerce-OrderUpdates .woocommerce-OrderUpdate-date,
.woocommerce-order-updates li abbr {
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 5px;
    text-decoration: none !important;
    border: none !important;
}








/* =======================================================
   PEDIDOS COMO TICKETS INDEPENDIENTES (CON ESPACIO)
   ======================================================= */

/* 1. Preparamos la tabla para tener separación */
.woocommerce-orders-table {
    border-collapse: separate !important; /* Permite separar las filas */
    border-spacing: 0 20px !important;    /* 20px de espacio entre cada pedido */
    border: none !important;
    background: transparent !important;
}

/* 2. Contorno de cada fila (El "Ticket") */
.woocommerce-orders-table__row {
    outline: 1px solid #7f7f7f !important; /* Usamos outline para que el contorno rodee la fila */
}

/* 3. Limpieza de las celdas internas */
.woocommerce-orders-table td, 
.woocommerce-orders-table th {
    border: none !important; /* Quitamos las líneas de en medio */
    background: #fff !important; /* Fondo blanco para que no se vea lo de atrás */
    padding: 20px 10px !important;
}

/* 4. Ajuste para móvil: Aseguramos que se mantenga el espacio */
@media (max-width: 768px) {
    .woocommerce-orders-table__row {
        display: block !important;
        margin-bottom: 25px !important;
        outline: 1px solid #7f7f7f !important;
    }
    
    .woocommerce-orders-table td {
        display: flex !important;
        justify-content: space-between !important;
        border-bottom: 1px dashed #eee !important; /* Línea interna sutil */
    }
    
    .woocommerce-orders-table td:last-child {
        border-bottom: none !important;
    }
}




















/* Ocultar encabezados de Elementor en esta página específica */
.woocommerce-account .elementor-widget-heading,
.woocommerce-account .elementor-page-title {
    display: none !important;
}


/* SEPARACIÓN SEGURA ENTRE HEADER Y DASHBOARD */
.woocommerce-account .woocommerce-MyAccount-content, 
.woocommerce-account .woocommerce-MyAccount-navigation {
    margin-top: 40px !important; /* Esto baja el menú y el texto sin tocar el header */
}

/* Ajuste para que el fondo del header no se mueva en Elementor */
.woocommerce-account .elementor-section-wrap {
    margin-top: 0 !important;
}

/* =======================================================
   RESTAURAR DOS COLUMNAS SOLO EN ADDRESSES
   ======================================================= */

/* Forzamos que en la página de direcciones se use flex horizontal */
.woocommerce-edit-address .u-columns.col2-set {
    display: flex !important;
    flex-direction: row !important; /* Una al lado de la otra */
    justify-content: space-between !important;
    gap: 20px !important;
    max-width: 100% !important; /* Que use más espacio que el login */
}

/* Ajustamos el ancho de cada columna de dirección */
.woocommerce-edit-address .u-column1, 
.woocommerce-edit-address .u-column2 {
    width: 48% !important; /* Casi la mitad cada una */
    max-width: none !important; /* Quitamos el límite de 360px del login */
    margin: 0 !important;
}

/* Ajuste para móviles: que vuelvan a ser una sola columna */
@media (max-width: 768px) {
    .woocommerce-edit-address .u-columns.col2-set {
        flex-direction: column !important;
    }
    .woocommerce-edit-address .u-column1, 
    .woocommerce-edit-address .u-column2 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}/* End custom CSS */