/**
 * Dicitura di disponibilità accanto al prezzo — front office.
 * Caricato solo quando l'interruttore STKSHIPMODE_FRONT_AVAIL è acceso
 * (hookActionFrontControllerSetMedia): spento, questo file non arriva
 * nemmeno al browser e la pagina torna esattamente com'era.
 */

/**
 * Il blocco originale sotto il pulsante di acquisto
 * (themes/orange-theme-8/templates/catalog/_partials/product-add-to-cart.tpl,
 * {block name='product_availability'}): la dicitura si è spostata accanto al
 * prezzo, qui sarebbe un doppione.
 *
 * Si nasconde invece di toglierla dal tema per due motivi: il tema non è
 * nostro e le modifiche si perderebbero al primo aggiornamento, e così
 * spegnendo l'interruttore la pagina torna com'era senza toccare niente.
 * Il caricamento NON è ristretto alla pagina prodotto perché il quickview
 * (catalog/_partials/quickview.tpl) include gli stessi due template: senza
 * questa riga anche lì comparirebbe due volte.
 */
#product-availability {
    display: none !important;
}

/**
 * ALLINEAMENTO — perché è scritto così (corretto il 2026-07-28 su segnalazione
 * dell'utente: «sembra che stiano su due righe diverse»).
 *
 * La prima versione usava display:inline-flex, font-size proprio (.875rem),
 * vertical-align:middle e un'icona da 16px fissi. Il risultato era un elemento
 * PIÙ ALTO della riga di testo che lo ospita: ingrandiva il line box dello
 * <span class="tax-shipping-delivery-label">, e questo spingeva verso l'alto
 * anche «Iva inclusa», che è testo semplice lì dentro. Siccome la colonna del
 * prezzo e quella dell'etichetta sono centrate fra loro dal tema
 * (.row.align-items-center), il prezzo restava dov'era e le diciture salivano:
 * da qui l'impressione di due righe diverse. Il difetto lo avevamo introdotto
 * noi, e riguardava anche l'etichetta dell'IVA che prima era a posto.
 *
 * Quindi: elemento INLINE, che eredita corpo e interlinea del testo accanto e
 * sta sulla sua stessa base. Nessun vertical-align, nessuna misura fissa.
 * L'icona è legata al corpo del testo (em) e la sua interlinea è ereditata,
 * così non fa crescere la riga nemmeno lei.
 */
/**
 * ALLINEAMENTO PREZZO / DICITURE.
 *
 * Il tema centra fra loro le due colonne della riga del prezzo
 * (.row.align-items-center in catalog/_partials/product-prices.tpl): il prezzo
 * è 20px (.display-4) e le diciture ~14px, quindi centrando i RIQUADRI le
 * LINEE DI BASE non coincidono e il testo piccolo sembra galleggiare.
 *
 * Misurato in produzione il 2026-07-28 con una sonda inline-block sulle linee
 * di base reali: lo scarto era di **2,56 px già senza la nostra dicitura** —
 * è del tema, non l'abbiamo introdotto noi (noi lo peggioravamo di 0,25 px con
 * la prima versione del CSS, vedi sotto). Con l'allineamento alla linea di
 * base lo scarto misurato diventa **0,00**.
 *
 * L'`!important` serve davvero: Bootstrap dichiara `.align-items-center` con
 * `!important`, quindi senza non vince (verificato — il primo tentativo non
 * cambiava nulla proprio per questo).
 *
 * Il tema non viene modificato: la regola vive qui e sparisce insieme al CSS
 * quando l'interruttore viene spento.
 */
.product-prices .product__product-price > .row.align-items-center {
    align-items: baseline !important;
}

.stk-avail {
    display: inline;
    /* lo spazio che separa dall'etichetta dell'IVA */
    margin-left: 18px;
    /* stesso corpo del testo accanto: devono leggersi come una riga sola */
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline;
    /* la riga del prezzo è in maiuscoletto: una frase intera no */
    text-transform: none;
    letter-spacing: 0;
}

.stk-avail__icon {
    font-size: 1.15em;
    /* ereditata, non 1: così l'icona non alza il line box */
    line-height: inherit;
    vertical-align: -.15em;
    margin-right: 3px;
}

.stk-avail--available { color: #2e7d32; }
.stk-avail--last_remaining_items { color: #b26a00; }
.stk-avail--unavailable { color: #c62828; }

/**
 * Sotto il breakpoint lg il prezzo e l'etichetta stanno su due righe
 * (col-12 col-lg-auto nel template del tema): il margine sinistro
 * spingerebbe la frase fuori asse.
 */
@media (max-width: 991.98px) {
    .stk-avail {
        display: block;
        margin-left: 0;
        margin-top: 4px;
    }
}