/* Full-width Brevo HTML embed (Amelia-style). */
.wpdt-brevo-form {
    width: 100%;
    max-width: none;
}

.wpdt-brevo-form :where(.sib-form-message-panel:not(.sib-form-message-panel--active)) {
    display: none;
    max-width: none !important;
}

.wpdt-brevo-form :where(.sib-form-message-panel--active) {
    display: inline-block;
    max-width: none !important;
}

.wpdt-brevo-form :where(.sib-form-message-panel .sib-notification__icon) {
    width: 20px;
    height: 20px;
}

.wpdt-brevo-form .sib-form {
    text-align: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

.wpdt-brevo-form .sib-form-container,
.wpdt-brevo-form #sib-container.sib-container--large,
.wpdt-brevo-form #sib-container {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.wpdt-brevo-form #error-message,
.wpdt-brevo-form #success-message {
    max-width: none !important;
}

.wpdt-brevo-form .entry__error:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.wpdt-brevo-form .sib-form-block__button {
    cursor: pointer;
}

.wpdt-brevo-form #sib-form > div:nth-of-type(2) .sib-form-block,
.wpdt-brevo-form #sib-form > div:nth-of-type(2) .sib-form-block p {
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.wpdt-brevo-form .cf-turnstile {
    max-width: 100%;
}

/*
 * Docs/Material Admin styles `.checkbox { display: block }` and related
 * form rules. Brevo uses that class on an inline custom checkbox span, so
 * restore Brevo’s hanging-indent layout inside the embed only.
 */
.wpdt-brevo-form .entry__choice {
    padding-left: 1.5em !important;
    text-indent: -1.5em !important;
    margin-top: 0.5rem;
    margin-bottom: 0;
    width: 100%;
}

.wpdt-brevo-form .entry__choice:first-child {
    margin-top: 0;
}

.wpdt-brevo-form #sib-form .entry__choice label,
.wpdt-brevo-form .entry__choice .checkbox__label {
    display: unset !important;
    padding-left: 0 !important;
    min-height: 0 !important;
    font-weight: inherit;
    word-wrap: break-word;
}

.wpdt-brevo-form .entry__choice .input_replaced {
    opacity: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
    filter: none !important;
}

.wpdt-brevo-form .entry__choice .checkbox {
    display: inline-block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 1em !important;
    height: 1em !important;
    margin: 0 0.5em 0 0 !important;
    padding: 0 !important;
    vertical-align: -0.125em !important;
    background: #fff !important;
    border: 1px solid #687484 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    float: none !important;
    text-indent: 0 !important;
}

.wpdt-brevo-form .entry__choice .input_replaced:checked + .checkbox_tick_positive {
    background: #13ce66 !important;
    border-color: #13ce66 !important;
}
