/* Catalog toolbar: only form navigation changes, and only after scrolling. */
#compactShapeStrip { display:none; }
.compact-title-slot { display:contents; }
@media(min-width:1200px) {
 body.compact-toolbar .sticky-shape-nav { display:none!important; }
 body.compact-toolbar.compact-ready .catalog-head { display:flex; align-items:center; gap:var(--compact-head-gap,16px); }
 body.compact-toolbar.compact-ready .search-stack { flex:1; min-width:0; }
 body.compact-toolbar.compact-ready .compact-title-slot { display:flex; align-items:center; flex:0 0 auto; min-width:0; }
 body.compact-toolbar.compact-ready .catalog-title-line { flex:0 0 auto; width:var(--compact-title-width); min-width:0; overflow:hidden; white-space:nowrap; flex-wrap:nowrap; opacity:1; transition:width 360ms cubic-bezier(.22,.8,.28,1),opacity 160ms ease!important; }
 body.compact-toolbar.compact-ready .catalog-title-line > * { flex-shrink:0; }
 body.compact-toolbar.compact-ready.is-compact .catalog-title-line { width:0; opacity:0; pointer-events:none; }
 body.compact-toolbar.compact-ready #compactShapeStrip { width:0; overflow:hidden; opacity:0; transition:width 360ms cubic-bezier(.22,.8,.28,1),opacity 240ms ease!important; }
 body.compact-toolbar.compact-ready.is-compact #compactShapeStrip { width:var(--compact-forms-width,330px); opacity:1; }
 body.compact-toolbar.compact-ready.is-compact #compactShapeStrip.is-hovering { transition-duration:220ms,160ms!important; }

 body.compact-toolbar.compact-ready #compactShapeStrip { display:flex; flex:0 0 auto; gap:6px; height:50px; margin:0; padding:0; border:0; background:none; }
 body.compact-toolbar.compact-ready #compactShapeStrip > button { display:flex; align-items:center; justify-content:flex-start; gap:0; flex:0 0 auto; width:auto; min-width:50px; height:50px; padding:0 4px; border:1px solid var(--theme-line,#e0e5e9); border-radius:7px; background:var(--theme-surface,#fff); color:var(--theme-secondary,#56626d); cursor:pointer; }
 body.compact-toolbar.compact-ready #compactShapeStrip img { flex:0 0 40px; width:40px; height:40px; object-fit:contain; margin:0; }
 body.compact-toolbar.compact-ready #compactShapeStrip .compact-label { display:block; flex:0 0 auto; width:0; min-width:0; height:18px; min-height:0; margin:0; padding:0; overflow:hidden; white-space:nowrap; font:500 11px/18px var(--font-ui); opacity:0; transition:width 220ms cubic-bezier(.22,.8,.28,1),margin-left 220ms cubic-bezier(.22,.8,.28,1),opacity 160ms ease!important; }
 body.compact-toolbar.compact-ready #compactShapeStrip button:is(.is-label-open,:focus-visible) .compact-label { width:var(--subform-label-width,120px); margin-left:6px; opacity:1; }
 body.compact-toolbar.compact-ready #compactShapeStrip:has(.is-label-open) button:focus-visible:not(.is-label-open) .compact-label { width:0; margin-left:0; opacity:0; }
 body.compact-toolbar.compact-ready #compactShapeStrip button:is(.active,.is-label-open) { background:var(--theme-accent-surface,#fffcf5); border-color:var(--theme-accent,#e8bd70); }
 body.compact-toolbar.compact-ready #compactShapeStrip button:focus-visible { outline:2px solid var(--theme-accent,#e8bd70); outline-offset:2px; }
}
@media(prefers-reduced-motion:reduce) { body.compact-toolbar.compact-ready #compactShapeStrip .compact-label { transition:none!important; } }

@media(prefers-reduced-motion:reduce) { body.compact-toolbar.compact-ready :is(.catalog-title-line,#compactShapeStrip) { transition:none!important; } }
/* Match the form/search spacing to the existing search/warehouse gap. */
@media(min-width:1200px) {
 body.compact-toolbar.compact-ready .catalog-head { transition:column-gap 360ms cubic-bezier(.22,.8,.28,1); }
 body.compact-toolbar.compact-ready.is-compact .catalog-head { column-gap:6px; }
}
@media(prefers-reduced-motion:reduce) { body.compact-toolbar.compact-ready .catalog-head { transition:none; } }

/* Keep desktop tools in their established single row at every toolbar width. */
@media(min-width:901px) {
 body.compact-toolbar .search-stack { container-type:normal; }
 body.compact-toolbar .catalog-head { grid-template-columns:minmax(0,1fr) minmax(560px,1fr); }
 body.compact-toolbar.compact-ready .search-stack { flex:1 0 560px; }
 body.compact-toolbar.compact-ready .compact-title-slot { flex-shrink:1; }
 body.compact-toolbar.compact-ready .catalog-title-line { flex-shrink:1; }
 body.compact-toolbar.compact-ready .catalog-title-line > * { flex-shrink:1; }
 body.compact-toolbar.compact-ready:not(.is-compact) .catalog-title-line { white-space:normal; }
}
/* A collapsed title must never contribute wrapped text height to the toolbar. */
@media(min-width:1200px) {
 body.compact-toolbar.compact-ready .catalog-title-line { height:50px; max-height:50px; align-items:center; }
 body.compact-toolbar.compact-ready.is-compact .catalog-title-line > * { flex-shrink:0; white-space:nowrap; }
}
@media(min-width:1200px) {
 body.compact-toolbar.compact-ready.is-compact .search-stack { flex:1 1 0; min-width:0; }
}
