/*
Theme Name: Autoservis Klug
Theme URI: https://www.autoklug.cz/
Author: Stanislav Voráč
Description: Jednostránková šablona pro Autoservis Klug Nýřany s animovanou úvodní prezentací. Texty, kontakty, služby a fotky se upravují ve Vzhled → Přizpůsobit.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: klug
*/

body{margin:0;background:#FFFFFF}
a{color:#0A3A7A}a:hover{color:#06264F}
*{box-sizing:border-box}
select,input,textarea,button{font:inherit}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes txt{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes txt2{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sweep{from{stroke-dashoffset:0}to{stroke-dashoffset:-2600}}
@keyframes scan{0%{transform:translateX(0)}50%{transform:translateX(700px)}100%{transform:translateX(0)}}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wave{to{transform:translateX(-200px)}}
@keyframes glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes mq{to{transform:translateX(-50%)}}
.kb{animation:kb 9s ease-out both}
.t1{animation:txt .9s cubic-bezier(.2,.8,.2,1) both .15s}
.t2{animation:txt .9s cubic-bezier(.2,.8,.2,1) both .35s}
.t3{animation:txt .9s cubic-bezier(.2,.8,.2,1) both .55s}
.t4{animation:txt .9s cubic-bezier(.2,.8,.2,1) both .75s}
.sw{stroke-dasharray:220 2380;animation:sweep 5s linear infinite}
.scan{animation:scan 5s ease-in-out infinite}
.bk{animation:blink 1.4s ease-in-out infinite}
.rim{transform-box:fill-box;transform-origin:center;animation:spin 14s linear infinite}
.wv{animation:wave 2.2s linear infinite}
.gl{animation:glow 3s ease-in-out infinite}
.mq{display:flex;width:max-content;animation:mq 34s linear infinite}
.card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(10,34,64,.12)}
.card:hover .arr{transform:translateX(6px)}
.arr{display:inline-block;transition:transform .3s ease}
.ico{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.ben:hover .ico{transform:translateY(-6px) scale(1.06)}
.nav a{position:relative}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#FFFFFF;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav a:hover:after{transform:scaleX(1)}
.btn{transition:background .25s ease,transform .25s ease}
.btn:hover{transform:translateY(-2px)}
@supports (animation-timeline: view()){.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 26%}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}

.slide{display:none}.slide.on{display:block}
html{scroll-behavior:smooth}
.slide-photo{position:absolute;inset:0;background-size:cover;background-position:center}
.klug-msg{padding:18px 22px;margin-bottom:20px;font-weight:700}
.screen-reader-text{position:absolute;left:-9999px}
.klug-page{max-width:900px;margin:0 auto;padding:140px 24px 80px;font-size:18px;line-height:1.7}