/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/* Ajustes rápidos del bloque */
.ludmila-login-inline .ludmila-login-link {
  text-decoration: none;
  line-height: 1;
}
.ludmila-login-inline .ludmila-login-text {
  font-weight: 700;       
  letter-spacing: .2px;
  color: #0B1B2B;          
  font-size: 16px;
  font-family: 'Montserrat';
}
.ludmila-login-inline .ludmila-login-link:hover .ludmila-login-text {
  opacity: .85;
}

/* Forzar visibilidad del bloque de cambio de contraseña del shortcode */
.ludmila-change-pass fieldset,
.ludmila-change-pass .form-row,
.ludmila-change-pass label,
.ludmila-change-pass input[type="password"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.ludmila-change-pass .form-row { 
  margin: 0 0 16px !important;
}

.ludmila-change-pass label {
  font-weight: 400;
  color: #0f2331; /* ajusta a tu paleta */
}

.ludmila-change-pass input[type="password"] {
  width: 100% !important;
  max-width: 640px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.15);
  padding: .8rem 1rem;
  border-radius: 6px;
  box-sizing: border-box;
}

/* Neutralizar reglas que rompen el posicionamiento del dropdown de intl-tel-input */
.frm_forms .iti__container,
.frm_forms .iti.iti--container,
.frm_forms .iti--container {
  position: fixed !important;          /* trabajamos en coords de viewport */
  z-index: 999999 !important;          /* por encima de modales/flotantes */
}

/* Asegurar que nada recorte el dropdown cerca del campo */
.frm_forms .frm_form_field,
.frm_forms .frm_fields_container,
.frm_forms .frm_forms {
  overflow: visible !important;
}

/* (Opcional) Altura máxima del listado para no tapar el footer */
.frm_forms .iti__dropdown-content .iti__country-list {
  max-height: 320px;
}



/* === Mi Cuenta · Perfil (SHORTCODE .ls-perfil-form) === */
.ls-perfil-form .ls-perfil-grid{
  display:grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 18px 24px;
}

/* neutralizar floats/anchos heredados */
.ls-perfil-form .ls-perfil-grid .form-row{
  margin:0 !important;
  width:auto !important;
  float:none !important;
  clear:none !important;
}

/* forzar orden de filas */
.ls-perfil-form #account_first_name_field { order:10 !important; }
.ls-perfil-form #account_last_name_field  { order:11 !important; }

.ls-perfil-form #billing_document_field   { order:20 !important; }
.ls-perfil-form #billing_birthdate_field  { order:21 !important; }

.ls-perfil-form #account_email_field      { order:30 !important; }
.ls-perfil-form #billing_phone_field      { order:31 !important; }

/* términos (full width) y luego botón (full width) */
.ls-perfil-form .form-row.terms{
  order:70 !important; grid-column:1 / -1 !important; margin-top:6px !important;
}
.ls-perfil-form .form-row.full:has(button),
.ls-perfil-form .form-row:has(button[type="submit"]){
  order:80 !important; grid-column:1 / -1 !important; margin-top:6px !important;
}

/* responsive 1 columna */
@media (max-width:820px){
  .ls-perfil-form .ls-perfil-grid{ grid-template-columns:1fr; }
  .ls-perfil-form .ls-perfil-grid .form-row{ grid-column:1 !important; }
}


/* === Frosty · Mi Cuenta · Perfil — ocultar form nativo Woo === */
.woocommerce-account form.woocommerce-EditAccountForm.edit-account {
  display: none !important;
}


/* =========================
   Frosty – Reset Password (/restablecer/)
   Shortcode: [frosty_reset_password]
   ========================= */

/* 1) Texto intro (punto 1) */
.frosty-reset-wrap p{
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-align: center;
}

/* 2 y 4) Labels */
.frosty-reset-wrap .frosty-reset-form label{
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #0B1B2B;
}

/* 3 y 5) Inputs */
.frosty-reset-wrap .frosty-reset-form input.input-text{
  height: 46px;
  border-radius: 9px;
}

/* 6) Botón */
.frosty-reset-wrap .frosty-reset-form .frosty-submit{
  font-family: "Courier Prime", monospace;
  font-size: 16px;
  font-weight:400;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 30px 9px;
  background-color: #8c5101;
  border: 1px solid #8c5101;
  border-radius: 20px;
  box-shadow: none;
}

button.button.frosty-submit:hover
 {
    background: #8c5101;
    color: white;
}

/* Hover / focus del botón (opcional pero prolijo) */
.frosty-reset-wrap .frosty-reset-form .frosty-submit:hover,
.frosty-reset-wrap .frosty-reset-form .frosty-submit:focus{
  opacity: 0.92;
}

/* Centrar el botón como en tu maqueta */
.frosty-reset-wrap .frosty-reset-form .form-row{
  text-align: initial;
}

/* 7) Link "Volver a iniciar sesión" */
.frosty-reset-wrap a{
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #0B1B2B !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none;
}

.frosty-reset-wrap a:hover{
  text-decoration: underline;
}


/* =========================
   FROSTY - MI CUENTA (YITH + Woo)
   ========================= */
body.woocommerce-account{
  --frosty-bg: #f6f1e7;
  --frosty-navy: #071a2b;
  --frosty-text: #0d2633;
  --frosty-border: rgba(13,38,51,.25);
  --frosty-accent: #b4742e;
}

/* Layout 2 columnas */
body.woocommerce-account .woocommerce{
  display:flex;
  align-items:stretch;
  gap:0;
}

/* ===== Sidebar (YITH) ===== */
body.woocommerce-account #my-account-menu.yith-wcmap{
  flex:0 0 340px;
  background: var(--frosty-navy);
  padding:40px 30px;
}

/* Avatar + texto tipo "HOLA, NOMBRE" */
body.woocommerce-account #my-account-menu .user-profile{ margin:0 0 24px; }
body.woocommerce-account #my-account-menu .user-avatar{
  position:relative;
  width:110px;
  height:110px;
}
body.woocommerce-account #my-account-menu .user-avatar img{
  width:110px;
  height:110px;
  border-radius:0;
  object-fit:cover;
  display:block;
}
body.woocommerce-account #my-account-menu .user-info{ margin-top:14px; }
body.woocommerce-account #my-account-menu .user-info br{ display:none; }

body.woocommerce-account #my-account-menu .user-info .username{
  display:block;
  color:#fff;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.2;
}
body.woocommerce-account #my-account-menu .user-info .username:before{
  content:"HOLA,\A";
  white-space:pre;
  font-weight:600;
  font-size:12px;
  opacity:.8;
  display:block;
  margin-bottom:6px;
}

/* Ocultamos email/logout del menú lateral (en tu maqueta no van ahí) */
body.woocommerce-account #my-account-menu .user-email,
body.woocommerce-account #my-account-menu .logout{
  display:none !important;
}

/* Menú items */
body.woocommerce-account #my-account-menu ul.myaccount-menu{
  list-style:none;
  margin:28px 0 0;
  padding:0;
}
body.woocommerce-account #my-account-menu ul.myaccount-menu li{ margin:0; padding:0; }
body.woocommerce-account #my-account-menu ul.myaccount-menu li a{
  display:block;
  padding:10px 0;
  color: rgba(255,255,255,.55);
  text-decoration:none;
  font-size:14px;
}
body.woocommerce-account #my-account-menu ul.myaccount-menu li a:hover,
body.woocommerce-account #my-account-menu ul.myaccount-menu li.is-active a,
body.woocommerce-account #my-account-menu ul.myaccount-menu li.active a{
  color:#fff;
}

/* Botón "editar" (si activás el JS opcional de abajo) */
body.woocommerce-account #my-account-menu .user-avatar .frosty-edit-profile{
  position:absolute;
  left:120px;
  top:18px;
  background:#fff;
  color: var(--frosty-text);
  font-size:12px;
  padding:4px 10px;
  border-radius:2px;
  text-decoration:none;
  font-weight:700;
  text-transform:lowercase;
}

/* ===== Contenido derecho ===== */
body.woocommerce-account .woocommerce-MyAccount-content{
  flex:1;
  padding:60px 60px 80px;
  background:transparent;
}
body.woocommerce-account .woocommerce-MyAccount-content > *{
  max-width:780px;
}

/* Título “PEDIDOS” (lo inyecta el PHP opcional) */
body.woocommerce-account .frosty-account-section-title{
  margin:0 0 18px;
  font-size:22px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: var(--frosty-text);
}

/* ===== Pedidos: tabla -> tarjetas ===== */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table{
  display:block;
  width:100%;
  border:0;
  background:transparent;
}
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table thead{ display:none; }
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody{ display:block; }

body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody tr{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 12px 24px;
  align-items:center;

  padding:22px 26px;
  margin:0 0 22px;
  background:#fff;
  border:1px solid var(--frosty-border);
  border-radius:10px;
}

body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody tr > th,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody tr > td{
  display:block;
  border:0 !important;
  padding:0 !important;
  margin:0;
}
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody tr p{ margin:0; }

/* Quitar backgrounds heredados de Woo (filas/celdas grises) */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table td,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table th{
  background: transparent !important;
}


/* Celdas informativas a la izquierda */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-number,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-date,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-total,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-status{
  grid-column:1;
  font-size:15px;
  color: var(--frosty-text);
}

body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-number a{
  color: var(--frosty-text);
  text-decoration:none;
  font-weight:800;
}

/* Labels estilo “N° de Pedido: …” usando data-title */
/* Labels (data-title) SOLO para celdas informativas (sin Acciones) */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell[data-title]:not(.woocommerce-orders-table__cell-order-actions)::before{
  content: attr(data-title) ": ";
  font-weight:800;
}
/* Evitar el ":" suelto en Acciones */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions::before{
  content: "" !important;
  display:none !important;
}
/* Acciones a la derecha: botón redondo “VER PEDIDO” */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions{
  grid-column:2;
  justify-self:end;
}

body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  background: var(--frosty-accent);
  color:#fff !important;
  border:0;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Iconito bolsa (SVG inline) */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover{
  filter:brightness(0.95);
}

/* Responsive */
@media (max-width: 980px){
  body.woocommerce-account .woocommerce{ flex-direction:column; }
  body.woocommerce-account #my-account-menu.yith-wcmap{ width:100%; flex:unset; }
  body.woocommerce-account .woocommerce-MyAccount-content{ padding:32px 18px 60px; }
  body.woocommerce-account .woocommerce-MyAccount-content > *{ max-width:100%; }
}
@media (max-width: 600px){
  body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody tr{
    grid-template-columns:1fr;
  }
  body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions{
    grid-column:1;
    justify-self:start;
    margin-top:6px;
  }
}





/* 2) Título "PEDIDOS" */
body.woocommerce-account .frosty-account-section-title{
  font-family: "Syncopate", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--frosty-text) !important;
  margin: 0 0 18px !important;
}

/* Card general (marco/borde) */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody tr{
  border: 1px solid #0B1B2B !important; /* borde fino como maqueta */
  border-radius: 10px !important;
  background: #fff !important;
  padding: 22px 26px !important;

  /* Layout: 4 filas izquierda + botón centrado derecha */
  display: grid !important;
  grid-template-columns: 1fr 220px !important;
  grid-template-rows: repeat(4, auto) !important;
  gap: 10px 24px !important;
  align-items: center !important;
}

/* 3-6) Celdas: fuente + inline + sin backgrounds grises */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell{
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  color: var(--frosty-text) !important;

  /* inline real: label + valor en una misma línea */
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;

  /* quitar cualquier fondo raro que venga del theme */
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Quita los fondos grises que aparecen detrás (vienen por estilos del theme en <p>) */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell p,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell a,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell time,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell span{
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* LABELS: "N° de Pedido:" "Fecha:" etc */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell[data-title]::before{
  content: attr(data-title) ":" !important;
  font-weight: 700 !important;
  color: var(--frosty-text) !important;
}

/* FIX CLAVE: Woo mete un <br> antes del #2829 -> lo anulamos */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-number a br{
  display: none !important;
}

/* Colores del número de pedido como la maqueta */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-number a{
  color: #0B1B2B !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Orden correcto visual (como maqueta):
   3) N° Pedido
   4) Fecha
   6) Total
   5) Estado
*/
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-number{ grid-column: 1; grid-row: 1; }
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-date{   grid-column: 1; grid-row: 2; }
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-total{  grid-column: 1; grid-row: 3; }
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-status{ grid-column: 1; grid-row: 4; }

/* 1) BOTÓN "VER PEDIDO" centrado verticalmente */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions{
  grid-column: 2 !important;
  grid-row: 1 / span 4 !important;
  justify-self: end !important;
  align-self: center !important;

  display: flex !important;
  justify-content: flex-end !important;
  background: transparent !important;
}

/* Botón estilos exactos */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.view{
  font-family: "Courier Prime", monospace !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  padding: 12px 18px !important;
  border-radius: 999px !important;

  background: var(--frosty-accent) !important;
  color: #fff !important;
  border: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Icono: usar el SVG que me pasaste */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.view::before{
  content: "" !important;
  width: 18px !important;
  height: 18px !important;

  /* máscara -> icono SIEMPRE blanco (aunque el SVG sea negro) */
  background-color: #fff !important;
  -webkit-mask: url("https://frosty.pe/wp-content/uploads/2026/01/lets-icons_bag-alt-light.svg") no-repeat center / contain !important;
  mask: url("https://frosty.pe/wp-content/uploads/2026/01/lets-icons_bag-alt-light.svg") no-repeat center / contain !important;
}

/* Hover suave */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table__cell-order-actions .woocommerce-button.view:hover{
  filter: brightness(.96) !important;
}

/* FIX: quitar el ":" generado por data-title en la columna ACCIONES */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions::before,
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions[data-title]::before{
  content: "" !important;
  display: none !important;
}


/* La celda de acciones NO debe ser flex-inline como las otras */
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions{
  display: block !important;
}


/* =========================================================
   FROSTY – SOLO VER PEDIDO (Mi Cuenta > Ver Pedido)
   Body class: .woocommerce-account.woocommerce-view-order
   ========================================================= */

body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content{
  padding-top:60px !important;
  padding-bottom:50px !important;
  padding-left:50px !important;

  margin-top:20px !important;
  margin-bottom:20px !important;

  background-color:#ffffff !important;

  border-style:solid !important;
  border-color:#0b1b2b !important;
  border-width:1px !important;

  border-radius:10px !important;
}

/* Titulos “Detalles del pedido / Dirección de facturación / etc” */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details h2{
  color:#0b1b2b !important;
  font-size:16px !important;
  font-weight:700 !important;
}

body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details h2{
  color:#0b1b2b !important;
  font-size:16px !important;
  font-weight:700 !important;
}

/* Texto general */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content p{
  color:#0b1b2b !important;
}

/* Address */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details address{
  color:#0b1b2b !important;
  border-width:0px !important;
}

/* Bloque order details sin borde externo */
body.woocommerce-account.woocommerce-view-order .woocommerce-order-details{
  border-width:0px !important;
}

/* Tabla: footer */
body.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details tfoot td,
body.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details tfoot th{
  color:#0b1b2b !important;
}

/* Tabla: encabezados y contenido */
body.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details thead .product-name,
body.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details tbody .product-name,
body.woocommerce-account.woocommerce-view-order .woocommerce-table--order-details tbody .woocommerce-table__product-total{
  color:#0b1b2b !important;
}

/* Links de producto (si querés que NO sean clickeables como en tu estilo) */
body.woocommerce-account.woocommerce-view-order .woocommerce-table__line-item .product-name a{
  color:#0b1b2b !important;
  pointer-events:none;
}

/* Responsive: en mobile sacamos padding gigante */
@media (max-width: 767px){
  body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}



/* =========================================================
   FROSTY – FIX Royal Elementor Addons (WPR Woo Grid)
   Título (producto) siempre alineado a la izquierda
   Precio a la derecha
   Funciona para todas las páginas con este tipo de grilla
   ========================================================= */

/* Contenedor del contenido (título + precio + descripción) */
body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content{
  text-align: left !important;              /* blindaje anti-updates */
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "title price"
    "excerpt excerpt";
  align-items: baseline !important;
  column-gap: 50px !important;
  row-gap: 10px !important;
}

/* A veces WPR deja un <p class="wpr-grid-item-title"> vacío arriba → lo escondemos */
body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content > p.wpr-grid-item-title{
  display: none !important;
}

/* ✅ ESTE es el bloque del título real (el primer inner-block directo) */
body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content > .inner-block{
  grid-area: title !important;
  text-align: left !important;
  justify-self: start !important;
}

/* ✅ Estilo del título (restauramos look Frosty) */
body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content > .inner-block > a{
  display: inline-block !important;
  text-align: left !important;

  font-family: "Courier Prime", monospace !important; /* si querés otro, lo cambio */
  font-size: 18px !important;
  font-weight: 700 !important;

  color: #8C5101 !important;
  text-transform: uppercase !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Precio a la derecha */
body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content > .wpr-grid-item-price{
  grid-area: price !important;
  justify-self: end !important;
  text-align: right !important;
}

/* Descripción abajo alineada a la izquierda */
body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content > .wpr-grid-item-excerpt{
  grid-area: excerpt !important;
  text-align: left !important;
}

/* MOBILE: título arriba, precio abajo */
@media (max-width: 767px){
  body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "price"
      "excerpt";
  }
  body.page .elementor-widget-wpr-woo-grid .wpr-grid-item-below-content > .wpr-grid-item-price{
    justify-self: start !important;
    text-align: left !important;
  }
}

/* =========================================================
   ZENO FIX LIMPIO: Side Cart Mi Cuenta
   - Compatible con functions.php actual (zeno-cart-primary)
   - Recupera scroll interno del off-canvas
   - Compacta items para que entren mejor en una sola fila
   ========================================================= */

body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__container.elementor-lightbox{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 2147483646 !important;
}

body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__main{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: min(420px, 100vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
}

body.woocommerce-account .zeno-cart-primary .widget_shopping_cart_content{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart,
body.woocommerce-account .zeno-cart-primary ul.wpr-woo-mini-cart{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.20) transparent;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-separator,
body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__total,
body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons{
  flex: 0 0 auto !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__total{
  margin-top: 16px !important;
  padding-top: 16px !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons{
  margin-top: 12px !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart-item{
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-image{
  grid-column: 1 !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-image img{
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name-and-quantity{
  grid-column: 2 !important;
  min-width: 0 !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name,
body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name a,
body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name{
  display: block !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name{
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  word-break: break-word !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-quantity,
body.woocommerce-account .zeno-cart-primary .quantity{
  display: block !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-remove{
  grid-column: 3 !important;
  justify-self: end !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-remove a,
body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__product-remove{
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 480px){
  body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__main{
    width: 100vw !important;
  }

  body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart-item{
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-image img{
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
  }
}


/* =========================================================
   ZENO FIX V2: Side Cart Mi Cuenta + Producto individual
   - Mantiene el fix prolijo en Mi Cuenta
   - Replica scroll/compactado en single product
   - Rehace botones Ver carrito / Finalizar compra
   ========================================================= */

body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__container.elementor-lightbox,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__container.elementor-lightbox{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  z-index: 2147483646 !important;
}

body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__main,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__main{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: min(420px, 100vw) !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
}

body.woocommerce-account .zeno-cart-primary .widget_shopping_cart_content,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .widget_shopping_cart_content{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 48px 24px 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart,
body.woocommerce-account .zeno-cart-primary ul.wpr-woo-mini-cart,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart ul.wpr-woo-mini-cart{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.20) transparent;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-separator,
body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__total,
body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-separator,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__total,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__buttons{
  flex: 0 0 auto !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__total,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__total{
  margin-top: 16px !important;
  padding-top: 16px !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart-item,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart-item{
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-image,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-image{
  grid-column: 1 !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-image img,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-image img{
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name-and-quantity,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-name-and-quantity{
  grid-column: 2 !important;
  min-width: 0 !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name,
body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name a,
body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-product-name,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-product-name a,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-name{
  display: block !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-name{
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  word-break: break-word !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-quantity,
body.woocommerce-account .zeno-cart-primary .quantity,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-quantity,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .quantity{
  display: block !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-remove,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-remove{
  grid-column: 3 !important;
  justify-self: end !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-remove a,
body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__product-remove,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-remove a,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__product-remove{
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  border: none !important;
  box-shadow: none !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__buttons{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons .button,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__buttons .button{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0B1B2B !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons .button:hover,
body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons .button:focus,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__buttons .button:hover,
body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__buttons .button:focus{
  color: #fff !important;
  box-shadow: inset 0 0 0 999px rgba(255,255,255,.10) !important;
}

@media (max-width: 480px){
  body.woocommerce-account .zeno-cart-primary .elementor-menu-cart__main,
  body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .elementor-menu-cart__main{
    width: 100vw !important;
  }

  body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart-item,
  body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart-item{
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-image img,
  body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-image img{
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
  }
}

/* =========================================================
   FROSTY – CLOSE BUTTON OFF CANVAS
   Mi Cuenta + Producto individual
   ========================================================= */

/* Mi Cuenta: selector ultra específico para ganarle al fix inline */
body.woocommerce-account 
.zeno-cart-primary.elementor-menu-cart--shown 
.elementor-menu-cart__container.elementor-lightbox[aria-hidden="false"] 
> .elementor-menu-cart__main[aria-hidden="false"] 
> .elementor-menu-cart__close-button{
  position: absolute !important;
  top: 25px !important;
  right: 45px !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  z-index: 2147483648 !important;
}

/* Single product: mantener comportamiento correcto */
body.single-product 
.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart 
.elementor-menu-cart__container.elementor-lightbox[aria-hidden="false"] 
> .elementor-menu-cart__main[aria-hidden="false"] 
> .elementor-menu-cart__close-button{
  position: absolute !important;
  top: 25px !important;
  right: 45px !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  z-index: 2147483648 !important;
}

body.woocommerce-account 
.zeno-cart-primary.elementor-menu-cart--shown 
.elementor-menu-cart__container.elementor-lightbox[aria-hidden="false"] 
> .elementor-menu-cart__main[aria-hidden="false"] 
> .elementor-menu-cart__close-button:before,
body.single-product 
.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart 
.elementor-menu-cart__container.elementor-lightbox[aria-hidden="false"] 
> .elementor-menu-cart__main[aria-hidden="false"] 
> .elementor-menu-cart__close-button:before{
  font-size: 24px !important;
  line-height: 1 !important;
} 


/**/

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name, body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name a, body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-product-name, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-product-name a, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-name
 {
    display: block !important;
    font-family: 'Montserrat';
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-quantity, body.woocommerce-account .zeno-cart-primary .quantity, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-quantity, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .quantity {
    display: block !important;
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-family: 'Montserrat';
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__total {
    margin-top: 16px !important;
    padding-top: 16px !important;
    font-family: 'Montserrat';
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons {
    margin-top: 12px !important;
    font-family: 'Montserrat';
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__total, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__total {
    margin-top: 16px !important;
    padding-top: 16px !important;
    font-family: 'Montserrat';
}

body.woocommerce-account .zeno-cart-primary .woocommerce-mini-cart__buttons, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .woocommerce-mini-cart__buttons
 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 14px !important;
    font-family: 'Montserrat' !important;
}

body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name, body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-product-name a, body.woocommerce-account .zeno-cart-primary .wpr-mini-cart-name, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-product-name, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-product-name a, body.single-product .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-side-cart .wpr-mini-cart-name {
    display: block !important;
    font-family: 'Montserrat';
    color: #8c5101;
}

a.button.wc-forward {
    font-weight: 400;
    text-transform: uppercase;
}