/* yeojido fixes from the live check M002.P023.T016 (design M002.P023.T014 order 3). Additive; load last. */

/* #4 floating top bar: almost opaque surface (96%) in both themes, blur kept; fade band under it once the page is scrolled (yj-add.js sets .is-scrolled);
   anchors stop below the bar (bar 56px + top padding 10px / 12px + 12px) */
html{scroll-padding-top:78px}
@media (min-width:768px){html{scroll-padding-top:80px}}
html:not(.opaque) .nav.glass--light{background:color-mix(in srgb,var(--surface) 96%,transparent)}
.nav-wrap::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;background:linear-gradient(var(--bg),transparent);opacity:0;pointer-events:none;transition:opacity .2s var(--ease)}
.nav-wrap.is-scrolled::after{opacity:1}

/* #6 dark theme: purple text links use --cat-fg (dark #d2c0ff on --surface #17121f, about 11:1) instead of --brand-purple (4.06:1) */
html[data-theme="dark"] .staff-hp-link{color:var(--cat-fg)}

/* #8 touch targets: breadcrumb links and the "전체 N곳" link get a 44px box; home top-store rows are one link each (staff.css) */
.crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.crumbs{padding-top:var(--s2)}
.sec-head a.sec-note{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* the summary "업종" link, the logo links (top bar shows the mark only below 520px) and short footer category links ("바") */
.sum-grid dd a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin-block:-10px}
.nav .brand,.foot .brand{min-height:44px;min-width:44px}
.foot-links a{min-width:44px}

/* #7 store hero numbers: only the cells that have a value, no empty track; the hours state chip sits under them */
.stats.stats--fit{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.hero-state{margin-top:var(--s3);margin-bottom:0}

/* #1 staff: one summary line + rows (name, call / text icon buttons 44px); first 3 visible, the rest inside details */
.staff-box{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:var(--s1) var(--s5)}
.staff-sum{padding:var(--s3) 0;font-size:15px;font-weight:700;color:var(--ink-2)}
.staff-list{display:grid;list-style:none;margin:0;padding:0}
.staff-row{display:flex;align-items:center;gap:var(--s3);min-height:60px;border-top:1px solid var(--line)}
.staff-row-name{flex:1 1 auto;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-row-act{flex:none;display:flex;gap:var(--s2)}
.staff-ic-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-pill);background:var(--seg-track);color:var(--ink)}
.staff-ic-btn:hover{background:var(--seg-on)}
.staff-ic-btn .staff-ic{width:18px;height:18px}
.staff-more summary{display:flex;align-items:center;justify-content:center;min-height:48px;border-top:1px solid var(--line);font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.staff-more summary::-webkit-details-marker{display:none}
.staff-more .when-open,.staff-more[open] .when-closed{display:none}
.staff-more[open] .when-open{display:inline}
.staff-more[open] summary{order:2}
.staff-more[open]{display:flex;flex-direction:column}
.staff-more[open] .staff-list{order:1}