/* Native Navigation block: desktop category flyouts and mobile hierarchy. */
@media(min-width:851px){
.kopus-header .wp-block-navigation .wp-block-navigation__submenu-container{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 0;box-shadow:0 12px 30px #1d212414;min-width:270px;gap:0}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-item{width:100%;margin:0}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:12px 34px 12px 18px;width:100%;font-size:14px;line-height:1.5;white-space:normal}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within{background:#f8f7f4;color:var(--ink)}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle{position:absolute;right:10px;width:24px;height:36px;top:4px;display:flex;align-items:center;justify-content:center}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{top:-9px;left:100%;right:auto;min-width:265px}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle svg{transform:rotate(-90deg)}
.kopus-header a:focus-visible,.kopus-header button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
}

@media(max-width:850px){
.kopus-header .is-menu-open .wp-block-navigation__submenu-container{position:static!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;min-width:0!important;border:0!important;box-shadow:none!important;padding:0 0 0 18px!important;box-sizing:border-box;gap:0;background:transparent!important}
.kopus-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:16px;padding:12px 0;min-height:46px}
.kopus-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:14px;color:var(--muted)}
.kopus-header .is-menu-open .wp-block-navigation-submenu__toggle{display:none!important}
.kopus-header .is-menu-open .wp-block-navigation-item.has-child{align-items:stretch}
}
.kopus-catalog{padding-top:72px!important;padding-bottom:88px!important;min-height:55vh}
.kopus-catalog h1{font-size:clamp(30px,4vw,48px);line-height:1.2}
.kopus-catalog .wp-block-post-template{gap:28px}
.kopus-catalog .wp-block-post-featured-image img{border-radius:12px;aspect-ratio:4/3;object-fit:contain;background:#f8f7f4}

/* Keep the second column on the right; override Core's RTL-style collision rule. */
@media(min-width:851px){
.kopus-header .wp-block-navigation .wp-block-navigation__submenu-container{width:270px!important;min-width:270px!important;box-sizing:border-box}
.kopus-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%!important;right:auto!important;top:-9px!important;width:280px!important;min-width:280px!important;margin:0!important}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{box-sizing:border-box;letter-spacing:0}
.kopus-header .wp-block-navigation__submenu-container .has-child{position:relative}
.kopus-header .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle{margin:0!important}
}

/* Compact Factory dropdown: right edge stays aligned with its parent. */
@media(min-width:851px){
.kopus-header .wp-block-navigation__container > .has-child:has(> a[href$="/manufacturing/"]){position:relative}
.kopus-header .wp-block-navigation .wp-block-navigation__container > .has-child:has(> a[href$="/manufacturing/"]) > .wp-block-navigation__submenu-container{left:auto!important;right:0!important;top:100%!important;width:220px!important;min-width:220px!important;margin:0!important}
.kopus-header .wp-block-navigation__container > .has-child:has(> a[href$="/manufacturing/"]) > .wp-block-navigation-submenu__toggle svg{transform:none}
}

/* Product image menu: native Navigation links and Core keyboard/touch behavior. */
.kopus-nav-category-image{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:contain;background:#f5f6f7;border-radius:5px;margin-bottom:16px}
@media(min-width:851px){
.kopus-header .wp-block-navigation__container>.has-child:has(>a[href$="/products/"]){position:static}
.kopus-header .header-row{position:relative}
.kopus-header .wp-block-navigation .wp-block-navigation__container>.has-child:has(>a[href$="/products/"])>.wp-block-navigation__submenu-container{left:24px!important;right:24px!important;top:100%!important;width:auto!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px;padding:28px;border-radius:0 0 8px 8px;max-height:calc(100dvh - 100px);overflow-y:auto}
.kopus-header .wp-block-navigation__container>.has-child:has(>a[href$="/products/"])>.wp-block-navigation__submenu-container>.wp-block-navigation-item{display:block;background:transparent}
.kopus-header .wp-block-navigation__container>.has-child:has(>a[href$="/products/"])>.wp-block-navigation__submenu-container>.wp-block-navigation-item>a{display:block;padding:0 0 14px;font-size:15px;font-weight:600;line-height:1.5}
.kopus-header .wp-block-navigation__container>.has-child:has(>a[href$="/products/"])>.wp-block-navigation__submenu-container>.has-child>button{display:none}
.kopus-header .wp-block-navigation .wp-block-navigation__container>.has-child:has(>a[href$="/products/"])>.wp-block-navigation__submenu-container>.has-child>ul{position:static!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:0!important;height:auto!important;overflow:visible;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:8px 0 0;margin:0!important;display:block}
.kopus-header .wp-block-navigation__container>.has-child:has(>a[href$="/products/"])>.wp-block-navigation__submenu-container>.has-child>ul a{padding:6px 0;font-size:12px;line-height:1.5}
}
@media(max-width:850px){
.kopus-header .is-menu-open .kopus-nav-category-image{width:96px;margin:0 16px 0 0;flex-shrink:0}
.kopus-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:has(>.kopus-nav-category-image){justify-content:flex-start;text-align:left}
}
@media(min-width:851px){
/* Anchor the wide product dropdown to the header content width, not the nav label. */
.kopus-header .header-row .wp-block-navigation,
.kopus-header .header-row .wp-block-navigation__responsive-container,
.kopus-header .header-row .wp-block-navigation__responsive-close,
.kopus-header .header-row .wp-block-navigation__responsive-dialog,
.kopus-header .header-row .wp-block-navigation__responsive-container-content{position:static}
}
/* Selected lifestyle imagery: fill the existing navigation frame. */
.kopus-nav-category-image{object-fit:cover}
.kopus-nav-category-image[src*="kopus-caps-real"]{object-fit:contain}
.kopus-nav-category-image[src*="kopus-nav-wrap"]{object-position:center 60%}
.kopus-nav-category-image[src*="kopus-nav-mask"]{object-position:center 30%}
.kopus-nav-category-image[src*="kopus-nav-panel"]{object-position:center 45%}
