/* FLAG ICON copio, per semplicità, il css di -gb con -en */
.flag-icon-en {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/0.8.6/flags/4x3/gb.svg);
}

/* Global small-screen typography */
@media (max-width: 575.98px) {
    html {
        font-size: 15px;
    }

    body {
        font-size: 0.95rem;
    }
}

/* Signup: fields shown only for TBG client */
.extra-fields {
    display: none;
}

/* Circular progress component */
.progress-circle {
    width: var(--progress-circle-size, 120px);
    height: var(--progress-circle-size, 120px);
    border-radius: 50%;
    position: relative;
    display: grid;
    place-items: center;
}

.progress-circle-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.progress-circle-content {
    position: relative;
    z-index: 1;
}

/*
 * Mazer forces `.bi` into a 1rem box. When the icon is used next to text
 * inside a button or flex-based label, that fixed box misaligns the glyph.
 */
.btn i.bi,
.btn i[class^="bi-"],
.btn i[class*=" bi-"],
.d-flex > i.bi,
.d-flex > i[class^="bi-"],
.d-flex > i[class*=" bi-"],
.d-inline-flex > i.bi,
.d-inline-flex > i[class^="bi-"],
.d-inline-flex > i[class*=" bi-"] {
    width: auto;
    height: auto;
    line-height: 1;
    flex: 0 0 auto;
}

.btn i.bi::before,
.btn i[class^="bi-"]::before,
.btn i[class*=" bi-"]::before,
.d-flex > i.bi::before,
.d-flex > i[class^="bi-"]::before,
.d-flex > i[class*=" bi-"]::before,
.d-inline-flex > i.bi::before,
.d-inline-flex > i[class^="bi-"]::before,
.d-inline-flex > i[class*=" bi-"]::before {
    vertical-align: middle;
}

/* Utility to neutralize Mazer .bi fixed box when icon is rendered in a span */
.bi-no-box {
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
    flex: 0 0 auto;
}

/* section for form-submit-guard */
.submit-guard-submitting {
    cursor: progress;
}

.submit-guard-submitting button[type="submit"],
.submit-guard-submitting button:not([type]),
.submit-guard-submitting input[type="submit"],
button[aria-busy="true"],
input[aria-busy="true"] {
    cursor: progress;
}

button[aria-busy="true"] .spinner-border {
    flex: 0 0 auto;
}