/* Native page scrolling, with a dense mobile directory and full detail pages. */
html:has(body[data-page="bares"]){scroll-snap-type:none;scroll-behavior:auto}
.bar-contact-short{display:none}
.bar-pagination{position:static;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:stretch;max-width:1160px;margin:24px auto 0;padding:0;border:0;background:transparent;color:var(--ink,#f1f0e7);font-size:14px;text-transform:none;letter-spacing:0;z-index:auto}
.bar-pagination .bar-neighbor,.bar-pagination .bar-back{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #ffffff30;border-radius:3px;background:#121612;color:inherit;text-decoration:none}
.bar-pagination .bar-back{text-align:center;border-color:transparent;background:transparent}
.bar-pagination .bar-next{text-align:right}
.bar-pagination small{display:block;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}
.bar-pagination .is-disabled{opacity:.35}
.bar-pagination a:hover{border-color:#ff793b;color:#ff975c}
.bar-pagination a:focus-visible{outline:2px solid #ff793b;outline-offset:3px}
@media(max-width:740px){.bar-pagination{gap:6px;margin-top:14px;font-size:13px}.bar-pagination .bar-neighbor,.bar-pagination .bar-back{padding:8px 6px}.bar-pagination .bar-back{max-width:72px;line-height:1.3}.bar-pagination small{font-size:11px}}
.bar-toolbar{display:flex;gap:16px;align-items:end}
.bar-toolbar .search{margin:0;flex:1;max-width:none}
.bar-filter-options,.bar-filter-fields{display:contents}
.bar-filter-options>summary{display:none}
.bar-filter-fields label{flex:1}
@media(max-width:740px){
 body[data-page="bares"]>.wrap{padding-inline:12px}
 body[data-page="bares"] .top{height:56px;min-height:56px;gap:12px}
 body[data-page="bares"] .top .logo{width:100px;min-height:0}
 body[data-page="bares"] .top .buneat-mark{width:100px}
 body[data-page="bares"] .top .mobile-toggle{min-height:36px;padding:6px 10px}
 body[data-page="bares"] .page-head{padding:10px 0 6px;max-width:none}
 body[data-page="bares"] .page-head h1{font-size:26px;line-height:1.1;margin:0}
 body[data-page="bares"] .page-head>p{display:none}
 .bar-toolbar{position:relative;flex-wrap:nowrap;align-items:start;gap:8px;margin:0 0 6px;padding:0;border:0}
 .bar-toolbar .search{min-width:0;margin:0}
 .bar-toolbar .search>.eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .bar-toolbar input{height:36px;min-height:36px;padding:6px 9px;font-size:16px}
 .bar-filter-options{display:block;flex:none}
 .bar-filter-options>summary{display:list-item;cursor:pointer;min-height:36px;padding:6px 10px;border:1px solid #616a60;font-size:13px;background:#121612}
 .bar-filter-options>summary:focus-visible{outline:2px solid #ff793b;outline-offset:2px}
 .bar-filter-fields{display:flex;position:absolute;z-index:10;top:42px;left:0;right:0;flex-direction:column;gap:10px;padding:14px;background:#121612;border:1px solid #616a60;box-shadow:0 12px 24px #0008}
 .bar-filter-options:not([open])>.bar-filter-fields{display:none}
 .bar-filter-fields label{margin:0;font-size:13px}
 .bar-filter-fields select{font-size:16px;min-height:44px}
 #bar-count{font-size:11px;line-height:16px;margin:0 0 5px}
 #bar-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
 #bar-list .bar-simple-card{min-width:0;margin:0;padding:8px;display:flex;flex-direction:column;align-self:stretch;gap:5px}
 #bar-list .bar-simple header{margin:0;min-width:0}
 #bar-list .bar-simple h3{font-size:15px;line-height:17px;letter-spacing:-.02em;margin:0 0 3px;min-height:34px}
 #bar-list .bar-simple h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #bar-list .bar-kind{font-size:10px;line-height:12px;letter-spacing:0;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #bar-list .bar-short{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
 #bar-list .bar-photos{gap:3px;margin:0}
 #bar-list .bar-photos img{height:clamp(50px,9svh,76px);aspect-ratio:auto;width:100%;object-fit:cover}
 #bar-list .bar-details{padding-top:5px;margin-top:auto;min-width:0}
 #bar-list .bar-address{font-size:12px;line-height:15px;margin:0 0 3px;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #bar-list .bar-contacts{gap:2px 8px;flex-wrap:wrap}
 #bar-list .bar-contacts a{font-size:11px;line-height:28px;min-height:28px;min-width:24px;display:inline-block}
 #bar-list .bar-contact-full{display:none}
 #bar-list .bar-contact-short{display:inline}
}
@media(max-width:740px) and (max-height:620px){
 #bar-list .bar-simple-card{padding:6px;gap:3px}
 #bar-list .bar-photos img{height:40px}
 #bar-list .bar-details{padding-top:3px}
}

/* Compact directory intro and one-row desktop search. */
@media(min-width:741px){
 body[data-page="bares"] .page-head{max-width:none;padding:24px 0 18px}
 body[data-page="bares"] .page-head h1{font-size:36px;line-height:1.1;margin:0 0 6px}
 body[data-page="bares"] .page-head p{font-size:15px;line-height:1.5;margin:0}
 body[data-page="bares"] .bar-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(0,3fr);align-items:end;gap:12px;padding:14px 0;margin:0 0 14px}
 body[data-page="bares"] .bar-toolbar .search{min-width:0;max-width:none;margin:0}
 body[data-page="bares"] .bar-filter-options{display:block;min-width:0}
 body[data-page="bares"] .bar-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 body[data-page="bares"] .bar-toolbar label{min-width:0;margin:0;font-size:12px;line-height:1.4}
 body[data-page="bares"] .bar-toolbar .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;margin:0 0 4px}
 body[data-page="bares"] .bar-toolbar :is(input,select){height:42px;min-height:42px;padding:8px 10px;font-size:14px;margin-top:4px}
 body[data-page="bares"] #bar-count{font-size:13px;line-height:20px;margin:0 0 10px}
}
@media(min-width:741px) and (max-width:1000px){
 body[data-page="bares"] .bar-toolbar{grid-template-columns:1fr;gap:10px}
 body[data-page="bares"] .bar-toolbar .search{grid-column:1/-1}
}
@media(max-width:740px){
 body[data-page="bares"] .bar-toolbar .search{min-width:0;flex:1}
 body[data-page="bares"] .bar-toolbar .search>.eyebrow{margin:0}
 body[data-page="bares"] .bar-toolbar input{min-height:36px}
}