/* BayiFlow DESIGN-RC14: focused corrections to navigation and catalog layouts.
   Theme options only select CSS states; WC and wallet execution remain untouched. */

/* The legacy .bf-nav-wrap has been removed from header.php; never duplicate a row. */
.bf-header{isolation:isolate;z-index:25}
.bf-site-menu{position:relative;flex:none;order:0}
.bf-site-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid var(--bf-border);border-radius:11px;background:var(--bf-soft);color:var(--bf-ink);cursor:pointer;font-size:12px;font-weight:800;transition:border-color .15s,background .15s}
.bf-site-menu>summary::-webkit-details-marker{display:none}
.bf-site-menu>summary::marker{content:''}
.bf-site-menu>summary:hover,.bf-site-menu>summary:focus-visible,.bf-site-menu[open]>summary{background:var(--bf-primary-tint);color:var(--bf-primary);border-color:var(--bf-primary)}
.bf-site-menu-panel{position:absolute;z-index:150;top:calc(100% + 12px);inset-inline-start:0;width:min(270px,calc(100vw - 26px));border:1px solid var(--bf-border);background:var(--bf-surface);box-shadow:0 23px 58px rgba(18,13,52,.21);padding:8px;border-radius:15px;max-height:min(450px,75vh);overflow:auto;white-space:normal}
.bf-site-menu-list{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:0;list-style:none}
.bf-site-menu-list li{margin:0;min-width:0}
.bf-site-menu-list a{display:flex;align-items:center;min-height:43px;padding:10px 13px;border-radius:9px;font-size:12px;color:var(--bf-ink);font-weight:720;overflow-wrap:anywhere}
.bf-site-menu-list a:hover,.bf-site-menu-list a:focus-visible,.bf-site-menu-list .current-menu-item>a{background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-site-menu>summary:focus-visible,.bf-site-menu-list a:focus-visible{outline:3px solid var(--bf-primary);outline-offset:2px}
html[dir=rtl] .bf-site-menu-panel{inset-inline-start:0;inset-inline-end:auto}

/* Default storefront: premium sticky category panel on the left of the list. */
.bf-catalog-layout--sidebar{display:grid;grid-template-columns:clamp(234px,18.5vw,284px) minmax(0,1fr);gap:18px;align-items:start}
.bf-catalog-layout--sidebar .bf-category-sidebar{display:block;position:sticky;top:18px;max-height:calc(100vh - 42px);overflow-y:auto;overflow-x:hidden;z-index:1;padding:18px 12px 22px;border-radius:18px;background:var(--bf-surface)}
.bf-catalog-layout--sidebar .bf-sidebar-heading{width:auto;margin:0 3px 9px;padding:2px 8px 14px;border-bottom:1px solid var(--bf-border)}
.bf-catalog-layout--sidebar .bf-sidebar-heading h2{font-size:15px;font-weight:850;letter-spacing:-.02em}
.bf-catalog-layout--sidebar .bf-all-categories,.bf-catalog-layout--sidebar .bf-category-link,.bf-catalog-layout--sidebar .bf-category-all{display:flex;align-items:center;border:1px solid transparent;padding:11px 13px;min-height:41px;font-size:12px;font-weight:700;line-height:1.45;width:100%;border-radius:10px;overflow-wrap:anywhere;color:var(--bf-ink)}
.bf-catalog-layout--sidebar .bf-category-sidebar>.bf-all-categories{display:flex;min-height:43px;background:var(--bf-soft);margin-bottom:8px;border-color:var(--bf-border)}
.bf-catalog-layout--sidebar .bf-category-sidebar>.bf-category-list{display:block;flex:none;columns:auto;margin:0;padding:0;min-width:0}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-category-item{display:block;position:static;margin:2px 0;break-inside:avoid}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-details{position:static;display:block;min-width:0}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-details>summary,
.bf-catalog-layout--sidebar .bf-category-sidebar>.bf-category-list :is(.bf-category-link,.bf-cat-details>summary){display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:41px;width:100%;max-width:none;padding:10px 12px;white-space:normal;line-height:1.4;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:730;overflow-wrap:anywhere}
.bf-catalog-layout--sidebar .bf-cat-details[open]>summary{background:var(--bf-primary-tint);color:var(--bf-primary);border-color:var(--bf-border)}
.bf-catalog-layout--sidebar .bf-category-sidebar a:is(:hover,:focus-visible),
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-details>summary:is(:hover,:focus-visible){background:var(--bf-primary-tint);color:var(--bf-primary)}
.bf-catalog-layout--sidebar .bf-category-sidebar .is-active{background:var(--bf-primary-tint)!important;color:var(--bf-primary)!important;border-color:var(--bf-border)!important}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-dropdown,
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-dropdown .bf-cat-dropdown{position:static;inset:auto;top:auto;width:100%;max-width:none;max-height:none;overflow:visible;z-index:auto;border:0;border-inline-start:1px solid var(--bf-border);border-radius:0;background:transparent;box-shadow:none;margin:3px 0 6px 12px;padding:1px 0 1px 8px}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-dropdown .bf-category-list{display:block;columns:auto;border:0;padding:0;margin:0}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-dropdown .bf-category-list .bf-category-item{margin:1px 0}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-dropdown :is(.bf-category-link,.bf-category-all,.bf-cat-details>summary){width:100%;max-width:none;white-space:normal;min-height:37px;padding:8px 9px;font-size:11px}
.bf-catalog-layout--sidebar .bf-category-sidebar .bf-cat-dropdown .bf-category-all{color:var(--bf-primary);font-weight:820}
.bf-catalog-layout--sidebar .bf-catalog-main{min-width:0}
.bf-catalog-layout--sidebar .bf-category-sidebar::-webkit-scrollbar{width:6px}
.bf-catalog-layout--sidebar .bf-category-sidebar::-webkit-scrollbar-thumb{background:var(--bf-border);border-radius:20px}

/* Alternative: preserve RC13 horizontal category rail exactly. */
.bf-catalog-layout--horizontal{grid-template-columns:minmax(0,1fr)}

/* Optional minimalist mode: no category nav, but active search/category still works. */
.bf-catalog-layout--hidden{grid-template-columns:minmax(0,1fr)}
.bf-catalog-layout--hidden>.bf-category-sidebar{display:none}

@media(max-width:1100px){
  .bf-catalog-layout--sidebar{grid-template-columns:234px minmax(0,1fr);gap:13px}
  .bf-header-actions{gap:6px}
  .bf-site-menu>summary{padding-inline:10px}
}
@media(max-width:850px){
  .bf-catalog-layout--sidebar{grid-template-columns:minmax(0,1fr)}
  .bf-catalog-layout--sidebar .bf-category-sidebar{position:relative;top:auto;max-height:260px;overflow-y:auto;overflow-x:hidden}
  .bf-catalog-layout--sidebar .bf-category-sidebar>.bf-category-list{columns:auto}
  .bf-site-menu-panel{inset-inline-start:0}
}
@media(max-width:740px){
  .bf-site-menu{order:0}
  .bf-header-actions{align-items:center}
}
@media(max-width:610px){
  .bf-site-menu{flex:none}
  .bf-site-menu>summary{min-height:37px;padding:8px 9px}
  .bf-site-menu>summary span{font-size:11px}
  .bf-site-menu-panel{inset-inline-start:0;width:min(280px,calc(100vw - 28px))}
  .bf-catalog-layout--sidebar .bf-category-sidebar{padding:12px;max-height:220px}
  .bf-catalog-layout--sidebar .bf-sidebar-heading{padding-bottom:9px}
}
@media(max-width:380px){
  .bf-site-menu>summary span{display:none}
  .bf-site-menu>summary{width:38px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .bf-site-menu>summary{transition:none}
}