:root{
    --wqm-accent:#d72638;
    --wqm-accent-hover:#b91f30;
    --wqm-text:#1f1f1f;
    --wqm-muted:#666;
    --wqm-border:#e8e8e8;
    --wqm-soft:#f7f7f7;
    --wqm-white:#fff;
}

/* =========================================================
   WOO QUICK MENU 1.0.1
   Todo queda limitado a páginas donde el plugin está activo.
   ========================================================= */

.wqm-enabled-archive .wqm-short-description{
    margin:7px 0 12px;
    color:var(--wqm-muted);
    font-size:14px;
    line-height:1.5;
}

/* Corrige el texto accesible que Bacola puede dejar visible:
   “Este producto tiene múltiples variantes…” */
.wqm-enabled-archive li.product [id^="woocommerce_loop_add_to_cart_link_describedby_"],
.wqm-enabled-archive .product [id^="woocommerce_loop_add_to_cart_link_describedby_"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* ----- DISEÑO DE CARTA ----- */
.wqm-menu-layout ul.products,
.wqm-menu-layout .products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
}

.wqm-menu-layout ul.products::before,
.wqm-menu-layout ul.products::after{
    display:none!important;
    content:none!important;
}

.wqm-menu-layout ul.products li.product,
.wqm-menu-layout .products .product{
    float:none!important;
    clear:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid var(--wqm-border)!important;
    border-radius:14px!important;
    background:var(--wqm-white)!important;
    box-shadow:0 2px 12px rgba(0,0,0,.035)!important;
    text-align:left!important;
    overflow:visible!important;
}

/* Títulos */
.wqm-menu-layout ul.products li.product .woocommerce-loop-product__title,
.wqm-menu-layout .products .product .woocommerce-loop-product__title,
.wqm-menu-layout .products .product h2,
.wqm-menu-layout .products .product h3{
    margin:0 0 6px!important;
    padding:0!important;
    color:var(--wqm-text)!important;
    font-size:18px!important;
    line-height:1.25!important;
    font-weight:700!important;
    text-align:left!important;
}

/* Oculta precio original del theme; Woo Quick Menu dibuja “Desde” o precio en PEDIR */
.wqm-menu-layout ul.products li.product > .price,
.wqm-menu-layout ul.products li.product .price:not(.wqm-variation-price),
.wqm-menu-layout .products .product > .price,
.wqm-menu-layout .products .product .product-content > .price,
.wqm-menu-layout .products .product .product-detail > .price{
    display:none!important;
}

/* También evita elementos de Bacola que rompen la carta */
.wqm-menu-layout .products .product .product-badges,
.wqm-menu-layout .products .product .product-buttons,
.wqm-menu-layout .products .product .product-button-group,
.wqm-menu-layout .products .product .tinv-wraper,
.wqm-menu-layout .products .product .yith-wcwl-add-to-wishlist,
.wqm-menu-layout .products .product .compare,
.wqm-menu-layout .products .product .product-meta,
.wqm-menu-layout .products .product .product-available{
    display:none!important;
}

/* Opción sin imágenes: especialmente adecuada para la carta de Pinocho */
.wqm-hide-product-images ul.products li.product img,
.wqm-hide-product-images .products .product img,
.wqm-hide-product-images .products .product .product-thumbnail,
.wqm-hide-product-images .products .product .product-image,
.wqm-hide-product-images .products .product .product-badges{
    display:none!important;
}

.wqm-hide-product-images .products .product .product-content,
.wqm-hide-product-images .products .product .product-detail,
.wqm-hide-product-images .products .product .product-wrapper{
    padding-left:0!important;
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
}

/* ----- CONTROLES ----- */
.wqm-product-controls{
    width:100%;
    margin-top:12px;
}

.wqm-controls-row,
.wqm-variable-summary,
.wqm-variable-footer{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
}

.wqm-controls-row,
.wqm-variable-footer,
.wqm-variable-summary{
    justify-content:space-between;
}

.wqm-from-price{
    color:var(--wqm-text);
    font-size:15px;
    font-weight:700;
}

.wqm-toggle,
.wqm-order-btn,
.wqm-view-cart{
    appearance:none;
    border:0;
    border-radius:9px;
    min-height:44px;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    text-decoration:none!important;
    transition:background-color .2s ease,opacity .2s ease,transform .1s ease;
}

.wqm-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:9px 14px;
    border:1px solid var(--wqm-border);
    background:var(--wqm-soft);
    color:var(--wqm-text);
}

.wqm-toggle:hover{
    background:#efefef;
}

.wqm-toggle-icon{
    font-size:20px;
    line-height:1;
}

.wqm-order-btn,
.wqm-view-cart{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    background:var(--wqm-accent);
    color:#fff!important;
}

.wqm-order-btn:hover,
.wqm-view-cart:hover{
    background:var(--wqm-accent-hover);
    color:#fff!important;
}

.wqm-order-btn:disabled{
    opacity:.55;
    cursor:not-allowed;
}

.wqm-panel{
    width:100%;
    margin-top:13px;
    padding-top:13px;
    border-top:1px solid var(--wqm-border);
}

.wqm-panel[hidden]{
    display:none!important;
}

.wqm-loading,
.wqm-error{
    padding:10px 0;
    font-size:14px;
}

.wqm-error{
    color:#b42318;
}

.wqm-options-title{
    margin-bottom:9px;
    color:var(--wqm-text);
    font-weight:700;
    font-size:15px;
}

.wqm-variation-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0 0 14px!important;
}

.wqm-variation-option{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:46px;
    margin:0!important;
    padding:9px 11px!important;
    border:1px solid var(--wqm-border)!important;
    border-radius:9px!important;
    background:#fff!important;
    cursor:pointer;
}

.wqm-variation-option:has(input:checked){
    border-color:var(--wqm-accent)!important;
    box-shadow:0 0 0 1px var(--wqm-accent);
}

.wqm-variation-option.is-disabled{
    opacity:.5;
    cursor:not-allowed;
}

.wqm-variation-option input{
    margin:0!important;
    accent-color:var(--wqm-accent);
}

.wqm-variation-name{
    color:var(--wqm-text);
    font-size:14px;
    font-weight:500;
}

.wqm-variation-price{
    color:var(--wqm-text)!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap;
}

.wqm-qty{
    display:inline-grid;
    grid-template-columns:38px 44px 38px;
    align-items:center;
    border:1px solid var(--wqm-border);
    border-radius:9px;
    overflow:hidden;
    background:#fff;
}

.wqm-qty-btn{
    appearance:none;
    border:0;
    min-width:38px;
    height:42px;
    padding:0!important;
    background:var(--wqm-soft);
    color:var(--wqm-text);
    font-size:20px;
    cursor:pointer;
}

.wqm-qty-input{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid var(--wqm-border)!important;
    border-right:1px solid var(--wqm-border)!important;
    border-radius:0!important;
    background:#fff!important;
    text-align:center!important;
    font-size:14px!important;
    box-shadow:none!important;
    -moz-appearance:textfield;
}

.wqm-qty-input::-webkit-outer-spin-button,
.wqm-qty-input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}

/* ----- CARRITO FIJO ----- */
.wqm-cart-bar{
    position:fixed;
    z-index:9998;
    left:50%;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
    width:min(720px,calc(100% - 24px));
    transform:translate(-50%,140%);
    opacity:0;
    pointer-events:none;
    transition:transform .25s ease,opacity .25s ease;
}

.wqm-cart-bar.is-visible{
    transform:translate(-50%,0);
    opacity:1;
    pointer-events:auto;
}

.wqm-cart-bar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:9px 10px 9px 16px;
    border-radius:13px;
    background:#1f1f1f;
    color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.22);
}

.wqm-cart-summary{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    font-size:14px;
}

#wqm-cart-total{
    font-weight:700;
    white-space:nowrap;
}

#wqm-cart-total .woocommerce-Price-amount{
    color:inherit!important;
}

.wqm-view-cart{
    flex:0 0 auto;
    min-height:42px;
    padding:8px 14px;
    font-size:13px;
}

.wqm-toast{
    position:fixed;
    z-index:9999;
    left:50%;
    bottom:calc(82px + env(safe-area-inset-bottom,0px));
    max-width:calc(100% - 32px);
    transform:translate(-50%,20px);
    padding:11px 16px;
    border-radius:9px;
    background:#1f1f1f;
    color:#fff;
    font-size:14px;
    box-shadow:0 8px 24px rgba(0,0,0,.2);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease,transform .2s ease;
}

.wqm-toast.is-visible{
    opacity:1;
    transform:translate(-50%,0);
}

.wqm-toast.is-error{
    background:#b42318;
}

@media(max-width:767px){
    .wqm-menu-layout ul.products,
    .wqm-menu-layout .products{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .wqm-menu-layout ul.products li.product,
    .wqm-menu-layout .products .product{
        padding:15px!important;
    }

    .wqm-menu-layout ul.products li.product .woocommerce-loop-product__title,
    .wqm-menu-layout .products .product .woocommerce-loop-product__title,
    .wqm-menu-layout .products .product h2,
    .wqm-menu-layout .products .product h3{
        font-size:17px!important;
    }

    .wqm-enabled-archive .wqm-short-description{
        font-size:13px;
    }

    .wqm-variable-footer,
    .wqm-controls-row{
        align-items:stretch;
    }

    .wqm-order-btn{
        flex:1 1 auto;
    }

    .wqm-cart-products-label{
        display:none;
    }

    .wqm-cart-bar{
        bottom:calc(8px + env(safe-area-inset-bottom,0px));
        width:calc(100% - 16px);
    }
}


/* ===== Woo Quick Menu 1.0.2 ===== */

/* Quitar el enlace "Ver carrito" que WooCommerce/Bacola puede insertar al lado de PEDIR */
.wqm-enabled-archive .added_to_cart.wc-forward,
.wqm-enabled-archive a.added_to_cart,
.wqm-enabled-archive .product .added_to_cart {
    display: none !important;
}

/* Corregir el hover de Bacola en ordenador: fondo y textos siempre legibles */
@media (min-width: 768px) {
    .wqm-menu-layout ul.products li.product:hover,
    .wqm-menu-layout .products .product:hover {
        background: var(--wqm-white) !important;
        color: var(--wqm-text) !important;
    }

    .wqm-menu-layout ul.products li.product:hover .woocommerce-loop-product__title,
    .wqm-menu-layout .products .product:hover .woocommerce-loop-product__title,
    .wqm-menu-layout .products .product:hover h2,
    .wqm-menu-layout .products .product:hover h3,
    .wqm-menu-layout ul.products li.product:hover .wqm-short-description,
    .wqm-menu-layout .products .product:hover .wqm-short-description,
    .wqm-menu-layout ul.products li.product:hover .wqm-from-price,
    .wqm-menu-layout .products .product:hover .wqm-from-price,
    .wqm-menu-layout ul.products li.product:hover .wqm-variation-name,
    .wqm-menu-layout .products .product:hover .wqm-variation-name,
    .wqm-menu-layout ul.products li.product:hover .wqm-variation-price,
    .wqm-menu-layout .products .product:hover .wqm-variation-price {
        color: var(--wqm-text) !important;
    }

    .wqm-menu-layout .product:hover .wqm-order-btn,
    .wqm-menu-layout .product:hover .wqm-view-cart {
        color: #fff !important;
    }

    .wqm-menu-layout .product:hover .wqm-toggle {
        color: var(--wqm-text) !important;
    }
}