/* web_066eebd919d04d11a0af816eb8ee69ae header-menu-appearance.css */
/* Hlavička + celoobrazovkové menu (symboly hlavicka, menuPolozka, menuPodpolozka, menuMobilPolozka, menuMobilPodpolozka).
   Převzato z původních stylů .sc-legacy, aby symboly zůstaly editovatelné a tlačítka ze styleguide se nerozbila. */
#site-header,#nav-overlay{font-family:'URW Grotesk',system-ui,sans-serif}
#site-header{position:fixed;transition:background-color .3s ease,top .3s ease}
#site-header.bg-dark{background:#22262e}
#site-header nav{font-size:14px;line-height:20px}
#site-header a{text-decoration:none}
@media (max-width:767px){#site-header>div{padding-top:16px;padding-bottom:16px}#site-header>div>a>img{height:40px}}

/* položky v hlavičce */
.header-nav-link{position:relative;display:inline-flex;padding:4px 0 6px;color:rgba(255,255,255,.78);transition:color .35s ease}
.header-nav-text-wrap{position:relative;display:inline-block;overflow:hidden;line-height:1.1;font-weight:500;letter-spacing:-.005em;padding:.22em 0 .14em;margin:-.22em 0 -.14em}
.header-nav-base,.header-nav-up{display:block;transition:transform .5s cubic-bezier(.16,.84,.3,1);white-space:nowrap}
.header-nav-up{position:absolute;inset:0;transform:translateY(110%);color:#fbc736;padding:inherit}
.header-nav-link:hover .header-nav-base{transform:translateY(-135%)}
.header-nav-link:hover .header-nav-up{transform:translateY(0)}
.header-nav-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:#fbc736;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.16,.84,.3,1)}
.header-nav-link:hover .header-nav-line{transform:scaleX(1)}
.header-nav-active .header-nav-base{color:#fbc736}
.header-nav-active .header-nav-line{transform:scaleX(1)}
.header-nav-link:not([href]),.header-nav-link[href=""]{cursor:default}

/* rozbalovací panel */
.header-nav-dropdown{position:relative}
.header-nav-dropdown-panel{position:absolute;top:100%;padding-top:16px;left:50%;width:min(380px,calc(100vw - 2rem));transform:translateX(-50%) translateY(10px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,.84,.3,1),transform .45s cubic-bezier(.16,.84,.3,1);z-index:60}
.header-nav-dropdown:hover .header-nav-dropdown-panel,.header-nav-dropdown:focus-within .header-nav-dropdown-panel,.header-nav-dropdown.is-open .header-nav-dropdown-panel{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
@media (max-width:1023px){.header-nav-dropdown-panel{display:none}}
.edu-panel{background:rgba(34,38,46,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px rgba(0,0,0,.35);padding:1.25rem 1.35rem 1.1rem}
.edu-link{display:grid;grid-template-columns:1fr 6rem .9rem;align-items:baseline;column-gap:1rem;padding:.62rem .5rem;margin:0 -.5rem;border-radius:4px;color:rgba(255,255,255,.82);transition:background .3s ease,color .3s ease,transform .35s cubic-bezier(.16,.84,.3,1)}
.edu-link:hover,.edu-link:focus-visible{background:rgba(251,199,54,.1);color:#fff;transform:translateX(4px);outline:0}
.edu-link-title{font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.edu-link-meta{text-align:right;white-space:nowrap;justify-self:end;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.38);transition:color .3s ease}
.edu-link:hover .edu-link-meta,.edu-link:focus-visible .edu-link-meta{color:#fbc736}
.edu-link-arrow{opacity:0;transform:translateX(-6px);color:#fbc736;transition:opacity .3s ease,transform .35s cubic-bezier(.16,.84,.3,1);font-size:.85rem}
.edu-link:hover .edu-link-arrow,.edu-link:focus-visible .edu-link-arrow{opacity:1;transform:translateX(0)}

/* pravá strana hlavičky */
.hl-jazyk{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:18px}
.hl-jazyk a{color:#fff;transition:color .2s ease}
.hl-jazyk a:hover{color:#fbc736}
.hl-jazyk .hl-sep{color:rgba(255,255,255,.4)}
.hl-jazyk .hl-aktivni{color:#fbc736}
#site-header .hl-cta>a{padding:18px 28px!important}
#menu-toggle{color:#fff;background:none;border:0;cursor:pointer;transition:color .2s ease}
#menu-toggle:hover{color:#fbc736}

/* celoobrazovkové menu – pod otevřeným menu rozmazaná stránka (82% tmavá vrstva + blur 24 px), aby byl text čitelnější (21. 10.) */
#nav-overlay.hidden{display:none}
.nav-overlay{pointer-events:none}
.nav-overlay.open{pointer-events:auto}
.nav-overlay .nav-backdrop{background:rgba(34,38,46,.82);-webkit-backdrop-filter:blur(24px) saturate(.9);backdrop-filter:blur(24px) saturate(.9);opacity:0;transition:opacity .55s cubic-bezier(.16,.84,.3,1)}
.nav-overlay.open .nav-backdrop{opacity:1}
.nav-overlay .nav-panel{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s cubic-bezier(.16,.84,.3,1)}
.nav-overlay.open .nav-panel{opacity:1;transform:translateY(0)}
#menu-close{background:rgba(255,255,255,.05);color:#fff;border:0;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s ease,color .3s ease}
#menu-close:hover{background:rgba(255,255,255,.15);color:#fbc736}
#nav-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
@media (min-width:640px){#nav-list{gap:12px}}
@media (min-width:768px){#nav-list{gap:20px}}
@media (max-width:767px){#nav-list{gap:14px}}
#nav-list:hover .nav-link{opacity:.3;transition:opacity .35s ease}
#nav-list:hover .nav-link:hover,#nav-list .nav-link.is-hover,#nav-list>li:hover>.nav-link{opacity:1}
.nav-link{position:relative;display:inline-flex;align-items:baseline;gap:0;color:rgba(255,255,255,.95);transition:opacity .35s ease,transform .5s cubic-bezier(.16,.84,.3,1);padding-bottom:6px}
.nav-link:hover,.nav-link.is-hover{transform:translateX(18px)}
.nav-link:not([href]),.nav-link[href=""]{cursor:default}
.nav-text-wrap{position:relative;display:inline-block;overflow:hidden;font-weight:600;letter-spacing:-.03em;font-size:2.25rem;line-height:1.05;padding:.22em 0 .14em;margin:-.22em 0 -.14em}
@media (min-width:640px){.nav-text-wrap{font-size:2.75rem}}
@media (min-width:768px){.nav-text-wrap{font-size:4.25rem}}
@media (max-width:767px){.nav-text-wrap{font-size:1.625rem!important;font-weight:400!important;letter-spacing:-.02em}}
@media (min-width:640px) and (max-width:767px){.nav-text-wrap{font-size:2rem!important}}
.nav-text-base,.nav-text-hover{display:block;transition:transform .55s cubic-bezier(.16,.84,.3,1);white-space:nowrap}
.nav-text-hover{position:absolute;inset:0;transform:translateY(110%);color:#fbc736;letter-spacing:-.03em;padding:inherit}
.nav-link:hover .nav-text-base,.nav-link.is-hover .nav-text-base{transform:translateY(-135%)}
.nav-link:hover .nav-text-hover,.nav-link.is-hover .nav-text-hover{transform:translateY(0)}
.nav-link .nav-arrow{display:none}
.nav-line{position:absolute;left:2.4rem;right:0;bottom:-4px;height:2px;background:#fbc736;transform:scaleX(0);transform-origin:left center;transition:transform .55s cubic-bezier(.16,.84,.3,1)}
.nav-link:hover .nav-line,.nav-link.is-hover .nav-line{transform:scaleX(1)}
.edu-mobile-sub{display:flex;flex-direction:column;gap:.1rem;padding-left:0;margin-top:.6rem;margin-bottom:1rem;transition:opacity .35s ease}
#nav-list:hover .edu-mobile-sub,#nav-list:has(.nav-link.is-hover) .edu-mobile-sub{opacity:.3}
#nav-list>li:hover .edu-mobile-sub,#nav-list>li:has(.nav-link.is-hover) .edu-mobile-sub{opacity:1}
.edu-mobile-sub a{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;font-weight:400;letter-spacing:-.01em;font-size:1.25rem;color:rgba(255,255,255,.72);padding:.4rem 0;transition:color .3s ease,transform .5s cubic-bezier(.16,.84,.3,1)}
@media (min-width:768px){.edu-mobile-sub a{font-size:1.5rem}}
@media (max-width:767px){.edu-mobile-sub a{font-size:1.0625rem;padding:.3rem 0}}
.edu-mobile-sub a::before{content:"";width:6px;height:6px;border-radius:999px;background:#fbc736;flex:none;transition:opacity .3s ease,transform .5s cubic-bezier(.16,.84,.3,1)}
.edu-mobile-sub a:hover{color:#fbc736;transform:translateX(8px)}
.edu-mobile-meta{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fbc736;white-space:nowrap}
@media (max-width:767px){.edu-mobile-meta{font-size:10px}}
.jazyk-prepinac{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05)}
.jazyk-prepinac button{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:56px;padding:0 16px;border:0;border-radius:999px;background:0 0;color:rgba(255,255,255,.8);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}
.jazyk-prepinac button:hover{color:#fff;background:rgba(255,255,255,.1)}
.jazyk-prepinac button[aria-pressed=true]{background:#fbc736;color:#1a1a1a}
.jazyk-prepinac button:focus-visible{outline:2px solid #fbc736;outline-offset:2px}

/* levý sloupec menu: kontakty, tlačítka, sítě */
.hl-levy{border-top:1px solid rgba(255,255,255,.1)}
@media (min-width:768px){.hl-levy{border-top:0}.hl-mobil-nav{border-left:1px solid rgba(255,255,255,.1);padding-left:48px}}
.hl-kontakt{color:#fff}
.hl-kontakt .hl-label{font-size:10px!important;line-height:15px!important;font-weight:400!important;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.4)!important;margin:24px 0 8px}
.hl-kontakt .hl-label:first-child{margin-top:0}
.hl-kontakt p:not(.hl-label){font-size:14px!important;line-height:1.625!important;font-weight:300!important;color:#fff!important}
.hl-kontakt a{color:inherit;transition:color .2s ease}
.hl-kontakt a:hover{color:#fbc736}
.hl-kontakt em{font-style:normal;color:rgba(255,255,255,.4)}
@media (min-width:768px){.hl-kontakt .hl-label{margin:32px 0 12px}.hl-kontakt p:not(.hl-label){font-size:16px!important;line-height:24px!important}}
#nav-overlay .hl-tlacitka>a{padding:14px 20px!important;line-height:24px!important;flex:1 1 auto;text-align:center}
.hl-socialni{font-size:12px;line-height:16px;color:rgba(255,255,255,.5)}
.hl-socialni a{color:inherit;transition:color .2s ease}
.hl-socialni a:hover{color:#fbc736}