/*
 * Classi di supporto per la migrazione degli inline style richiesta dalla CSP.
 * A differenza di csp-inline-migrated.css (generato automaticamente), questo
 * file è mantenuto manualmente.
 */
.csp-bg-cover {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.csp-bg-lazy {
    content-visibility: auto;
}

.csp-bg-size-100 {
    background-size: 100% 100%;
}

.csp-bg-color-f1416c {
    background-color: #F1416C;
}

.csp-bg-pos-100-50 {
    background-position: 100% 50%;
}

.csp-modal-backdrop {
    background: rgba(0, 0, 0, .5);
}

/*
 * Overlay di stampa delle lettere di vettura mostrato nelle modali di spedizione.
 * L'anello di avanzamento e' un SVG: la parte colorata viene scoperta agendo su
 * stroke-dashoffset da JavaScript, cosi' non servono stili inline.
 */
.qz-print-overlay {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: none;
    background: rgba(255, 255, 255, 0.92);
}

.qz-print-overlay.is-visible {
    display: flex;
}

.qz-print-ring {
    position: relative;
    width: 72px;
    height: 72px;
}

.qz-print-ring svg {
    transform: rotate(-90deg);
}

.qz-print-ring-bg {
    fill: none;
    stroke: var(--bs-gray-200, #eef1f5);
    stroke-width: 7;
}

.qz-print-ring-fg {
    fill: none;
    stroke: var(--bs-primary, #1b84ff);
    stroke-width: 7;
    stroke-linecap: round;
    stroke-dasharray: 207;
    stroke-dashoffset: 207;
    transition: stroke-dashoffset 0.35s ease;
}

.qz-print-ring-percent {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
 * Pagina di modifica variante (configurable-products.variants.edit): la colonna
 * principale (flex-row-fluid) ha flex-basis:auto di default, quindi la sua dimensione
 * iniziale nel calcolo flex viene stimata sul contenuto come se non potesse mai andare a
 * capo. Il tab "Generale" contiene un editor Quill con testo libero potenzialmente lungo,
 * che gonfia questa stima ben oltre lo spazio disponibile: il motore di layout comprime
 * di conseguenza anche la sidebar "Altre varianti", che nel tab "Attributi" (contenuto
 * compatto) non subisce lo stesso effetto. Il risultato visibile e' un salto della
 * sidebar ad ogni cambio di tab. flex-basis:0 ignora la dimensione intrinseca del
 * contenuto e lascia che sia solo flex-grow a distribuire lo spazio, eliminando il salto.
 */
.csp-flex-basis-0 {
    flex-basis: 0;
    min-width: 0;
}