/* LB Tienda y Ofertas — estilos para TODO el sitio */

/* 1) Encabezado (logo + menú) a lo ancho de la pantalla en computadora */
@media (min-width: 992px) {
  #masthead.site-header .woostify-container { max-width: none !important; width: 100%; padding-left: 40px; padding-right: 40px; }
}

/* 2) Logo más pequeño en celular */
@media (max-width: 991px) {
  #masthead .site-branding img.custom-mobile-logo,
  #masthead .site-branding .custom-logo { width: auto !important; max-width: 170px !important; max-height: 40px !important; height: auto !important; }
}
@media (max-width: 380px) {
  #masthead .site-branding img.custom-mobile-logo,
  #masthead .site-branding .custom-logo { max-width: 145px !important; max-height: 34px !important; }
}

/* 3) Menú del celular: sin "Escritorio" (panel de la cuenta) */
.sidebar-account li.my-account-dashboard { display: none !important; }

/* 4) Porcentaje de descuento llamativo en todas las tarjetas de producto */
ul.products li.product .woostify-tag-on-sale,
ul.products li.product .onsale,
.elementor-widget-woocommerce-products .onsale,
.single-product .woostify-tag-on-sale,
.single-product span.onsale {
  background: #D0202E !important; color: #fff !important; font-weight: 800 !important; font-size: 16px !important; line-height: 1 !important;
  padding: 9px 12px !important; min-width: 0 !important; min-height: 0 !important; width: auto !important; height: auto !important;
  border-radius: 0 0 12px 0 !important; letter-spacing: .02em; box-shadow: 0 6px 16px rgba(208, 32, 46, .35); z-index: 3;
}
ul.products li.product .woostify-tag-on-sale,
ul.products li.product .onsale,
.elementor-widget-woocommerce-products .onsale { top: 0 !important; left: 0 !important; right: auto !important; }
.single-product .woostify-tag-on-sale, .single-product span.onsale { border-radius: 10px !important; font-size: 18px !important; }

/* precio rebajado: anterior tachado gris, nuevo en rojo */
ul.products li.product.sale .price del,
ul.products li.product.sale .price del .amount { color: #8F8F8F !important; font-weight: 400 !important; font-size: .85em; opacity: 1; }
ul.products li.product.sale .price ins,
ul.products li.product.sale .price ins .amount { color: #D0202E !important; font-weight: 700 !important; text-decoration: none !important; }

.lbto-ahorro { display: inline-block; margin-top: 4px; font-size: 12px; font-weight: 600; color: #0f7a3d; background: #e8f6ee; padding: 2px 9px; border-radius: 10px; }
.lbto-ahorro .amount { color: inherit !important; }

@media (max-width: 768px) {
  ul.products li.product .woostify-tag-on-sale,
  ul.products li.product .onsale,
  .elementor-widget-woocommerce-products .onsale { font-size: 14px !important; padding: 7px 9px !important; }
}

/* 5) Video de fondo rotativo en las páginas Lentes y Relojes */
.lbto-vhero { position: relative !important; overflow: hidden; }
.lbto-vbg { position: absolute; inset: 0; z-index: 0; background: #0B0B0B; pointer-events: none; }
.lbto-vbg video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.1s ease; }
.lbto-vbg video.on { opacity: 1; }
.lbto-vcapa { position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0%, rgba(0,0,0,.68) 100%); }
.lbto-vhero > .e-con-inner { position: static !important; }
.lbto-vhero > .e-con-inner > *:not(.elementor-shape), .lbto-vhero > .elementor-element { position: relative; z-index: 3; }
.lbto-vhero .elementor-shape { z-index: 2 !important; }
.lbto-vmarca { position: absolute; z-index: 4; right: 34px; bottom: 74px; display: flex; flex-direction: column; align-items: flex-end; gap: 2px;
  color: #fff !important; text-decoration: none !important; font-family: 'Poppins', sans-serif; text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.lbto-vmarca span { font-size: 15px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.lbto-vmarca b { font-size: 12px; font-weight: 500; color: #C9A227; letter-spacing: .08em; }
.lbto-vmarca:hover b { color: #fff; }
.lbto-vpuntos { position: absolute; z-index: 4; left: 50%; transform: translateX(-50%); bottom: 70px; display: flex; gap: 8px; }
.lbto-vpuntos button { width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.8); background: transparent; cursor: pointer; }
.lbto-vpuntos button.on { background: #C9A227; border-color: #C9A227; transform: scale(1.25); }
@media (max-width: 767px) {
  .lbto-vmarca { right: 14px; top: 12px; bottom: auto; }
  .lbto-vmarca span { font-size: 11px; }
  .lbto-vmarca b { display: none; }
  .lbto-vpuntos { bottom: 34px; left: 50%; transform: translateX(-50%); }
}

/* 6) Marcas con su logo (botones de las páginas Lentes / Relojes y video) */
.lbto-logos { gap: 14px !important; flex-wrap: wrap; justify-content: center; }
.lbto-logo-btn { width: auto !important; }
.lbto-logo-btn a.elementor-button, .lbto-logo-btn .elementor-button {
  background: #fff !important; border: 1px solid #e6e6e6 !important; border-radius: 14px !important; padding: 0 !important;
  width: 168px; height: 84px; display: flex !important; align-items: center; justify-content: center; overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.05); transition: border-color .2s, box-shadow .2s, transform .2s; }
.lbto-logo-btn .elementor-button:hover { border-color: #C9A227 !important; box-shadow: 0 10px 24px rgba(0,0,0,.10); transform: translateY(-2px); }
.lbto-logo-btn .elementor-button img { max-width: 124px; max-height: 46px; width: auto; height: auto; object-fit: contain; transform: scale(var(--lbto-esc, 1)); }
.lbto-vmarca { gap: 8px !important; }
.lbto-vmarca img { max-height: 48px; max-width: 170px; width: auto; height: auto; object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.55)); }
@media (max-width: 767px) {
  .lbto-logos { gap: 10px !important; }
  .lbto-logo-btn .elementor-button { width: 104px; height: 58px; border-radius: 10px !important; }
  .lbto-logo-btn .elementor-button img { max-width: 80px; max-height: 32px; }
  .lbto-vmarca img { max-height: 26px; max-width: 110px; }
}