/*
 * Meta Line – iubenda placeholder.
 * Colori: variabili --m6e-iubenda-* dalle impostazioni (Impostazioni › Avviso iubenda), altrimenti
 * la palette di Blocksy, altrimenti i valori di riserva per altri temi.
 */

.m6e-iubenda-holder {
    position: relative;
}

.m6e-iubenda-notice {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
    padding: 2rem;
    border: 1px solid var(--m6e-iubenda-border, var(--theme-palette-color-5, #d9d9d9));
    border-radius: inherit;
    background: var(--m6e-iubenda-background, var(--theme-palette-color-7, #f8f7f5));
    text-align: center;
}

.m6e-iubenda-notice_content {
    max-width: 34rem;
    color: var(--m6e-iubenda-text, var(--theme-palette-color-3, #646464));
    font-size: 0.95em;
    line-height: 1.5;
}

.m6e-iubenda-notice_text {
    margin: 0 0 1rem;
}

.m6e-iubenda-notice_button {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.7em 1.4em;
    border: 0;
    border-radius: 100px;
    background: var(--m6e-iubenda-button, var(--theme-palette-color-1, #ff6f20));
    color: var(--m6e-iubenda-button-text, #fff);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.m6e-iubenda-notice_button:hover,
.m6e-iubenda-notice_button:focus-visible {
    background: var(--m6e-iubenda-button-hover, var(--theme-palette-color-2, #e85a0c));
}

/*
 * L'iframe bloccato (pagina vuota di iubenda) mantiene le proporzioni del video.
 * pointer-events: none perche' alcuni temi e plugin gli danno un z-index pari a
 * quello dell'avviso: stando dopo nel DOM finirebbe sopra e intercetterebbe i
 * clic sul pulsante. L'iframe bloccato non ha nulla di cliccabile, e quando
 * iubenda lo sblocca l'avviso viene rimosso e questa regola non lo tocca piu'.
 */
.m6e-iubenda-notice + iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    pointer-events: none;
}

@media (max-width: 689.98px) {
    .m6e-iubenda-notice {
        padding: 1.25rem;
    }

    .m6e-iubenda-notice_content {
        font-size: 0.85em;
    }
}