/* Custom styles specific to this application */
/* custom-base.css must be included along with this file, as it defines root variables */

/* region Cropper image preview */
/* for cropped image preview when creating a conference */
.u-cropped-img-preview {
    max-height: 80px;
}

/* endregion */

/* region Header banner */
/* the image is displayed entirely, up to 480px high: when it is not wide enough to cover the whole width, it is repeated
   on both sides, blurred, as background of the banner (its URL is set in --u-banner-url by main.zul once loaded) */
.u-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--u-banner-url, none);
    background-repeat: repeat-x;
    background-position: center;
    background-size: auto 100%;
    filter: blur(12px) brightness(0.9);
    /* slightly enlarged so that the blurred edges are hidden */
    transform: scale(1.05);
}

.u-banner-img {
    max-height: 480px;
}

/* endregion */

/* region Listbox show/hide flags */
.z-listitem > .z-listcell > .z-listcell-content > .u-hide-flag {
    display: none;
}

.z-listitem:hover > .z-listcell > .z-listcell-content > .u-hide-flag {
    display: inline-block;
}

/* endregion */