/* WT Branch Locator — 지역 카드(스와이프) + 와이드 지도 + 지점 목록. 사이트 톤, 직각 */
.wtbl{--wtbl-bg:#f0ede9;--wtbl-surface:#fff;--wtbl-soft:#f5f2f0;--wtbl-ink:#1c1f1d;--wtbl-muted:#7a716a;--wtbl-line:#e1d7cb;--wtbl-accent:var(--nectar-accent-color,#1a3c34);--wtbl-on:#fff;--wtbl-glass:rgba(250,248,245,.92);--wtbl-serif:"Noto Serif KR","Fahkwang",serif;color:var(--wtbl-ink);font-size:15px;line-height:1.55;position:relative}
.wtbl *{box-sizing:border-box}
html body .wtbl.wtbl button,html body .wtbl.wtbl a,html body .wtbl.wtbl .wtbl-map,html body .wtbl.wtbl iframe,html body[data-button-style] .wtbl.wtbl button,html body[data-button-style] .wtbl.wtbl a{border-radius:0!important}
.wtbl button{font:inherit;color:inherit;cursor:pointer;margin:0;letter-spacing:normal;text-transform:none;box-shadow:none}
.wtbl button:focus-visible{outline:2px solid var(--wtbl-accent);outline-offset:2px}

/* 지역 카드 — 가로 스와이프 */
.wtbl-regions{display:flex;gap:8px;margin:0 0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}
.wtbl-regions::-webkit-scrollbar{display:none}
.wtbl-regions.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.wtbl-regions button{flex:1 0 200px;scroll-snap-align:start;background:var(--wtbl-surface);border:1px solid var(--wtbl-line);padding:14px 16px;text-align:left;display:grid;gap:4px}
.wtbl-regions button b{font-size:15px}
.wtbl-regions button small{font-size:12px;color:var(--wtbl-muted)}
.wtbl-regions button[aria-selected="true"]{background:var(--wtbl-accent);border-color:var(--wtbl-accent);color:var(--wtbl-on)}
.wtbl-regions button[aria-selected="true"] small{color:var(--wtbl-on);opacity:.8}

/* 지도 + 지점 목록 */
.wtbl-stage{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}
.wtbl-mapbox{position:relative;min-width:0}
.wtbl-map{position:relative;overflow:hidden;background:var(--wtbl-bg);height:600px}
.wtbl-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.wtbl-strip{position:absolute;left:16px;right:16px;bottom:30px;z-index:3;background:var(--wtbl-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wtbl-strip>div{min-width:0}
.wtbl-name{font-family:var(--wtbl-serif);font-weight:600;font-size:20px;line-height:1.3;margin:0!important;padding:0!important;color:var(--wtbl-ink)}
.wtbl-addr{font-size:14px;color:var(--wtbl-muted);margin:4px 0 0!important;padding:0!important;overflow-wrap:anywhere;line-height:1.55}
.wtbl-tel{font-size:14px;margin:2px 0 0!important}
.wtbl-go{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--wtbl-accent);color:var(--wtbl-on)!important;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;line-height:1;white-space:nowrap}
.wtbl-go:hover{opacity:.88}
.wtbl-list{background:var(--wtbl-surface);border:1px solid var(--wtbl-line);overflow:auto;max-height:600px;padding:8px}
.wtbl-list button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--wtbl-line);padding:11px 12px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;font-size:15px;font-weight:500}
.wtbl-list button small{font-size:11px;font-weight:400;color:var(--wtbl-muted);letter-spacing:.02em}
.wtbl-list button[aria-selected="true"]{background:var(--wtbl-soft);color:var(--wtbl-accent);font-weight:700}

@media (max-width:999px){
  .wtbl-regions button{flex:0 0 170px}
  .wtbl-stage{grid-template-columns:1fr}
  .wtbl-list{max-height:240px}
}
@media (max-width:767px){
  .wtbl-map{height:360px}
  .wtbl-strip{position:static;margin-top:12px;border:1px solid var(--wtbl-line);background:var(--wtbl-surface)}
}
/* 모바일 지역 선택: 2열 카드 — 이름 왼쪽·지점 수 오른쪽 (11/04 시안 E 확정) */
@media (max-width:767px){
  .wtbl-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;cursor:default;scroll-snap-type:none}
  .wtbl-regions button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px}
  .wtbl-regions button b{font-size:13px;line-height:1.25}
  .wtbl-regions button small{font-size:11px;flex:none}
  .wtbl-t{display:none}
}
@media (prefers-reduced-motion:reduce){.wtbl-regions{scroll-behavior:auto}}