/* Vložená data */
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;700&display=swap');

/* Zámek stránky po dobu načítání */
html.preloading, html.preloading body { overflow: hidden;}

/* Základní plocha preloaderu - společné pro všechna rozhraní */
.preloader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; margin: 0; z-index: 200; background: #F3F0E7; font-family: 'Oxygen', sans-serif; font-weight: 300; color: #3F3F3F; text-align: center; overflow: hidden; opacity: 1; visibility: visible; transition: opacity 0.55s ease-in-out, visibility 0.55s ease-in-out;}
.preloader.hotovo { opacity: 0; visibility: hidden;}
.preloader.konec { display: none;}

.preloader-obsah { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); text-align: center;}

/* Kruhy - dekorace v duchu webu */
.preloader-circle-01, .preloader-circle-02, .preloader-circle-03, .preloader-circle-04 { position: absolute; margin: 0; overflow: hidden;}
.preloader-circle-01-obsah, .preloader-circle-02-obsah { position: absolute; margin: 0; border-radius: 100%; background: #DDC796;}
.preloader-circle-03-obsah, .preloader-circle-04-obsah { position: absolute; margin: 0; border: 2px solid #8C1535; border-radius: 100%;}

/* Prstenec s logem */
.preloader-ring { position: relative; margin: 0 auto;}
.preloader-ring-track, .preloader-ring-arc { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; box-sizing: border-box; border-radius: 100%;}
.preloader-ring-track { border: 2px solid #DDC796;}
.preloader-ring-arc { border: 2px solid transparent; border-top-color: #8C1535; animation: preloader-rotace 1.1s linear infinite;}
.preloader-logo { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); background: url('../themes/logo.fw.png') top no-repeat; background-size: cover; border-radius: 100%; animation: preloader-dech 2.2s ease-in-out infinite;}

/* Popisky */
.preloader-text { width: 100%; margin: 0; text-align: center;}
.preloader-text span { font-weight: 700;}
.preloader-popis { width: 100%; margin: 0; color: #B0AC93; text-align: center; text-transform: uppercase;}
.preloader-popis span { color: #8C1535; font-weight: 700;}

/* Ukazatel průběhu */
.preloader-progress { margin: 0 auto; background: #DDC796; overflow: hidden;}
.preloader-progress-bar { width: 0; height: 100%; margin: 0; background: #8C1535; transition: width 0.35s ease-in-out;}

/* Animace */
@-webkit-keyframes preloader-rotace {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

@keyframes preloader-rotace {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

@-webkit-keyframes preloader-dech {
  0% { opacity: 0.75;}
  50% { opacity: 1;}
  100% { opacity: 0.75;}
}

@keyframes preloader-dech {
  0% { opacity: 0.75;}
  50% { opacity: 1;}
  100% { opacity: 0.75;}
}

/* Rozhraní pro notebook + PC */
@media screen and (min-width: 1100px) {
  .preloader-obsah { width: 400px;}

  .preloader-circle-01 { width: 320px; height: 320px; margin: -160px 0 0 calc(50% - 460px); top: 50%; left: 0;}
  .preloader-circle-01-obsah { width: 320px; height: 320px;}
  .preloader-circle-02 { width: 180px; height: 250px; margin: -50px 0 0 calc(100% - 180px); top: 0; left: 0;}
  .preloader-circle-02-obsah { width: 250px; height: 250px;}
  .preloader-circle-03 { width: 60px; height: 60px; margin: 0 0 0 calc(50% + 260px); top: 22%; left: 0;}
  .preloader-circle-03-obsah { width: 56px; height: 56px;}
  .preloader-circle-04 { width: 40px; height: 40px; margin: 0 0 0 calc(50% - 340px); top: 76%; left: 0;}
  .preloader-circle-04-obsah { width: 36px; height: 36px;}

  .preloader-ring { width: 160px; height: 160px;}
  .preloader-logo { width: 100px; height: 100px;}

  .preloader-text { height: 36px; margin: 40px 0 0 0; font-size: 28px;}
  .preloader-progress { width: 300px; height: 3px; margin: 30px auto 0 auto;}
  .preloader-popis { height: 20px; margin: 16px 0 0 0; font-size: 14px; letter-spacing: 2px;}
}

/* Rozhraní pro tablety */
@media screen and (min-width: 768px) and (max-width: 1099px) {
  .preloader-obsah { width: 340px;}

  .preloader-circle-01 { width: 260px; height: 260px; margin: -130px 0 0 -60px; top: 50%; left: 0;}
  .preloader-circle-01-obsah { width: 260px; height: 260px;}
  .preloader-circle-02 { width: 140px; height: 200px; margin: -40px 0 0 calc(100% - 140px); top: 0; left: 0;}
  .preloader-circle-02-obsah { width: 200px; height: 200px;}
  .preloader-circle-03 { width: 60px; height: 60px; margin: 0 0 0 calc(50% + 200px); top: 20%; left: 0;}
  .preloader-circle-03-obsah { width: 56px; height: 56px;}
  .preloader-circle-04 { width: 40px; height: 40px; margin: 0 0 0 calc(50% - 250px); top: 78%; left: 0;}
  .preloader-circle-04-obsah { width: 36px; height: 36px;}

  .preloader-ring { width: 140px; height: 140px;}
  .preloader-logo { width: 88px; height: 88px;}

  .preloader-text { height: 34px; margin: 34px 0 0 0; font-size: 26px;}
  .preloader-progress { width: 260px; height: 3px; margin: 26px auto 0 auto;}
  .preloader-popis { height: 18px; margin: 14px 0 0 0; font-size: 13px; letter-spacing: 2px;}
}

/* Rozhraní pro smartphone */
@media screen and (min-width: 480px) and (max-width: 767px) {
  .preloader-obsah { width: 280px;}

  .preloader-circle-01 { width: 200px; height: 200px; margin: -100px 0 0 -80px; top: 50%; left: 0;}
  .preloader-circle-01-obsah { width: 200px; height: 200px;}
  .preloader-circle-02 { width: 100px; height: 150px; margin: -30px 0 0 calc(100% - 100px); top: 0; left: 0;}
  .preloader-circle-02-obsah { width: 150px; height: 150px;}
  .preloader-circle-03 { width: 40px; height: 40px; margin: 0 0 0 calc(50% + 130px); top: 18%; left: 0;}
  .preloader-circle-03-obsah { width: 36px; height: 36px;}
  .preloader-circle-04 { width: 30px; height: 30px; margin: 0 0 0 calc(50% - 170px); top: 80%; left: 0;}
  .preloader-circle-04-obsah { width: 26px; height: 26px;}

  .preloader-ring { width: 120px; height: 120px;}
  .preloader-logo { width: 74px; height: 74px;}

  .preloader-text { height: 28px; margin: 28px 0 0 0; font-size: 22px;}
  .preloader-progress { width: 220px; height: 2px; margin: 22px auto 0 auto;}
  .preloader-popis { height: 16px; margin: 12px 0 0 0; font-size: 12px; letter-spacing: 2px;}
}

/* Rozhraní pro mobil */
@media screen and (max-width: 479px) {
  .preloader-obsah { width: 260px;}

  .preloader-circle-01 { width: 180px; height: 180px; margin: -90px 0 0 -90px; top: 50%; left: 0;}
  .preloader-circle-01-obsah { width: 180px; height: 180px;}
  .preloader-circle-02 { width: 90px; height: 130px; margin: -30px 0 0 calc(100% - 90px); top: 0; left: 0;}
  .preloader-circle-02-obsah { width: 130px; height: 130px;}
  .preloader-circle-03 { width: 40px; height: 40px; margin: 0 0 0 calc(50% + 90px); top: 16%; left: 0;}
  .preloader-circle-03-obsah { width: 36px; height: 36px;}
  .preloader-circle-04 { width: 30px; height: 30px; margin: 0 0 0 calc(50% - 130px); top: 82%; left: 0;}
  .preloader-circle-04-obsah { width: 26px; height: 26px;}

  .preloader-ring { width: 110px; height: 110px;}
  .preloader-logo { width: 68px; height: 68px;}

  .preloader-text { height: 26px; margin: 24px 0 0 0; font-size: 20px;}
  .preloader-progress { width: 200px; height: 2px; margin: 20px auto 0 auto;}
  .preloader-popis { height: 16px; margin: 12px 0 0 0; font-size: 12px; letter-spacing: 1px;}
}

/* Omezení pohybu - přístupnost */
@media (prefers-reduced-motion: reduce) {
  .preloader, .preloader-progress-bar { transition: none;}
  .preloader-ring-arc, .preloader-logo { animation: none;}
  .preloader-ring-arc { border-color: #8C1535;}
}