.zk-language-switcher{font-family:inherit;font-size:var(--wp--preset--font-size--zk-body);line-height:1.5}
.zk-language-switcher select{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;line-height:1.3;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;padding:5px 30px 5px 9px;max-width:100%;cursor:pointer}
.zk-language-switcher select:focus-visible,.zk-language-circle:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.zk-native-footer>.zk-language-switcher{grid-column:19 / 25;grid-row:1;justify-self:end;margin:0;line-height:inherit}
.zk-native-footer:has(>.zk-language-switcher)>.zk-footer-links{grid-column:1 / 19;grid-row:1}
@media(max-width:767px){.zk-native-footer:has(>.zk-language-switcher)>.zk-footer-links{grid-column:1 / 5}.zk-native-footer>.zk-language-switcher{grid-column:5 / 9}}
.zk-language-circles{position:relative;width:34px;height:34px;z-index:2}
.zk-language-circle,.zk-native-header a.zk-language-circle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;padding:0;background:#000;color:#fff;font:700 10px/1 "Google Sans",Europa,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .45s cubic-bezier(.16,1,.3,1)}
.zk-language-circle:hover{background:#FFBE55;color:#000}
.zk-language-options{position:absolute;top:34px;right:0;display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:8px 0 0}
.zk-language-options[hidden]{display:none}
.zk-language-options li{margin:0;padding:0;animation:zk-language-in .55s cubic-bezier(.16,1,.3,1) both}
.zk-language-options li:nth-child(2){animation-delay:.1s}.zk-language-options li:nth-child(3){animation-delay:.2s}
@keyframes zk-language-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.zk-native-header:has(>.zk-language-circles){grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) 34px;column-gap:14px}
.zk-native-header>.zk-language-circles{grid-column:4;grid-row:1;margin:0}
@media(max-width:1100px){
.zk-native-header:has(>.zk-language-circles){grid-template-columns:minmax(0,1fr) auto 34px 30px;column-gap:12px}
.zk-native-header:has(>.zk-language-circles)>.zk-header-instagram{grid-column:2}
.zk-native-header:has(>.zk-language-circles)>.zk-language-circles{grid-column:3}
.zk-native-header:has(>.zk-language-circles)>.wp-block-navigation{grid-column:4;grid-row:1}
.zk-native-header:has(>.zk-language-circles) .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.zk-native-header:has(>.zk-language-circles) .wp-block-navigation__responsive-container-open{display:flex!important;width:30px;height:37px;align-items:center;justify-content:center}
.zk-native-header:has(>.zk-language-circles) .wp-block-navigation__responsive-container-open svg{display:none}
.zk-native-header:has(>.zk-language-circles) .wp-block-navigation__responsive-container-open:before,.zk-native-header:has(>.zk-language-circles) .wp-block-navigation__responsive-container-open:after{content:"";position:absolute;width:30px;height:4px;background:currentColor}
.zk-native-header:has(>.zk-language-circles) .wp-block-navigation__responsive-container-open:after{transform:rotate(90deg)}
.zk-native-header:has(>.zk-language-circles) .is-menu-open{padding:6vw}
.zk-native-header:has(>.zk-language-circles) .is-menu-open .wp-block-navigation__responsive-container-content{min-height:80vh;justify-content:center;align-items:flex-start}
.zk-native-header:has(>.zk-language-circles) .is-menu-open .wp-block-navigation__container{flex-direction:column;align-items:flex-start;gap:36px}
}
@media(prefers-reduced-motion:reduce){.zk-language-options li{animation:none}.zk-language-circle{transition:none}}

/* Native selects can match :focus-visible after pointer input: track modality explicitly. */
.zk-language-switcher{position:relative;width:fit-content}
.zk-language-switcher:after{content:"";position:absolute;right:12px;top:50%;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.zk-language-switcher select:focus{outline:none;box-shadow:none}
html.zk-keyboard-input .zk-language-switcher select:focus{outline:2px solid currentColor;outline-offset:4px}
.zk-language-options li:nth-child(4){animation-delay:.3s}
/* Expanded choices are grey; the current language keeps its black circle. */
.zk-language-options a.zk-language-circle,.zk-native-header .zk-language-options a.zk-language-circle{background:#bfbfbf;color:#000}
.zk-language-options a.zk-language-circle:hover,.zk-native-header .zk-language-options a.zk-language-circle:hover{background:#FFBE55;color:#000}
/* Shop is part of navigation; mobile header needs only logo, languages and menu. */
@media(max-width:1100px){
.zk-native-header:has(>.zk-language-circles):not(:has(>.zk-header-instagram)){grid-template-columns:minmax(0,1fr) 34px 30px}
.zk-native-header:not(:has(>.zk-header-instagram))>.zk-language-circles{grid-column:2}
.zk-native-header:has(>.zk-language-circles):not(:has(>.zk-header-instagram))>.wp-block-navigation{grid-column:3}
}

.zk-language-circle[lang="ja"],.zk-native-header a.zk-language-circle[lang="ja"]{font-size:8px}
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .zk-language-switcher select{color:#383838;border-color:#383838}
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .zk-language-switcher select option{color:#383838}
.zk-header-dark .zk-native-header>.zk-language-circles>button.zk-language-circle{background:#FFBE55;color:#000}

.zk-header-dark .zk-native-header>.zk-language-circles>button.zk-language-circle:hover{background:#FFBE55;color:#000}

/* Expanded menu: only the hovered circle is amber. */
.zk-native-header .zk-language-circles .zk-language-options a.zk-language-circle,
.zk-native-header .zk-language-circles:hover .zk-language-circle:not(:hover){background:#000;color:#ccc}
.zk-native-header .zk-language-circles .zk-language-circle.zk-language-circle:hover{background:#FFBE55;color:#000}

/* Equal side tracks keep desktop navigation at the page centre. */
@media(min-width:1101px){
 .zk-native-header:has(>.zk-language-circles):not(:has(>.zk-header-instagram)){grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)}
 .zk-native-header:has(>.zk-language-circles):not(:has(>.zk-header-instagram))>.wp-block-navigation{grid-column:2;grid-row:1}
 .zk-native-header:not(:has(>.zk-header-instagram))>.zk-language-circles{grid-column:3;grid-row:1;justify-self:end}
}

/* Dark headers: visible grey choices, amber only under the pointer. */
.zk-header-dark .zk-native-header .zk-language-circles .zk-language-options a.zk-language-circle,
.zk-header-dark .zk-native-header .zk-language-circles:hover .zk-language-circle:not(:hover){background:#bfbfbf;color:#000}
.zk-header-dark .zk-native-header .zk-language-circles .zk-language-circle.zk-language-circle:hover{background:#FFBE55;color:#000}

/* Footer language list (replaces the native select): own list above the button, exactly as wide as the button. */
.zk-language-dropdown{line-height:1.3}
.zk-language-current{appearance:none;-webkit-appearance:none;display:block;font:inherit;font-size:14px;line-height:1.3;color:#999;background:transparent;border:1px solid #ccc;border-radius:3px;padding:5px 30px 5px 9px;cursor:pointer}
.zk-language-dropdown:after{border-color:#999}
/* Open list sits above the button, so the arrow points up. */
.zk-language-dropdown:has(>.zk-language-current[aria-expanded="true"]):after{transform:translateY(-20%) rotate(225deg)}
.zk-language-current:focus{outline:none}
html.zk-keyboard-input .zk-language-current:focus{outline:2px solid currentColor;outline-offset:4px}
.zk-language-list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:5;box-sizing:border-box;list-style:none;margin:0;padding:4px;background:#000;border:1px solid #ccc;border-radius:3px}
.zk-language-list[hidden]{display:none}
.zk-language-list li{margin:0;padding:0}
.zk-language-list a:not(#zk-language-link){display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:3px;font-size:12px;line-height:1.3;white-space:nowrap;text-decoration:none!important;color:#ccc!important;outline:none}
.zk-language-list a:before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:transparent}
.zk-language-list a.is-current:before{background:currentColor}
/* One amber highlight at a time: the selected language, or the item under the pointer / keyboard focus. */
.zk-language-list a.is-current:not(#zk-language-link),.zk-language-list a:not(#zk-language-link):hover,.zk-language-list a:not(#zk-language-link):focus{background:#FFBE55;color:#000!important}
.zk-language-list:is(:hover,:focus-within) a.is-current:not(#zk-language-link):not(:hover):not(:focus){background:transparent;color:#ccc!important}
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .zk-language-current{color:#777;border-color:#383838}
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .zk-language-list{border-color:#383838}
.zk-native-footer.is-style-zk-grey:not(.zk-footer-dark) .zk-language-dropdown:after{border-color:#777}

/* Footer: the same language circles as in the header, at the right edge; the list opens upwards. */
.zk-native-footer:has(>.zk-footer-copyright)>.zk-language-circles{grid-column:3;grid-row:1;justify-self:end;margin:0}
@media(max-width:767px){.zk-native-footer:has(>.zk-footer-copyright)>.zk-language-circles{grid-column:2;grid-row:2}}
/* Reversed column: the first language sits next to the button and appears first, the rest follow upwards. */
.zk-native-footer .zk-language-options{top:auto;bottom:34px;padding:0 0 8px;flex-direction:column-reverse}
.zk-native-footer .zk-language-options li{animation-name:zk-language-up}
@keyframes zk-language-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.zk-native-footer a.zk-language-circle:not(#zk-language-circle){text-decoration:none!important}
/* Light footer = light header: black circles, amber only under the pointer. */
.zk-native-footer .zk-language-circles .zk-language-options a.zk-language-circle:not(#zk-language-circle),
.zk-native-footer .zk-language-circles:hover .zk-language-circle:not(:hover):not(#zk-language-circle){background:#000;color:#ccc!important}
.zk-native-footer .zk-language-circles .zk-language-circle:not(#zk-language-circle):hover{background:#FFBE55;color:#000!important}
/* Dark footer = dark header: amber current language, grey choices. */
.zk-native-footer.zk-footer-dark>.zk-language-circles>button.zk-language-circle{background:#FFBE55;color:#000}
.zk-native-footer.zk-footer-dark .zk-language-circles .zk-language-options a.zk-language-circle:not(#zk-language-circle),
.zk-native-footer.zk-footer-dark .zk-language-circles:hover .zk-language-circle:not(:hover):not(#zk-language-circle){background:#bfbfbf;color:#000!important}
.zk-native-footer.zk-footer-dark .zk-language-circles .zk-language-circle:not(#zk-language-circle):hover{background:#FFBE55;color:#000!important}

/* Closing: the circles fold back towards the button, the farthest one first. */
.zk-language-options.is-closing li{animation:zk-language-out .45s cubic-bezier(.5,0,.75,0) both}
.zk-language-options.is-closing li:nth-last-child(2){animation-delay:.09s}
.zk-language-options.is-closing li:nth-last-child(3){animation-delay:.18s}
.zk-language-options.is-closing li:nth-last-child(4){animation-delay:.27s}
.zk-language-options.is-closing a{pointer-events:none}
@keyframes zk-language-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
.zk-native-footer .zk-language-options.is-closing li{animation-name:zk-language-down}
@keyframes zk-language-down{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.zk-language-options.is-closing li{animation:none}}

/* The selected language is always amber — light and dark header, light and dark footer, also while the menu is open. */
.zk-native-header .zk-language-circles>button.zk-language-circle.zk-language-circle,
.zk-native-header .zk-language-circles:hover>button.zk-language-circle.zk-language-circle:not(:hover),
.zk-native-footer .zk-language-circles>button.zk-language-circle.zk-language-circle,
.zk-native-footer .zk-language-circles:hover>button.zk-language-circle.zk-language-circle:not(:hover):not(#zk-language-circle){background:#FFBE55;color:#000!important}

/* ---------- Collapsed menu (plus button, up to 1100px): the language circle lives inside the opened menu ---------- */
@media(max-width:1100px){
 /* controls.js moves the header circle under the menu items; until then (and without JS) it stays hidden here and available in the footer. */
 .zk-native-header>.zk-language-circles{display:none}
 .zk-native-header:is(.zk-language-in-menu,:has(>.zk-language-circles)){grid-template-columns:minmax(0,1fr) 30px!important;column-gap:12px}
 .zk-native-header:is(.zk-language-in-menu,:has(>.zk-language-circles))>.wp-block-navigation{grid-column:2!important;grid-row:1}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-open{display:flex!important;width:30px;height:37px;align-items:center;justify-content:center}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-open svg{display:none}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-open:before,.zk-native-header.zk-native-header .wp-block-navigation__responsive-container-open:after{content:"";position:absolute;width:30px;height:4px;background:currentColor}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-open:after{transform:rotate(90deg)}
 /* Close: the same plus, same place, same size and line weight, turned 45 degrees. header.js copies the exact position of the plus. */
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-close{position:fixed;top:var(--zk-plus-top,6vw);left:var(--zk-plus-left,calc(100vw - 6vw - 30px));right:auto;display:flex;width:30px;height:37px;align-items:center;justify-content:center;padding:0}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-close svg{display:none}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-close:before,.zk-native-header.zk-native-header .wp-block-navigation__responsive-container-close:after{content:"";position:absolute;width:30px;height:4px;background:currentColor;transform:rotate(45deg)}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-close:after{transform:rotate(-45deg)}
 /* Items: vertically centred, twice the header menu size; the language circle follows under them. */
 .zk-native-header.zk-native-header .is-menu-open .wp-block-navigation__responsive-close,.zk-native-header.zk-native-header .is-menu-open .wp-block-navigation__responsive-dialog{height:100%}
 .zk-native-header.zk-native-header .is-menu-open .wp-block-navigation__responsive-container-content{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:48px;min-height:100%;height:100%;padding:0}
 .zk-native-header.zk-native-header .is-menu-open .wp-block-navigation__responsive-container-content>.wp-block-navigation__container{flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:12px}
 .zk-native-header.zk-native-header .is-menu-open .wp-block-navigation-item__content{font-size:36px;line-height:1.2}
 /* Languages in the opened menu: all circles in one row, no animation; the current one amber, the others a slightly darker grey than the menu background. */
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content>.zk-language-circles{display:flex;flex:0 0 auto;gap:8px;width:auto;height:auto;margin:0}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options,.zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options[hidden]{position:static;display:flex;flex-direction:row;gap:8px;padding:0}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options li{animation:none}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options a.zk-language-circle{pointer-events:auto}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container .zk-language-circles .zk-language-options a.zk-language-circle:not(#zk-x){background:#bfbfbf;color:#000}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container .zk-language-circles .zk-language-options a.zk-language-circle:not(#zk-x):hover{background:#FFBE55;color:#000}
}
/* Phone footer: no menu, only the copyright and the language circle in one row. */
@media(max-width:767px){
 .zk-native-footer:has(>.zk-footer-copyright)>.zk-footer-links{display:none}
 .zk-native-footer>.zk-footer-copyright{grid-row:1!important}
 .zk-native-footer:has(>.zk-footer-copyright)>.zk-language-circles{grid-row:1!important;align-self:end}
 /* All languages in one row, as in the opened menu: the current one amber, the others grey; no animation. */
 .zk-native-footer.zk-native-footer>.zk-language-circles{display:flex;gap:8px;width:auto;height:auto}
 .zk-native-footer.zk-native-footer .zk-language-options,.zk-native-footer.zk-native-footer .zk-language-options[hidden]{position:static;display:flex;flex-direction:row;gap:8px;padding:0}
 .zk-native-footer.zk-native-footer .zk-language-options li{animation:none}
 .zk-native-footer.zk-native-footer .zk-language-options a.zk-language-circle{pointer-events:auto}
 body .zk-native-footer.zk-native-footer .zk-language-circles .zk-language-options a.zk-language-circle:not(#zk-x):not(#zk-y){background:#bfbfbf;color:#000!important}
 body .zk-native-footer.zk-native-footer .zk-language-circles .zk-language-options a.zk-language-circle:not(#zk-x):not(#zk-y):hover{background:#FFBE55;color:#000!important}
}

/* Language rows (opened menu up to 1100px, phone footer): the circles keep one fixed order — EN, ES, DE, JA, SK — and the selected language lights up amber in its own place. */
@media(max-width:1100px){
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options,.zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options[hidden],
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-options li{display:contents}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-circle[lang="en"]{order:1}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-circle[lang="es"]{order:2}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-circle[lang="de"]{order:3}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-circle[lang="ja"]{order:4}
 .zk-native-header.zk-native-header .wp-block-navigation__responsive-container-content .zk-language-circle[lang="sk"]{order:5}
}
@media(max-width:767px){
 .zk-native-footer.zk-native-footer .zk-language-options,.zk-native-footer.zk-native-footer .zk-language-options[hidden],.zk-native-footer.zk-native-footer .zk-language-options li{display:contents}
 .zk-native-footer.zk-native-footer .zk-language-circle[lang="en"]{order:1}
 .zk-native-footer.zk-native-footer .zk-language-circle[lang="es"]{order:2}
 .zk-native-footer.zk-native-footer .zk-language-circle[lang="de"]{order:3}
 .zk-native-footer.zk-native-footer .zk-language-circle[lang="ja"]{order:4}
 .zk-native-footer.zk-native-footer .zk-language-circle[lang="sk"]{order:5}
}