/**
 * Spruce Subscribe module — structure only.
 *
 * Colours, fonts and spacing belong to the Divi controls. This file only
 * restates [hidden], block labels, and the six-digit code layout — the same
 * handful of things Spruce Passkey Registration needs and Divi cannot express.
 */

.spruce-subscribe [hidden] {
    display: none;
}

.spruce-subscribe__label {
    display: block;
}

.spruce-subscribe__field {
    margin: 0;
}

.spruce-subscribe__code {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    justify-content: center;
}

.spruce-subscribe__code-input {
    width: 2.5em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.spruce-subscribe__alt-link {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.spruce-subscribe__alt-link:disabled {
    cursor: default;
    text-decoration: none;
    opacity: 0.65;
}