/**
 * wmproductpage — Product Page Customizations
 * Workmind · workmind.pt · v2.0.0
 */

/* 1. Blocos extra entre descrição e "Também poderá gostar" */
.wm-hide-extra-blocks .more-info-product > div:not(#description),
.wm-hide-extra-blocks .more-info-product > #product-extra {
    display: none !important;
}

/* 2. Botão Adicionar ao carrinho — mantém cor do tema */
.product-add-to-cart .btn.add-to-cart {
    background-color: var(--wm-btn-color, #00b4d8) !important;
    border-color: var(--wm-btn-color, #00b4d8) !important;
    color: var(--wm-btn-text, #ffffff) !important;
}
.product-add-to-cart .btn.add-to-cart:hover {
    opacity: .85;
}

/* 3. Botões de tamanho — fundo branco */
.product-variants-item .input-radio {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
.product-variants-item .radio-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 46px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--wm-variant-border, #cccccc) !important;
    background-color: var(--wm-variant-bg, #ffffff) !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: border-color .15s, background-color .15s, color .15s !important;
    user-select: none !important;
}
.product-variants-item .input-radio:checked + .radio-label {
    background-color: var(--wm-variant-selected, #00b4d8) !important;
    border-color: var(--wm-variant-selected, #00b4d8) !important;
    color: #ffffff !important;
}
.product-variants-item label:hover .radio-label {
    border-color: var(--wm-variant-selected, #00b4d8) !important;
}
.product-variants-item .input-container {
    margin: 0 6px 6px 0 !important;
}

/* 4. Ocultar "Com IVA / Sob consulta" */
.tax-shipping-delivery-label {
    display: none !important;
}

/* 5. Ocultar label nativo de quantidade */
.product-add-to-cart > .control-label {
    display: none !important;
}

/* 6. Caixa de quantidade — label inline + borda azul */
.product-quantity {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
.wm-qty-label {
    font-size: 13px;
    font-weight: 500;
    color: #555;
    white-space: nowrap;
}
.product-quantity .input-group.bootstrap-touchspin {
    border: 1.5px solid var(--wm-variant-selected, #00b4d8) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    width: auto !important;
}
.product-quantity input#quantity_wanted {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    text-align: center !important;
}
.product-quantity .bootstrap-touchspin-prefix,
.product-quantity .bootstrap-touchspin-postfix {
    display: none !important;
}
.product-quantity .add {
    flex-basis: 100% !important;
    margin-top: 4px !important;
}