/* One chrome system, shared by native header/footer parts and their styleguide specimens. */
.wp-theme-oska-blocks { --oska-ink:var(--wp--preset--color--ink);--oska-muted:var(--wp--preset--color--muted);--oska-paper:var(--wp--preset--color--paper);--oska-rule:var(--wp--preset--color--rule);--oska-micro:13px; }
.oska-header { position:relative;z-index:60;border-bottom:1px solid var(--wp--preset--color--rule);background:var(--wp--preset--color--paper); }
.oska-header .oska-header-inner { box-sizing:border-box;height:79px;min-height:79px;width:100%;max-width:none;margin:0;padding:0 48px;gap:32px; }
.oska-header-brand,.oska-header-language { flex:1 1 0;min-width:0;margin:0;display:flex;align-items:center; }
.oska-header-language { justify-content:flex-end; }
.oska-wordmark { margin:0;width:fit-content;flex-shrink:0; }
.oska-wordmark a,.oska-wordmark img { display:block; }
.oska-wordmark img { height:24px;width:auto;max-width:none;object-fit:contain; }
.oska-header .oska-main-nav { flex:0 0 auto;margin:0;font-size:13px;line-height:1.5;font-weight:400;letter-spacing:.18em;text-transform:uppercase; }
.oska-main-nav .wp-block-navigation__container { gap:40px;flex-wrap:nowrap; }
.oska-main-nav .wp-block-navigation-item { margin:0; }
.oska-main-nav .wp-block-navigation-item__content { padding:13px 0;text-decoration:none;color:inherit; }
.oska-main-nav a:hover,.oska-main-nav a:focus-visible { color:inherit; }
/* The toggle sits above the 2px it shares with its link, so its whole 24px square stays a pointer target (WCAG 2.5.8). */
.oska-main-nav .wp-block-navigation__submenu-icon { position:relative;z-index:1;width:24px;height:24px;margin-left:-2px;margin-right:-8px;display:flex;align-items:center;justify-content:center; }
.oska-main-nav .wp-block-navigation__submenu-icon svg { display:none; }
.oska-main-nav .wp-block-navigation__submenu-icon::after { content:'›';font:400 18px/18px Roboto,sans-serif;transform:translateY(-1px); }
.oska-main-nav .wp-block-navigation__submenu-icon[aria-expanded=true]::after { transform:translateY(-1px) rotate(90deg); }
.oska-main-nav .wp-block-navigation__container > .current-menu-item > a,.oska-main-nav .current-menu-ancestor > a { font-weight:700; }
.oska-main-nav .wp-block-navigation__container > .current-menu-item > a .wp-block-navigation-item__label,.oska-main-nav .current-menu-ancestor > a .wp-block-navigation-item__label,.oska-main-nav .oska-mega:has(>button[aria-expanded=true]) > a .wp-block-navigation-item__label { position:relative; }
.oska-main-nav .wp-block-navigation__container > .current-menu-item > a .wp-block-navigation-item__label::after,.oska-main-nav .current-menu-ancestor > a .wp-block-navigation-item__label::after,.oska-main-nav .oska-mega:has(>button[aria-expanded=true]) > a .wp-block-navigation-item__label::after { content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:currentColor; }
.oska-main-nav .oska-mega > .wp-block-navigation__submenu-container { display:grid;grid-template-columns:228px 228px;gap:12px 48px;padding:48px;border:0;background:var(--wp--preset--color--paper);box-shadow:0 12px 32px rgb(0 0 0 / 8%);top:calc(100% + 17px);width:max-content;min-width:0; }
.oska-main-nav .oska-mega > .wp-block-navigation__submenu-container::before { content:'';position:absolute;left:0;right:0;top:-18px;height:18px; }
.oska-main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item { align-self:start; }
.oska-main-nav .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { padding:0;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal; }
.oska-main-nav .has-child .wp-block-navigation__submenu-container > .oska-menu-heading > .wp-block-navigation-item__content { font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase; }
.oska-paper-nav { position:relative; }
.oska-new-badge { position:absolute;top:1px;right:-20px;font-size:10px;font-weight:700;line-height:1;letter-spacing:.18em;color:var(--wp--preset--color--badge);pointer-events:none; }
.oska-external-cue { margin-left:4px;font-size:.8em;vertical-align:super; }
.oska-drawer-logo { display:none; }

.oska-header a:focus-visible,.oska-header button:focus-visible,.oska-footer a:focus-visible { outline:2px solid currentColor;outline-offset:4px; }
.oska-footer { margin-block-start:0;background:var(--wp--preset--color--rule); }
/* Footer sizes like the live site (operator 2026-10-02): 20px wordmark, 26px icon targets with 16px icons, ink column labels, muted 15px links 34px apart;
   footer content at most 1440px wide, as on the live site (operator 2026-10-05, 456). */
.oska-footer .oska-footer-inner { box-sizing:border-box;max-width:1536px;margin:auto;padding:64px 48px 32px; }
.oska-footer .oska-wordmark img { height:20px; }
.oska-footer-grid { display:flex;flex-wrap:wrap;align-items:flex-start;gap:120px;max-width:1440px;margin:auto;padding-bottom:56px;border-bottom:1px solid var(--wp--preset--color--hairline); }
.oska-footer-grid > * { margin:0; }
.oska-footer-brand { display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-right:auto; }
.oska-footer .wp-block-social-links { display:flex;gap:5px;margin:0;padding:0; }
.oska-footer .wp-block-social-link { margin:0;font-size:16px;color:var(--wp--preset--color--ink); }
.oska-footer .wp-block-social-link a { display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0; }
.oska-footer .wp-block-social-link svg { width:16px;height:16px; }
.oska-footer-column > .oska-utility { margin:0 0 18px;color:var(--wp--preset--color--ink);font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.18em; }
.oska-footer-column .wp-block-navigation { margin:0;font-size:15px;line-height:1.5;font-weight:400;color:var(--wp--preset--color--muted); }
.oska-footer-column .wp-block-navigation__container { align-items:flex-start;gap:11.5px; }
/* 22.5px-high links 34px apart: the spacing exception of WCAG 2.5.8 (24px circles do not overlap). */
.oska-footer-column a { display:inline-block;text-decoration:none;padding:0; }
.oska-footer a:hover,.oska-footer-column .wp-block-navigation .wp-block-navigation-item__content:hover { color:var(--wp--preset--color--ink); }
.oska-footer .oska-copyright { margin:32px 0 0;font-size:15px;line-height:1.5;color:var(--wp--preset--color--muted); }
@media(min-width:1025px){.oska-main-nav .wp-block-navigation__responsive-container-open{display:none}.oska-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:block}.oska-main-nav .oska-mega:nth-last-child(-n+3)>ul{left:auto;right:0}.oska-main-nav .oska-mega:not(:has(>button[aria-expanded=true]))>ul{display:none}.oska-main-nav .wp-block-navigation__container:has(>.oska-mega:hover)>.oska-mega:not(:hover)>ul{display:none}}
@media(max-width:1200px) and (min-width:1025px){.oska-main-nav .wp-block-navigation__container{gap:24px}.oska-header .oska-header-inner{gap:20px;padding-inline:32px}}
@media(max-width:1024px){
 .oska-header-brand{flex:0 0 auto}.oska-header-language{display:none}.oska-header .oska-main-nav{margin-left:auto}.oska-main-nav .wp-block-navigation__responsive-container-open{display:flex;width:44px;height:44px;align-items:center;justify-content:center}.oska-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
 .oska-main-nav .wp-block-navigation__responsive-container.is-menu-open{position:fixed;inset:0 0 0 auto;width:320px;max-width:100%;padding:0;border-top:2px solid var(--wp--preset--color--ink);overflow-y:auto;overflow-x:hidden;background:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink)}
 .oska-main-nav .wp-block-navigation__responsive-dialog{margin:0!important;min-height:100vh}.admin-bar .oska-main-nav .wp-block-navigation__responsive-container.is-menu-open{top:32px}.oska-main-nav .wp-block-navigation__responsive-container-close{position:absolute;top:16px;right:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:2}.oska-main-nav .wp-block-navigation__responsive-container-content{box-sizing:border-box;align-items:stretch;padding:104px 24px 32px!important;gap:0}
 .oska-main-nav .wp-block-navigation__container{width:100%;align-items:stretch;gap:0}.oska-main-nav .wp-block-navigation__container>.wp-block-navigation-item{width:100%;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:0}.oska-main-nav .wp-block-navigation__container>.wp-block-navigation-item>a{display:flex;align-items:center;min-height:48px;box-sizing:border-box;width:fit-content}
 .oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{flex-direction:row;align-items:center}.oska-main-nav .wp-block-navigation__responsive-container .wp-block-navigation-submenu__toggle{display:flex!important}.oska-main-nav .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon{display:flex!important;width:44px;height:44px;margin:0 0 0 auto}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .oska-mega>.wp-block-navigation__submenu-container{position:static!important;flex-basis:100%;width:100%;box-shadow:none;padding:16px 0 24px!important;grid-template-columns:minmax(0,1fr);gap:12px;height:auto!important;overflow:visible!important}.oska-main-nav .oska-mega:not(:has(>button[aria-expanded=true]))>.wp-block-navigation__submenu-container{display:none!important}.oska-main-nav .oska-mega:has(>button[aria-expanded=true])>.wp-block-navigation__submenu-container{display:flex!important;flex-direction:column;visibility:visible!important;opacity:1!important}.oska-main-nav .oska-menu-heading:not(:first-child){margin-top:20px}
 .oska-main-nav .oska-drawer-logo{display:block;position:absolute;left:24px;top:25px}.oska-drawer-logo img{height:24px}.oska-main-nav .oska-new-badge{left:64px;right:auto;top:19px}
 .oska-footer-grid{gap:72px}
}
@media(max-width:767px){.oska-header .oska-header-inner{padding-inline:20px}.oska-footer .oska-footer-inner{padding:48px 20px 24px}.oska-footer-grid{gap:40px}.oska-footer-grid>*{width:100%;margin:0}.oska-main-nav .oska-drawer-logo{left:20px}.oska-main-nav .wp-block-navigation__responsive-container-content{padding-inline:20px!important}}
@media(max-width:640px){.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open{width:100%}}
@media(max-width:782px){.admin-bar .oska-main-nav .wp-block-navigation__responsive-container.is-menu-open{top:46px}}
@media(prefers-reduced-motion:reduce){.oska-header *{transition:none!important;animation:none!important}}

/* Native Polylang switcher: one referenced menu, moved intact into the mobile drawer. */
.oska-language-nav{margin:0;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}
.oska-language-nav .wp-block-navigation-item__content{padding:12px 0;text-decoration:none;color:inherit}
.oska-language-nav .wp-block-navigation__submenu-container{left:auto!important;right:0;min-width:180px;padding:16px;border:1px solid var(--wp--preset--color--rule);background:var(--wp--preset--color--paper)}
.oska-language-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 0;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none}
.oska-language-nav .wp-block-navigation__submenu-icon{width:24px;height:24px;margin-left:2px;margin-right:-6px;display:flex;align-items:center;justify-content:center}.oska-language-nav .wp-block-navigation__submenu-icon svg{width:12px;height:12px}
.oska-language-nav a:hover,.oska-language-nav button:hover{color:inherit}
.oska-main-nav nav.oska-language-nav{width:100%;margin-top:24px;padding-top:16px;border-top:1px solid var(--wp--preset--color--rule)}
.oska-main-nav .oska-language-nav .wp-block-navigation__container{width:100%}
.oska-main-nav .oska-language-nav .wp-block-navigation__submenu-container{position:static!important;width:100%;padding:8px 0!important;border:0;box-shadow:none}
.oska-main-nav .oska-language-nav .wp-block-navigation-item__content{min-height:44px}

.oska-main-nav nav.oska-language-nav>.wp-block-navigation__container>.has-child{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}
.oska-main-nav nav.oska-language-nav>.wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{flex-basis:100%;height:auto!important;overflow:visible!important;align-items:stretch}
.oska-main-nav nav.oska-language-nav>.wp-block-navigation__container>.has-child:not(:has(>button[aria-expanded=true]))>ul{display:none!important}
.oska-main-nav nav.oska-language-nav>.wp-block-navigation__container>.has-child:has(>button[aria-expanded=true])>ul{display:flex!important;flex-direction:column;visibility:visible!important;opacity:1!important}
.oska-main-nav .oska-language-nav .wp-block-navigation-item__label::after{display:none}

/* Shared accessible controls retain native Navigation behaviour. */
.oska-language-nav a[aria-current="page"] { text-decoration:underline;text-underline-offset:6px; }
.oska-language-nav .wp-block-navigation__submenu-container a { display:flex;align-items:center;box-sizing:border-box;min-height:44px;min-width:44px; }
.oska-drawer-scrim { position:fixed;inset:0;z-index:59;background:color-mix(in srgb,var(--wp--preset--color--ink) 30%,transparent); }
.oska-drawer-scrim[hidden] { display:none; }
@media(max-width:1024px) {
 .oska-main-nav .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > a.wp-block-navigation-item__content { display:flex;align-items:center;box-sizing:border-box;min-height:44px;min-width:44px; }
 .oska-main-nav .wp-block-navigation__responsive-container.is-menu-open { box-sizing:border-box;border-left:1px solid var(--wp--preset--color--hairline); }
}

/* Desktop language panel opens below the header rule, like the mega panels, with the shared rule border. */
@media(min-width:1025px){.oska-header-language .oska-language-nav.wp-block-navigation .wp-block-navigation__submenu-container{top:calc(100% + 18.5px);border:1px solid var(--wp--preset--color--rule)}.oska-header-language .oska-language-nav.wp-block-navigation .wp-block-navigation__submenu-container::before{content:"";position:absolute;left:0;right:0;top:-19.5px;height:19.5px}}
/* Phone drawer: the close control sits where the menu button was. */
@media(max-width:767px){.oska-main-nav .wp-block-navigation__responsive-container-close{right:18px}}
/* Desktop mega panels like the live site (operator 2026-10-05, 447): flush under their menu item and sized to the content (two columns of at
   least 170px, 56px apart), 32/40/36px padding, links on a 30px line 4px apart, headings with .14em tracking 18px above the first link, ink text (the current page muted)
   and the live two-layer shadow. See more and About us keep opening leftwards where the window is too narrow to hold the panel. */
@media(min-width:1025px){.oska-main-nav .oska-mega>.wp-block-navigation__submenu-container{grid-template-columns:repeat(2,minmax(170px,max-content));gap:4px 56px;padding:32px 40px 36px;box-shadow:0 14px 28px -10px rgb(20 20 20 / 16%),0 1px 2px rgb(20 20 20 / 6%)}.oska-main-nav .oska-mega>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{line-height:30px;color:var(--wp--preset--color--ink)}.oska-main-nav .oska-mega>.wp-block-navigation__submenu-container>.oska-menu-heading{margin-bottom:14px}.oska-main-nav .oska-mega>.wp-block-navigation__submenu-container>.oska-menu-heading>.wp-block-navigation-item__content{line-height:1;letter-spacing:.14em}.oska-main-nav .oska-mega>.wp-block-navigation__submenu-container>.current-menu-item>.wp-block-navigation-item__content{color:var(--wp--preset--color--muted)}.oska-main-nav .oska-mega:nth-last-child(-n+3)>ul{left:0;right:auto}}
@media(min-width:1025px) and (max-width:1149px){.oska-main-nav .oska-mega:nth-last-child(3)>ul{left:auto;right:0}}
@media(min-width:1025px) and (max-width:1439px){.oska-main-nav .oska-mega:nth-last-child(2)>ul{left:auto;right:0}}
/* Language switcher like the live site (operator 2026-10-05, 449): the trigger 14px regular with 2px tracking and no underline; on desktops the open
   panel has no border, the menu shadow, 22/28/24px padding and names 37px apart, the current language bold with a check mark. */
.oska-language-nav>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{font-size:14px;font-weight:400;letter-spacing:2px;text-decoration:none}
@media(min-width:1025px){.oska-header-language .oska-language-nav.wp-block-navigation .wp-block-navigation__submenu-container{box-sizing:border-box;min-width:200px;padding:22px 28px 24px;border:0;box-shadow:0 14px 28px -10px rgb(20 20 20 / 16%),0 1px 2px rgb(20 20 20 / 6%)}.oska-header-language .oska-language-nav .wp-block-navigation__submenu-container a{width:100%;min-height:37px;padding:0;color:var(--wp--preset--color--ink)}.oska-header-language .oska-language-nav .wp-block-navigation__submenu-container a[aria-current="page"]{font-weight:700;text-decoration:none}.oska-header-language .oska-language-nav .wp-block-navigation__submenu-container a[aria-current="page"]::after{content:"\2713";margin-left:auto;padding-left:16px;font-weight:400}}
/* Phone and tablet drawer like the live site (449): a rule under the logo row instead of the ink line on top; items 14px with 2px tracking on 39px rows,
   the chevron right after its label; an open section is not underlined; sub-items 20px in on 30px rows 4px apart, a collection heading 20px
   above its first link; the language row continues the list without a rule. */
@media(max-width:1024px){.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open{border-top:0}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open::before{content:"";position:absolute;inset:83px 0 auto;border-top:1px solid var(--wp--preset--color--rule)}.oska-main-nav .wp-block-navigation__container>.wp-block-navigation-item>a{min-height:39px;font-size:14px;line-height:1.5;letter-spacing:2px}.oska-main-nav .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon{width:24px;height:24px;margin:0 0 0 2px}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .oska-mega>.wp-block-navigation__submenu-container{padding:15.5px 0 20px 20px!important;gap:4px}.oska-main-nav .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>a.wp-block-navigation-item__content{min-height:30px}.oska-main-nav nav.oska-language-nav{margin-top:0;padding-top:0;border-top:0}.oska-main-nav .oska-language-nav>.wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{min-height:39px;padding:0;line-height:1.5}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .oska-mega:has(>button[aria-expanded=true]):not(.current-menu-item,.current-menu-ancestor)>a .wp-block-navigation-item__label::after{display:none}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .oska-mega>.wp-block-navigation__submenu-container{padding-top:3.5px!important}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .oska-menu-heading{margin-bottom:16px}.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open .oska-menu-heading>.wp-block-navigation-item__content{line-height:1.2}}
/* Tablets: the drawer covers the screen like the live site (449), its logo and items on the 48px page margin, the close button where the menu button was. */
@media(max-width:1024px){.oska-main-nav .wp-block-navigation__responsive-container.is-menu-open{width:100%;border-left:0}}
@media(min-width:768px) and (max-width:1024px){.oska-main-nav .wp-block-navigation__responsive-container-content{padding-inline:48px!important}.oska-main-nav .oska-drawer-logo{left:48px}.oska-main-nav .wp-block-navigation__responsive-container-close{right:46px}}
/* Desktop menu type like the live site (449): 14px with 2px tracking; the NEW badge 11px with .14em tracking. */
@media(min-width:1025px){.oska-header .oska-main-nav{font-size:14px;letter-spacing:2px}.oska-main-nav .oska-new-badge{top:5.5px;right:-14px;font-size:11px;letter-spacing:.14em}}
/* The wordmark is 26px high in the header and the drawer, as on the live site (449). */
.oska-header .oska-wordmark img,.oska-main-nav .oska-drawer-logo img{height:26px}
@media(max-width:1024px){.oska-main-nav .oska-drawer-logo{top:26.5px}}