/* Ditalica v17.12.29 — shared edge-activated category flyouts with transparent outline hover states. */
[data-category-flyout-root]{--category-edge-width:30px}
.category-edge-row{display:grid;grid-template-columns:minmax(0,1fr) var(--category-edge-width);align-items:stretch;min-width:0}
.category-edge-trigger{display:grid;place-items:center;min-width:var(--category-edge-width);width:var(--category-edge-width);padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;cursor:pointer;touch-action:manipulation}
.category-edge-trigger>span,.category-edge-trigger>b{display:block;font-size:18px;line-height:1;font-weight:600;transition:transform .12s ease}
[data-category-flyout-node].is-open>[data-category-flyout-row] .category-edge-trigger>span,
[data-category-flyout-node].is-open>[data-category-flyout-row] .category-edge-trigger>b{transform:translateX(2px)}
.category-edge-panel[hidden]{display:none!important}
.category-edge-panel[data-category-flyout-open="1"]{display:block!important;position:fixed!important;right:auto!important;bottom:auto!important;z-index:1300;box-sizing:border-box;max-width:min(340px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}

/* Storefront taxonomy rows. The label can be crossed freely; only the small right edge opens children. */
.shop0-category-edge-row{min-height:36px}
.shop0-category-edge-label{display:flex;align-items:center;min-width:0;padding:8px 8px 8px 16px;color:#27313d;text-decoration:none;font-size:13px;line-height:1.25}
.shop0-category-edge-label>span{min-width:0;overflow-wrap:anywhere}
.shop0-category-edge-row:hover,
[data-category-flyout-node].is-open>[data-category-flyout-row].shop0-category-edge-row{background:transparent!important;color:var(--sg-blue,#0674e7);box-shadow:inset 0 0 0 1px #b9d4ef;border-radius:7px}
.shop0-category-edge-row:hover .shop0-category-edge-label,.shop0-category-edge-row:hover .shop0-category-edge-trigger,
[data-category-flyout-node].is-open>[data-category-flyout-row].shop0-category-edge-row .shop0-category-edge-label,
[data-category-flyout-node].is-open>[data-category-flyout-row].shop0-category-edge-row .shop0-category-edge-trigger{color:var(--sg-blue,#0674e7)}
.shop0-category-edge-trigger{border-left:1px solid transparent!important}
.shop0-category-edge-trigger:hover,.shop0-category-edge-trigger:focus-visible{background:transparent!important;border-left-color:transparent!important;color:var(--sg-blue,#0674e7)!important;box-shadow:inset 0 0 0 1px #8dbce9;outline:0}
.shop0-hover-submenu.category-edge-panel{width:280px;min-width:240px;padding:6px 0;margin:0;background:var(--shop0-category-panel-bg,#fff);border:1px solid var(--sg-line,#d8e1ea);box-shadow:0 12px 32px #0002}

/* Scout source taxonomy rows use exactly the same edge trigger and right-hand flyout behavior. */
.source-category-row{min-height:30px;border-radius:7px;color:#284157}
.source-category-row:hover,[data-category-flyout-node].is-open>[data-category-flyout-row].source-category-row{background:transparent!important;color:#143c5d;box-shadow:inset 0 0 0 1px #b9cedf}
.source-category-label{display:flex;align-items:center;min-width:0;padding:7px 5px 7px 8px;font-size:10px;line-height:1.25;font-weight:650}
.source-category-label>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.source-category-edge-trigger{border-left:1px solid transparent!important}
.source-category-edge-trigger:hover,.source-category-edge-trigger:focus-visible{background:transparent!important;border-left-color:transparent!important;color:#143c5d!important;box-shadow:inset 0 0 0 1px #91b0c8;outline:0}
.source-category-children.category-edge-panel{width:270px;min-width:220px;margin:0;padding:6px;background:#fff;border:1px solid #dce5ed;border-radius:10px;box-shadow:0 12px 32px #0b20352b}
.source-category-children.category-edge-panel>.source-category-node{margin:0}
.source-category-children.category-edge-panel .source-category-choice{border-radius:7px}

/* Kill the old whole-row hover openers. Panels are shown only by category_edge_flyout.js. */
.shop0-hover-node:hover>.shop0-hover-submenu,
.shop0-hover-node:focus-within>.shop0-hover-submenu,
.source-category-node.has-children:hover>.source-category-children,
.source-category-node.has-children.open>.source-category-children{display:none!important}
.shop0-hover-submenu.category-edge-panel[data-category-flyout-open="1"],
.source-category-children.category-edge-panel[data-category-flyout-open="1"]{display:block!important}

/* Dark theme: transparent row, visible outline, readable text. No dark hover fill. */
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-label{color:#dce8f3!important}
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-trigger{color:#9fb5c9!important}
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-row:hover,
html[data-ditalica-theme="dark"] .shop0-v173 [data-category-flyout-node].is-open>[data-category-flyout-row].shop0-category-edge-row{background:transparent!important;color:#f7fbff!important;box-shadow:inset 0 0 0 1px #597895}
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-row:hover .shop0-category-edge-label,
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-row:hover .shop0-category-edge-trigger,
html[data-ditalica-theme="dark"] .shop0-v173 [data-category-flyout-node].is-open>[data-category-flyout-row] .shop0-category-edge-label,
html[data-ditalica-theme="dark"] .shop0-v173 [data-category-flyout-node].is-open>[data-category-flyout-row] .shop0-category-edge-trigger{color:#f7fbff!important}
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-trigger:hover,
html[data-ditalica-theme="dark"] .shop0-v173 .shop0-category-edge-trigger:focus-visible{background:transparent!important;border-left-color:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px #7fa5c5}
html[data-ditalica-theme="dark"] .shop0-hover-submenu.category-edge-panel{background:#121d29;border-color:#34475a;color:#d9e5ef}
html[data-ditalica-theme="dark"] .source-category-row{color:#c6d3df}
html[data-ditalica-theme="dark"] .source-category-row:hover,
html[data-ditalica-theme="dark"] [data-category-flyout-node].is-open>[data-category-flyout-row].source-category-row{background:transparent!important;color:#f7fbff!important;box-shadow:inset 0 0 0 1px #597895}
html[data-ditalica-theme="dark"] .source-category-row:hover .source-category-label,
html[data-ditalica-theme="dark"] [data-category-flyout-node].is-open>[data-category-flyout-row] .source-category-label{color:#f7fbff!important}
html[data-ditalica-theme="dark"] .source-category-edge-trigger:hover,
html[data-ditalica-theme="dark"] .source-category-edge-trigger:focus-visible{background:transparent!important;border-left-color:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px #7fa5c5}
html[data-ditalica-theme="dark"] .source-category-children.category-edge-panel{background:#121c27;border-color:#34475a;color:#d9e5ef}

@media(max-width:720px){
  [data-category-flyout-root]{--category-edge-width:36px}
  .category-edge-trigger{min-height:40px}
  .category-edge-panel[data-category-flyout-open="1"]{left:12px!important;right:12px!important;width:auto!important;max-width:none;max-height:min(68vh,520px)}
  .shop0-category-edge-row{min-width:170px}
  .shop0-category-edge-label{padding-left:10px;white-space:normal}
}
