/* Global primary menu. The existing white block header keeps its own styling. */
.sp-design #site-navigation {
    background: var(--sp-dark); color: #fff;
    width: 100%; max-width: none; margin: 0; position: relative; z-index: 20;
}
.sp-design #site-navigation .inside-navigation {
    box-sizing: border-box; width: min(1080px, calc(100% - 48px)); max-width: none;
    margin-inline: auto; padding: 0; min-height: 48px; justify-content: center;
}
.sp-design #site-navigation .main-nav { min-width: 0; }
.sp-design #site-navigation .main-nav > ul { justify-content: center; flex-wrap: wrap; gap: 0; }
.sp-design #site-navigation .main-nav ul li > a {
    color: #f3f4f5; background: transparent; font-family: var(--sp-heading);
    font-size: 13px; font-weight: 400; line-height: 24px; letter-spacing: .2px;
    text-transform: uppercase; text-decoration: none;
}
.sp-design #site-navigation .main-nav > ul > li > a { padding: 12px 10px; }
.sp-design #site-navigation .main-nav ul li:is(:hover, :focus-within, .sfHover, .current-menu-item, .current-menu-parent, .current-menu-ancestor) > a {
    color: #ef4851; background: #ffffff08;
}
.sp-design #site-navigation .main-nav ul ul {
    background: var(--sp-dark); width: 240px; box-shadow: 0 8px 24px #0003;
}
.sp-design #site-navigation .main-nav ul ul li > a {
    padding: 10px 16px; font-size: 14px; line-height: 1.5;
    white-space: normal; overflow-wrap: anywhere;
}
.sp-design #site-navigation .dropdown-menu-toggle { padding-left: 8px; padding-right: 0; }
.sp-design #site-navigation a:focus-visible,
.sp-design #site-navigation button:focus-visible,
.sp-design #site-navigation [role="button"]:focus-visible {
    outline: 2px solid #ef4851; outline-offset: -3px;
}
.sp-design #site-navigation .menu-toggle {
    background: transparent; color: #fff; padding: 12px 0; min-height: 48px;
    font: 500 14px/24px var(--sp-heading); text-transform: uppercase; letter-spacing: .3px;
}
.sp-design #site-navigation .menu-bar-item > a { color: #fff; background: transparent; line-height: 48px; }
/* Retain the search dialog's existing presentation and behavior. */
.sp-search-panel {
    box-sizing: border-box; border: 0; padding: 36px; color: var(--sp-ink); background: #fff;
    width: min(620px, calc(100% - 32px)); max-height: calc(100% - 32px); overflow: auto;
    box-shadow: 0 20px 100px #0003;
}
.sp-search-panel::backdrop { background: #0009; }
.sp-search-panel h2 { margin: 0 0 25px; font-size: 34px; }
.sp-search-panel form { display: flex; gap: 10px; }
.sp-search-panel input[type="search"] { width: 100%; min-width: 0; border: 1px solid #ddd; padding: 12px; font: inherit; }
.sp-search-close, .sp-search-close:hover, .sp-search-close:focus { float: right; background: none; color: var(--sp-ink); border: 0; padding: 0 6px; font-size: 28px; line-height: 1; }
@media (max-width: 1050px) and (min-width: 769px) {
    .sp-design #site-navigation .inside-navigation { width: calc(100% - 32px); }
    .sp-design #site-navigation .main-nav > ul > li > a { padding-inline: 7px; font-size: 12px; }
}
/* Match GeneratePress's native breakpoint; GP controls visibility and submenus. */
@media (max-width: 768px) {
    .sp-design #site-navigation .inside-navigation { width: calc(100% - 32px); justify-content: flex-start; }
    .sp-design #site-navigation .main-nav { position: static; width: 100%; padding: 0; }
    .sp-design #site-navigation .main-nav > ul > li > a {
        padding: 12px 16px; font-size: 16px; white-space: normal;
        overflow-wrap: anywhere; border-top: 1px solid #ffffff14;
    }
    .sp-design #site-navigation .main-nav ul ul { width: 100%; box-shadow: none; }
    .sp-design #site-navigation .main-nav ul ul li > a { padding-left: 28px; }
    .sp-design #site-navigation .dropdown-menu-toggle { min-width: 44px; padding-left: 12px; padding-right: 12px; }
    .sp-search-panel { padding: 24px; }
    .sp-search-panel h2 { font-size: 28px; }
    .sp-search-panel form { flex-wrap: wrap; }
}

/* Header live search only: preserve WowStore's hidden items and both HTML layouts. */
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result {
    box-sizing:border-box; left:0; top:100%; width:100%; margin-top:0;
    z-index:102; /* Verified overlap: shared navigation/panels use 100/101. */
    max-height:min(60vh,420px); overflow-y:auto; overflow-x:hidden;
    scrollbar-width:thin; scrollbar-color:#9ba1a5 #f3f4f5;
    background:#fff; border:1px solid #d9dde0 !important;
    box-shadow:0 8px 20px #171d201a; color:var(--sp-ink);
}
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result::-webkit-scrollbar { display:block; width:6px; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result::-webkit-scrollbar-track { background:#f3f4f5; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result::-webkit-scrollbar-thumb { background:#9ba1a5; border-radius:3px; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items { grid-template-columns:minmax(0,1fr); }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items > .wopb-search-item.wopb-block-item:not(.wopb-d-none) {
    display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:10px; row-gap:0;
    align-items:start; min-width:0; padding:9px 10px; margin:0;
    border:0; border-bottom:1px solid #eceeef; text-align:left;
}
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-details { display:contents; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-image {
    grid-column:1; grid-row:1 / span 2; display:block; width:48px; height:48px; align-self:start;
}
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-image img { display:block; width:100%; height:100%; object-fit:contain; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-title-section { grid-column:2; grid-row:1; min-width:0; text-align:left; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-title {
    display:block; font:500 14px/1.35 Arial,sans-serif; white-space:normal; overflow-wrap:anywhere; word-break:normal;
}
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-title p { margin:0; font:inherit; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-rating-section { display:flex; align-items:center; margin-top:2px; line-height:1; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-price {
    grid-column:2; grid-row:2; min-width:0; margin:3px 0 0; padding:0;
    display:flex; justify-content:flex-start; align-items:baseline; flex-wrap:wrap; gap:2px 6px;
    font:500 13px/1.35 Arial,sans-serif; text-align:left;
}
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-price :is(del,ins,.woocommerce-Price-amount) { white-space:nowrap; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-price ins { background:transparent; color:var(--sp-red); text-decoration:none; font-weight:700; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .woocommerce-price-suffix { font-size:11px; color:#626a70; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-item-label.wopb-search-item { padding:6px 10px; border:0; background:#f3f4f5; font:500 13px/1.4 var(--sp-heading); }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-tax-term-items .wopb-search-item { padding:6px 10px; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-load-more-section { padding:8px 10px; }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-item.wopb-block-item:is(:hover,:focus-within) { background:#f7f8f8; box-shadow:inset 2px 0 var(--sp-red); }
.wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result a:focus-visible { outline:2px solid var(--sp-red); outline-offset:2px; }
@media (max-width:1024px) {
    .wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result { max-height:min(55vh,360px); }
    .wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items > .wopb-search-item.wopb-block-item:not(.wopb-d-none) { grid-template-columns:44px minmax(0,1fr); column-gap:8px; padding-block:8px; }
    .wp-block-product-blocks-product-search:is(.wopb-block-6228c2, .wopb-block-10b7fa) .wopb-search-result .wopb-search-items .wopb-item-image { width:44px; height:44px; }
}