/* Vložená data */
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,700,900&display=swap&subset=latin-ext');

/* Zamezení posunu stránky během načítání */
body.preloading { overflow: hidden;}

/* Vlastní preloader */
#preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; font-family: 'Work Sans', sans-serif; background: rgba(34,38,41,.8); background: radial-gradient(circle at 50% 45%, rgba(34,38,41,.72), rgba(0,0,0,.88) 75%); -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); opacity: 1; visibility: visible; transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;}
#preloader.preloader-hidden { opacity: 0; visibility: hidden;}

    /* Náhradní řešení pro prohlížeče bez podpory rozostření pozadí */
    @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
        #preloader { background: radial-gradient(circle at 50% 45%, rgba(34,38,41,.92), rgba(0,0,0,.97) 75%);}
    }

    /* Obsah preloaderu */
    .preloader-content { width: 320px; height: 260px; position: absolute; top: 50%; left: 50%; margin: -130px 0 0 -160px; text-align: center;}

    /* Horní částice */
    .preloader-toppier { width: 2px; height: 60px; position: absolute; top: -100px; left: calc(50% - 1px); background: #b59b76; transform-origin: top center; animation: preloader-lineas 1.6s ease-in-out infinite;}

    /* Vlastní logo */
    .preloader-logo { width: 280px; height: 110px; margin: 0 auto; background: url('../themes/logo.bottom.fw.png') top center no-repeat; background-size: contain; animation: preloader-logo 2.4s ease-in-out infinite;}

    /* Oddělovač */
    .preloader-lineas { width: 220px; height: 4px; position: relative; margin: 34px auto 0 auto;}
    .preloader-lineas-left, .preloader-lineas-right { width: 70px; height: 4px; position: absolute; top: 0; background: #b59b76;}
    .preloader-lineas-left { left: 0;}
    .preloader-lineas-right { right: 0;}
    .preloader-lineas-dot { width: 8px; height: 8px; position: absolute; top: -2px; left: calc(50% - 4px); border-radius: 50%; background: #efefef; animation: preloader-dot 1.6s ease-in-out infinite;}

    /* Ukazatel načítání */
    .preloader-bar { width: 220px; height: 2px; margin: 30px auto 0 auto; overflow: hidden; background: rgba(239,239,239,.15);}
    .preloader-bar-fill { width: 40%; height: 2px; background: #b59b76; animation: preloader-bar 1.6s ease-in-out infinite;}

    /* Popis */
    .preloader-popis { margin: 22px 0 0 0; font-size: 14px; font-weight: 300; letter-spacing: 5px; text-indent: 5px; text-align: center; text-transform: uppercase; color: rgba(239,239,239,.55);}
    .preloader-popis span { font-weight: 700; color: #b59b76;}

/* Animace */
@keyframes preloader-logo {
    0%, 100% { opacity: .75; transform: translateY(0);}
    50% { opacity: 1; transform: translateY(-6px);}
}
@keyframes preloader-lineas {
    0%, 100% { transform: scaleY(.25); opacity: .35;}
    50% { transform: scaleY(1); opacity: 1;}
}
@keyframes preloader-dot {
    0%, 100% { transform: scale(1); opacity: .45;}
    50% { transform: scale(1.5); opacity: 1;}
}
@keyframes preloader-bar {
    0% { transform: translateX(-100%);}
    100% { transform: translateX(250%);}
}

/* Rozhraní pro tablety */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    .preloader-content { width: 280px; margin: -130px 0 0 -140px;}
    .preloader-logo { width: 220px; height: 88px;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .preloader-content { width: 260px; height: 220px; margin: -110px 0 0 -130px;}
    .preloader-toppier { height: 40px; top: -70px;}
    .preloader-logo { width: 178px; height: 70px;}
    .preloader-lineas, .preloader-bar { width: 180px;}
    .preloader-lineas-left, .preloader-lineas-right { width: 50px;}
    .preloader-popis { font-size: 12px; letter-spacing: 4px; text-indent: 4px;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
    .preloader-content { width: 240px; height: 210px; margin: -105px 0 0 -120px;}
    .preloader-toppier { height: 40px; top: -70px;}
    .preloader-logo { width: 160px; height: 64px;}
    .preloader-lineas, .preloader-bar { width: 160px;}
    .preloader-lineas-left, .preloader-lineas-right { width: 44px;}
    .preloader-popis { margin: 18px 0 0 0; font-size: 11px; letter-spacing: 3px; text-indent: 3px;}
}

/* Omezení animací dle nastavení systému */
@media (prefers-reduced-motion: reduce) {
    #preloader, .preloader-logo, .preloader-toppier, .preloader-lineas-dot, .preloader-bar-fill { animation: none; transition: opacity 0.2s linear, visibility 0.2s linear;}
    .preloader-bar-fill { width: 100%;}
}