/* dadesign Newsletter - solo struttura.
   Colori, caratteri, bordi e pulsante li da' il tema (classi .da-newsletter__*).
   Spegnibile: add_filter('da_newsletter_enqueue_css', '__return_false'). */

.da-newsletter__form {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    margin: 0;
}

.da-newsletter__field--email {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
}

.da-newsletter__input {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.da-newsletter__field--consent {
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
}

.da-newsletter__checkbox {
    flex: 0 0 auto;
    margin: 0.2em 0 0;
}

.da-newsletter__consent {
    flex: 1 1 auto;
}

.da-newsletter__button[aria-busy="true"] {
    cursor: progress;
    opacity: 0.7;
}

/* La regione resta nel DOM anche vuota: i lettori di schermo la devono gia' conoscere. */
.da-newsletter__message {
    margin: 0;
}

.da-newsletter__message:empty {
    display: block;
    min-height: 0;
}

/* Per i temi che non definiscono la classe del core. */
.da-newsletter .screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}