/* [MCP:mcp-layout] */
/* Native widget CSS overrides */
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E .widget-storeLogo img, .wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E img.store-logo-img { width: 128px; height: 36px; max-width: 100%; object-fit: contain; }
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E { display: flex; align-items: center; }
/* StoreLogo widget — reset WC site-base defaults */
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E { display: inline-block; vertical-align: middle; }
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E a { display: inline-block; text-decoration: none; color: inherit; }
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E a::before, .wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E a::after { content: none; }
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E img { width: auto; display: inline-block; }
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E {
display: inline-block;
vertical-align: middle;
}
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E > div.widget-storeLogo > a, .wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E .logo-widget-wrapper > a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
}
.wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E .widget-storeLogo img, .wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E > div.widget-storeLogo > a > img.store-logo-img, .wc-custom-layout .wi-771037D8-6D5B-41F5-8147-84B9F32B9E7E .logo-widget-wrapper img {
display: inline-block;
max-width: 100%;
width: auto;
}
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 { display: flex; align-items: center; }
/* Navigation widget — layout defaults. The widget framework wraps the original
in two extra divs (.widget-navigation > .nav-wrapper >
.navigation-item > ), which breaks the parent's flex distribution (the
widget div becomes the only flex child, items clump). We supply sensible
layout defaults here so navs render correctly even when the section CSS
isn't available (e.g. when shared style.css caching delays propagation for
header/footer placements). Specific designs (centered, right-aligned, etc.)
can still override these via section CSS which loads later in the cascade. */
/* `display: contents` on both widget wrappers makes them layout-transparent —
the .navigation-item divs become direct flex children of the original parent
(.main-nav, .footer-links-col, etc.). The author's source CSS on that parent
(justify-content: center / space-between / flex-end, gap, etc.) then applies
to the items directly — works for ANY design with NO hardcoded layout. */
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .widget-navigation { display: contents; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .nav-wrapper.horizontal { display: contents; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .nav-wrapper.vertical {
display: flex;
flex-direction: column;
align-items: flex-start;
list-style: none;
margin: 0;
padding: 0;
}
/* Mechanical resets: WC base CSS / ecommerce CSS adds an underline + border to
.navigation-item a that the author's source CSS doesn't know about. Null those
out here — they're true resets (counter widget-framework-injected styles).
Padding is reset with !important: link box styling lives on .navigation-item
(the container), so the anchor must carry NO box padding. Without !important an
author DESCENDANT rule that still matches the widget anchor (e.g. a footer's
`.foot-col a` padding rule, same 0,3,1 specificity, later in the cascade)
stacks with the container padding and doubles the item spacing. WC's own
`.vertical .navigation-item a` padding is countered the same way. */
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item > a {
text-decoration: none;
border-bottom: none;
padding: 0 !important;
}
/* Label needs `white-space: pre-line` so the `\n` we encode for `
` (in
`_extract_nav_items`) renders as an actual line break. Harmless on labels
without newlines (behaves like normal whitespace). */
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item > a > span.label { white-space: pre-line; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .widget-navigation .menu-title { display: none; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .widget-navigation .menu-button { display: none; }
/* Sub-menu dropdown — reset WC site-base defaults + show on hover with fade */
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item.has-child { position: relative; }
/* Reset WC white background image, fixed width/position */
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item-child-container { position: absolute; top: 100%; left: 0; z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.2s, visibility 0.2s, transform 0.2s; pointer-events: none; background-image: none; width: auto; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .has-child .navigation-item-child-container { background-image: none; left: 0; top: 100%; width: auto; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item.has-child:hover > .navigation-item-child-container { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; display: block; }
/* Reset WC dropdown item defaults: border-bottom, padding */
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item-child-container .navigation-item { padding: 0; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .navigation-item-child-container .navigation-item a { border-bottom: none; }
.wc-custom-layout .wi-B527AF14-A899-49FB-93F5-4D25992A6F76 .child-opener { display: none; }
/* MEGA-MENU items (WC's own class is `has-maga-menu` — its spelling, not a typo
here). WC renders `` + `