/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    Section (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    XXX

    COMPONENTS
    -------------------------------------------------------------------------
    XXX

    WIDGETS
    -------------------------------------------------------------------------
    Forms (Override/complement)
      : Boxed (New)

    MODULES
    -------------------------------------------------------------------------
    XXX

    PAGETYPES
    -------------------------------------------------------------------------
    XXX

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    LAYOUTS/Section (Override/complement)
*/

* + .section__header__text__subtitle {
    margin-block-start: var(--t-gs--space--m);
}

* + .section__header__text__paragraph {
    margin-block-start: var(--t-gs--space--m);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section__header__text__subtitle {
        font-size: var(--t-gs--font--size--05);
    }

}

/*
    ELEMENTS/XXX
*/

/*
    COMPONENTS/XXX
*/

/*
    WIDGETS/Forms (Override/complement)
*/

.Separator {
    margin-block-end: var(--t-gs--space--m);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .Separator > legend {
        font-size: var(--t-gs--font--size--07);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .Separator > legend {
        font-size: var(--t-gs--font--size--09);
    }

}

/*
    WIDGETS/Forms: Boxed (New)
*/

.form--boxed {
    background-color: var(--t-gs--color--surface--secondary);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--boxed {
        padding-block: var(--t-gs--space--m);
        padding-inline: var(--t-gs--space--m);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .form--boxed {
        padding-block: var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--l);
    }

}

/*
    MODULES/XXX
*/

/*
    PAGETYPES/XXX
*/

/*
    UTILITIES/XXX
*/

/* Menu Desktop */

html.tbd-focus .menu--visible .menu__link--open,
html.tbd-focus .menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"],
.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] {
    box-shadow: none;
    border: .1rem solid transparent;
}

/* Menu Toggleable */

.menu--toggleable .menu__panel {
    background-color: var(--custom--black);
}

.menu--toggleable .menu__item--open .menu__link[aria-expanded="true"]::after {
    color: var(--t-gs--color--text--on--fill--link--hover);
}

/* Log in */

.body--login .section--login {
    border: .1rem solid var(--t-gs--color--border--default);
    border-radius: var(--t-gs--border--radius--base);
}

.body--login .section--login .title {
    font-size: 2.5rem;
}

.body--login .section--login .fieldSpec .requiredField {
    font-weight: var(--t-gs--font--weight--regular);
    font-size: var(--t-gs--font--size--05);
}

.body--login .section.section--login .loginInputContainer .loginInput {
    border: none;
    border-bottom: .1rem solid var(--custom--grey--neutral);
    border-radius: 0;
    background-color: var(--custom--grey--lighter);
}

.body--login .section--login .passwordGroup {
    padding-block-end: var(--t-gs--space--s2);
}

.body--login .section--login .passwordGroup .link {
    font-weight: var(--t-gs--font--weight--regular);
    font-size: var(--t-gs--font--size--04);
}

/* Typography */

.section__header__text__title.title.title--hero {
    line-height: 100%;
    font-size: 4rem;
}

/* Media query to target screens smaller than 1050px */
@media screen and (max-width: 1050px) {
    .section__header__text__title.title.title--hero {
        font-size: 3.1rem;
    }
}

/* Timeslots */

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar thead {
    background-color: var(--custom--grey--light);
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar tr + tr {
    border-block-start-color: var(--custom--grey--darker);
}

.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar th + th,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-calendar td + td {
    border-inline-start-color: transparent;
}

/* Session Popup */

.glightbox-container.glightbox-clean .gclose svg,
.ui-dialog button.ui-button.ui-dialog-titlebar-close {
    block-size: 4rem;
    inline-size: 4rem;
    border: none;
}

.glightbox-container.glightbox-clean .gclose svg,
.ui-dialog button.ui-button.ui-dialog-titlebar-close:hover {
    block-size: 4rem;
    inline-size: 4rem;
    border: none;
    background-color: var(--custom--button--hover);
}

.glightbox-container.glightbox-clean .gclose svg,
.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    block-size: 1.4rem;
    inline-size: 1.4rem;
    display: block;
    color: var(--custom--dark--default);
}

/* Footer */

.footer .footer__rights .footer__rights__copy,
.footer .footer__links .footer__links__item.link,
.footer .footer__links .footer__links__divider {
    color: var(--custom--light);
}