body {
  background-color: #FEF4F2 !important;
}

/* Icono personalizado en el carrito */
.wd-header-cart .wd-tools-icon:before,
.wd-tools-element.wd-header-cart .wd-tools-icon:before {
  content: "" !important;
  display: block;
  width: 54px;
  height: 54px;
  margin: -12px;
  background-color: currentColor;
  -webkit-mask: url("https://lento-coffe.com/wp-content/uploads/2026/07/ChatGPT-Image-31-jul-2026-16_30_40.png") no-repeat center / contain;
  mask: url("https://lento-coffe.com/wp-content/uploads/2026/07/ChatGPT-Image-31-jul-2026-16_30_40.png") no-repeat center / contain;
}

/* Contador dentro del tarro */
.wd-header-cart .wd-tools-icon {
  position: relative;
}

.wd-header-cart .wd-cart-number,
.wd-header-cart .wd-tools-count,
.wd-tools-element.wd-header-cart .wd-cart-number {
  position: absolute !important;
  top: 56% !important;
  left: 46% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #FEF4F2 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Carrito lateral más ancho */
.cart-widget-side,
.wd-side-hidden.cart-widget-side,
.wd-sidebar-opener + .cart-widget-side {
  width: 460px !important;
  max-width: 92vw !important;
}

@media (max-width: 768px) {
  .cart-widget-side,
  .wd-side-hidden.cart-widget-side {
    width: 92vw !important;
  }
}

/* ============================================
   MENÚ MÓVIL A PANTALLA COMPLETA + MEGA MENÚ CENTRADO
   ============================================ */
@media (max-width: 768px) {

  /* El panel del menú ocupa toda la pantalla.
     Se excluye el carrito lateral, que tiene su propio ancho arriba. */
  .wd-side-hidden:not(.cart-widget-side),
  .mobile-nav {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Este es el contenedor real del mega menú en móvil.
     Aquí va el margen lateral. */
  .wd-nav-mobile > li > .wd-sub-menu,
  .mobile-nav .wd-sub-menu {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 0 18px !important;
    margin: 0 !important;
  }

  /* El bloque no añade margen propio: ya lo pone el contenedor */
  .wd-sub-menu .lnt-mm {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden;
  }

  .lnt-mm * {
    box-sizing: border-box;
  }

  /* Dos columnas que nunca se desbordan */
  .lnt-mm .lnt-mm-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Nombres largos parten por donde toca */
  .lnt-mm .lnt-mm-txt {
    min-width: 0;
  }

  .lnt-mm .lnt-mm-txt b,
  .lnt-mm .lnt-mm-txt i {
    overflow-wrap: break-word;
  }
}

/* ============================================
   FICHA TÉCNICA + PERFIL DE CATA (todos los cafés)
   ============================================ */
.lnt-ficha{--rojo:#E14434;--tinta:#1A1512;--texto-2:#4A423B;--caption:#8C837A;--borde:#E2D8D4;--pista:#E6E0D6;
  font-family:'Fraunces',Georgia,serif;color:var(--tinta);max-width:820px;margin:32px 0}
.lnt-ficha *{box-sizing:border-box}
.lnt-ficha details{border:0}
.lnt-ficha summary{list-style:none;cursor:pointer;padding:18px 2px;display:flex;align-items:center;justify-content:space-between;
  font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--tinta);border-bottom:1px solid var(--borde)}
.lnt-ficha summary::-webkit-details-marker{display:none}
.lnt-ficha summary::after{content:"";width:9px;height:9px;border-right:1.8px solid var(--tinta);border-bottom:1.8px solid var(--tinta);
  transform:rotate(45deg);margin:-4px 8px 0 0;transition:transform .25s;flex-shrink:0}
.lnt-ficha details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.lnt-ficha .lnt-body{padding:18px 2px 26px}
.lnt-ficha .lnt-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:7px 0}
.lnt-ficha .lnt-k{font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:var(--texto-2);white-space:nowrap}
.lnt-ficha .lnt-v{font-size:15px;text-align:right;color:var(--tinta)}
.lnt-ficha .lnt-bar{margin-bottom:18px}
.lnt-ficha .lnt-bar:last-child{margin-bottom:0}
.lnt-ficha .lnt-bar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.lnt-ficha .lnt-bar-name{font-size:15.5px;color:var(--tinta)}
.lnt-ficha .lnt-bar-num{font-size:15.5px;color:var(--tinta)}
.lnt-ficha .lnt-track{display:block;height:5px;border-radius:100px;background:var(--pista);overflow:hidden}
.lnt-ficha .lnt-fill{display:block;height:100%;border-radius:100px;background:var(--rojo);transform-origin:left center}
.lnt-ficha details[open] .lnt-fill{animation:lntFill .9s cubic-bezier(.22,.61,.36,1)}
@keyframes lntFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lnt-ficha .lnt-body p{font-size:15.5px;line-height:1.65;color:var(--texto-2);margin:0 0 14px}
.lnt-ficha .lnt-body p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.lnt-ficha details[open] .lnt-fill{animation:none}}
@media(max-width:600px){
  .lnt-ficha summary{font-size:14px;padding:16px 2px}
  .lnt-ficha .lnt-k,.lnt-ficha .lnt-v{font-size:14px}
  .lnt-ficha .lnt-bar-name,.lnt-ficha .lnt-bar-num{font-size:14.5px}
}

/* ============================================
   OCULTAR "VER CARRITO" EN EL CARRITO LATERAL
   ============================================ */
.woocommerce-mini-cart__buttons a.button:not(.checkout),
.widget_shopping_cart_content .buttons a.button:not(.checkout) {
  display: none !important;
}

.woocommerce-mini-cart__buttons a.checkout,
.widget_shopping_cart_content .buttons a.checkout {
  width: 100% !important;
  margin: 0 !important;
}

/* ============================================
   BOTÓN "SUSCRIPCIÓN LENTO" EN EL HEADER
   Requiere la clase lnt-cta en el elemento del menú:
   Apariencia → Menús → Opciones de pantalla → marcar
   "Clases CSS" → escribir lnt-cta en ese elemento.
   ============================================ */
.lnt-cta > a,
.wd-nav > li.lnt-cta > a,
.whb-row .lnt-cta > a {
  background: #E14434 !important;
  background-color: #E14434 !important;
  color: #EDE7DD !important;
  border-radius: 100px !important;
  padding: 12px 26px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  transition: background-color .25s, color .25s !important;
}

.lnt-cta > a span,
.lnt-cta > a .nav-link-text {
  color: #EDE7DD !important;
}

.lnt-cta > a:hover,
.wd-nav > li.lnt-cta > a:hover,
.whb-row .lnt-cta > a:hover {
  background: #F09285 !important;
  background-color: #F09285 !important;
  color: #1A1512 !important;
}

.lnt-cta > a:hover span,
.lnt-cta > a:hover .nav-link-text {
  color: #1A1512 !important;
}

/* WoodMart pinta un subrayado animado bajo los enlaces del menú: fuera */
.lnt-cta > a:before,
.lnt-cta > a:after,
.lnt-cta > a .nav-link-text:before,
.lnt-cta > a .nav-link-text:after {
  display: none !important;
}

/* Aire a los lados, como en la referencia */
.lnt-cta {
  margin-left: 14px;
}

/* En el menú móvil: píldora pequeña y centrada.
   WoodMart fuerza ancho completo y tamaño de letra en los enlaces
   del menú, por eso van selectores largos y !important. */
@media (max-width: 1024px) {

  .mobile-nav li.lnt-cta,
  .wd-nav-mobile li.lnt-cta,
  .mobile-nav > ul > li.lnt-cta,
  .wd-nav-mobile > li.lnt-cta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 20px auto 8px !important;
    padding: 0 !important;
    border: 0 !important;
    width: 100% !important;
  }

  .mobile-nav li.lnt-cta > a,
  .wd-nav-mobile li.lnt-cta > a,
  .mobile-nav > ul > li.lnt-cta > a,
  .wd-nav-mobile > li.lnt-cta > a {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    background: #E14434 !important;
    background-color: #E14434 !important;
    color: #EDE7DD !important;
    border: 0 !important;
    border-radius: 100px !important;
    padding: 9px 20px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* El tema mete el texto en un span con su propio tamaño */
  .mobile-nav li.lnt-cta > a span,
  .wd-nav-mobile li.lnt-cta > a span,
  .mobile-nav li.lnt-cta > a .nav-link-text,
  .wd-nav-mobile li.lnt-cta > a .nav-link-text {
    font-size: 11.5px !important;
    line-height: 1.1 !important;
    color: #EDE7DD !important;
    letter-spacing: .06em !important;
  }

  /* Fuera la flecha de submenú y los separadores */
  .mobile-nav li.lnt-cta .wd-nav-opener,
  .wd-nav-mobile li.lnt-cta .wd-nav-opener,
  .mobile-nav li.lnt-cta > a:after,
  .wd-nav-mobile li.lnt-cta > a:after {
    display: none !important;
  }
}

/* ============================================
   ASISTENTE · OCULTAR "VER CESTA"

   El asistente sigue pintando ese enlace desde una versión antigua
   del snippet, así que se oculta por CSS. Cuando el snippet bueno
   sea el que mande, esta regla se puede borrar sin más.
   ============================================ */
.lnt-as-cesta,
.lnt-as-barra .lnt-as-cesta,
.lnt-as-barra a[href*="/carrito"],
.lnt-as-barra a[href*="/cart"] {
  display: none !important;
}

/* Con un botón menos, el principal respira en móvil */
@media (max-width: 560px) {
  .lnt-as-barra .lnt-as-sig {
    flex: 1 1 auto !important;
  }
}