/* MASI Mobile 1.3 — barra de navegación inferior (solo móvil) */
#masi-bottom-nav { display: none; }

@media (max-width: 767px) {
  #masi-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 8px 6px calc(8px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .97);
    border-top: 1px solid var(--masi-line);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px);
    font-family: var(--masi-font);
  }

  /* El ID gana a la regla general del tema que pone todos los enlaces en negro a 14px */
  #masi-bottom-nav a.mbn-item,
  #masi-bottom-nav a.mbn-item:link,
  #masi-bottom-nav a.mbn-item:visited {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-height: 52px;
    color: var(--masi-muted) !important;
    font-family: var(--masi-font) !important;
    font-size: var(--masi-fs-2xs) !important;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
    letter-spacing: -0.01em;
    text-decoration: none !important;
  }
  #masi-bottom-nav a.mbn-item.is-active,
  #masi-bottom-nav a.mbn-item.is-active:link,
  #masi-bottom-nav a.mbn-item.is-active:visited {
    color: var(--masi-accent) !important;
    font-weight: 700;
  }
  #masi-bottom-nav .mbn-pill {
    position: relative;
    width: 56px;
    height: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #masi-bottom-nav .is-active .mbn-pill { background: var(--masi-accent-soft); }
  #masi-bottom-nav svg { width: 22px; height: 22px; stroke-width: 1.75; }
  #masi-bottom-nav .is-active svg { stroke-width: 2.1; }
  #masi-bottom-nav a.mbn-item:focus-visible { outline: 2px solid var(--masi-accent); outline-offset: -2px; border-radius: 12px; }

  #masi-bottom-nav .mbn-badge {
    position: absolute;
    top: -3px;
    right: 6px;
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--masi-ink);
    color: #fff;
    font-size: var(--masi-fs-2xs);
    font-weight: 800;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.masi-has-nav { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  body.masi-has-nav #livechat-wrapper { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }

  /* Ficha de producto: barra de compra apilada encima de la navegación */
  body.masi-has-nav#product #main-product-wrapper .product-add-to-cart {
    bottom: calc(69px + env(safe-area-inset-bottom)) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #fff !important;
    border-top: 1px solid var(--masi-line);
    box-shadow: none;
  }
  body.masi-has-nav#product { padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important; }

  /* ---- Ficha: barra de compra Minimal ----
   * Cantidad − n +, precio en negro, botón "Añadir" en una línea y sin favoritos/comparar. */
  #product #main-product-wrapper .product-add-to-cart .product-quantity {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    max-width: 100%;
  }
  #product #main-product-wrapper .product-add-to-cart .product-quantity > * { min-width: 0; }
  #product #main-product-wrapper .product-add-to-cart .col-add-qty { max-width: none !important; flex: 0 0 auto !important; width: auto !important; padding: 0 !important; }
  #product #main-product-wrapper .product-add-to-cart .add { flex: 1 1 auto !important; min-width: 0; }
  #product #main-product-wrapper .product-add-to-cart .btn-iqitwishlist-add,
  #product #main-product-wrapper .product-add-to-cart .btn-iqitcompare-add,
  #product #main-product-wrapper .product-add-to-cart .js-iqitwishlist-add,
  #product #main-product-wrapper .product-add-to-cart .js-iqitcompare-add,
  #product #main-product-wrapper .product-add-to-cart .col-add-wishlist,
  #product #main-product-wrapper .product-add-to-cart .col-add-compare {
    display: none !important;
  }

  /* Cantidad en píldora con − y + (los añade el JS) */
  #product #main-product-wrapper .product-add-to-cart .bootstrap-touchspin {
    display: flex !important;
    align-items: center;
    height: 48px;
    border: 0 !important;
    border-radius: 24px !important;
    background: var(--masi-bg) !important;
    overflow: hidden;
  }
  #product #main-product-wrapper .product-add-to-cart .input-group-btn-vertical { display: none !important; }
  #product #main-product-wrapper .product-add-to-cart #quantity_wanted {
    width: 40px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center;
    font-size: var(--masi-fs-md) !important;
    font-weight: 800 !important;
    -moz-appearance: textfield;
  }
  #product #main-product-wrapper .product-add-to-cart #quantity_wanted::-webkit-inner-spin-button,
  #product #main-product-wrapper .product-add-to-cart #quantity_wanted::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  #product #main-product-wrapper .product-add-to-cart .masi-qwrap {
    flex: 0 0 auto;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    height: 48px;
    border-radius: 24px;
    background: var(--masi-bg);
    overflow: hidden;
  }
  /* El contenedor del tema ya no dibuja su propio recuadro */
  #product #main-product-wrapper .product-add-to-cart.masi-bar-ready .bootstrap-touchspin,
  #product #main-product-wrapper .product-add-to-cart.masi-bar-ready .qty {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    flex: 0 0 auto;
  }
  #product #main-product-wrapper .product-add-to-cart.masi-bar-ready .bootstrap-touchspin-prefix,
  #product #main-product-wrapper .product-add-to-cart.masi-bar-ready .bootstrap-touchspin-postfix { display: none !important; }
  #product #main-product-wrapper .product-add-to-cart .masi-qbtn {
    width: 40px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--masi-ink);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #product #main-product-wrapper .product-add-to-cart .masi-qbtn svg { width: 16px; height: 16px; }

  /* Precio de la barra */
  #product #main-product-wrapper .product-add-to-cart .product-price,
  #product #main-product-wrapper .product-add-to-cart .current-price-value,
  #product .sticky-price .product-price.current-price-value {
    color: var(--masi-ink) !important;
    font-size: var(--masi-fs-lg) !important;
    font-weight: 800 !important;
    white-space: nowrap;
  }
  #product #main-product-wrapper .product-add-to-cart .price_decimals,
  #product .sticky-price .price_decimals { font-size: inherit !important; top: 0 !important; }

  /* Botón "Añadir" en una línea */
  #product #main-product-wrapper .product-add-to-cart .add { flex: 1 1 auto; margin: 0 !important; }
  #product #main-product-wrapper .product-add-to-cart .add-to-cart {
    width: 100%;
    min-height: 52px;
    padding: 0 16px !important;
    border-radius: 26px !important;
    background: var(--masi-accent) !important;
    font-size: var(--masi-fs-md) !important;
    font-weight: 800 !important;
    text-transform: none !important;
    white-space: nowrap;
  }
  #product #main-product-wrapper .product-add-to-cart .add-to-cart[data-masi-label] {
    font-size: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  #product #main-product-wrapper .product-add-to-cart .add-to-cart[data-masi-label] .fa { font-size: var(--masi-fs-md) !important; }
  #product #main-product-wrapper .product-add-to-cart .add-to-cart[data-masi-label]::after {
    content: attr(data-masi-label);
    font-size: var(--masi-fs-md);
    font-weight: 800;
  }
}