/**
 * Travel / Community shell chrome skin (V2, 2026-09-08 — approved plan §4).
 * Desktop: the global bar (홈 · 여행 · 차량 · 생활 + search/auth/whole menu) and,
 * inside Travel, one service rail under it. Phone: `‹ 트래고잉` + current service
 * on top, Travel's rail as a sliding row, the same four tabs at the bottom (결정 003).
 * Component colors and surfaces come only from the production token sheet.
 */

.t2w-travel-shell,.t2w-travel-shell *{box-sizing:border-box}
body.t2w-has-travel-shell,body.t2w-has-travel-shell:has(.t2w-app-header){padding-top:0}
/* The shell is the only chrome owner: legacy fixed header, legacy phone tabs, legacy phone drawer all stay out. */
body.t2w-has-travel-shell header#site-header,
body.t2w-has-travel-shell #t2w-bottom-nav,
body.t2w-has-travel-shell .t2w-mobile-menu{display:none}
/* 결정 003: 이 머리는 고정이 아니라 흐름 안에 있다 — 옛 고정 머리 몫으로 비워 둔 폰 60px 를 회수한다(여행지·가이드·차량·정착 실측). */
body.t2w-has-travel-shell .site-content{margin-top:0}

.t2w-travel-shell{position:relative;z-index:950;width:100%;color:var(--t2w-hp-ink);font-family:var(--t2w-font-primary)}
.t2w-travel-shell a{color:inherit;text-decoration:none}
.t2w-travel-shell a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}
.t2w-travel-shell__inner{width:100%;max-width:var(--t2w-wrap-max);height:100%;margin:0 auto;padding:0 var(--t2w-wrap-pad)}
.t2w-travel-shell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}

/* ── Row 1: the global bar, production header visual, in flow (not fixed). ── */
.t2w-travel-shell__global.t2w-app-header{position:relative;z-index:2;height:var(--t2w-header-height);border-bottom:1px solid var(--t2w-hp-line);background:var(--color-white);box-shadow:var(--t2w-hp-sh-sm);backdrop-filter:none}
.t2w-travel-shell__global .t2w-travel-shell__inner.t2w-app-header__container{display:flex;height:var(--t2w-header-height);align-items:center;gap:20px}
.t2w-travel-shell .t2w-logo{display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;gap:8px;color:var(--color-secondary)}
.t2w-travel-shell .t2w-hp-logo{color:var(--color-secondary);font-family:var(--t2w-font-display)}
.t2w-travel-shell .t2w-hp-logo b{color:var(--t2w-gg-deep)}
.t2w-travel-shell__global-nav{display:flex;min-width:0;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:4px;margin-right:auto}
.t2w-travel-shell__global-link{position:relative;display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0 13px;border-radius:var(--t2w-radius-full);color:var(--color-text-muted);font-weight:700}
.t2w-travel-shell__global-link .t2w-travel-shell__icon{display:none}
.t2w-travel-shell__global-link:hover,.t2w-travel-shell__global-link:focus-visible{background:var(--color-primary);color:var(--color-secondary-dark)}
.t2w-travel-shell__global-link.is-current{background:transparent;box-shadow:none;color:var(--t2w-hp-ink)}
.t2w-travel-shell__global-link.is-current::after{position:absolute;right:12px;bottom:8px;left:12px;height:3px;border-radius:var(--t2w-hp-r-sm);background:var(--color-primary);content:""}
.t2w-travel-shell__actions{display:flex;flex:0 0 auto;align-items:center;gap:4px}
.t2w-travel-shell__country{margin-right:6px}
@media(min-width:1201px){
 .t2w-travel-shell__actions{flex:1 1 620px;max-width:680px}
 .t2w-travel-shell__actions .t2w-platform-actions{flex:1 1 auto}
}
.t2w-travel-shell__action,.t2w-travel-shell__mobile-action{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:var(--t2w-radius-full);color:var(--color-secondary)}
.t2w-travel-shell__action:hover,.t2w-travel-shell__action:focus-visible{background:var(--color-primary)}

/* ── Row 2: the service rail — Travel owns it; Community has none. ── */
.t2w-travel-shell__service-bar{position:relative;z-index:1;border-bottom:1px solid var(--t2w-hp-line);background:var(--t2w-hp-paper)}
.t2w-travel-shell__service-bar .t2w-travel-shell__inner{display:flex;min-height:48px;align-items:stretch;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.t2w-travel-shell__service-bar .t2w-travel-shell__inner::-webkit-scrollbar{display:none}
.t2w-travel-shell__service-name{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;margin-right:12px;padding-right:14px;border-right:1px solid var(--t2w-hp-line);color:var(--t2w-hp-ink);font-size:16px;font-weight:800;white-space:nowrap}
.t2w-travel-shell__service-dot{display:inline-block;width:8px;height:8px;border-radius:var(--t2w-radius-full);background:var(--color-primary);box-shadow:var(--t2w-hp-sh-sm)}
.t2w-travel-shell__service-link{position:relative;display:inline-flex;min-height:44px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 14px;color:var(--t2w-hp-ink-soft);font-size:15px;font-weight:700;white-space:nowrap}
.t2w-travel-shell__service-link .t2w-travel-shell__icon{display:none}
.t2w-travel-shell__service-link:hover,.t2w-travel-shell__service-link:focus-visible,.t2w-travel-shell__service-link.is-current{color:var(--t2w-hp-ink)}
.t2w-travel-shell__service-link.is-current::after{position:absolute;right:13px;bottom:0;left:13px;height:3px;border-radius:var(--t2w-hp-r-sm) var(--t2w-hp-r-sm) 0 0;background:var(--color-primary);content:""}

/* Phone chrome is off until the phone breakpoint. */
.t2w-travel-shell__mobile-top,.t2w-travel-shell__mobile-nav,.t2w-travel-shell__phone-entries{display:none}

/* ── Travel home wears the same photo hero, only shorter: the bar sits above it in
   flow, so the hero no longer needs the fixed-header clearance. ── */
body.t2w-travel-shell-home .t2w-hp-hero{min-height:clamp(320px,36vh,400px);padding:34px 0 30px}
body.t2w-travel-shell-home .t2w-hp-htitle{font-size:clamp(32px,4.2vw,54px)}

@media (max-width:1100px) and (min-width:769px){
    .t2w-travel-shell__global .t2w-travel-shell__inner{gap:10px}
    .t2w-travel-shell__global-link,.t2w-travel-shell__service-link{padding:0 9px}
    .t2w-travel-shell__country{display:inline-flex}
}

@media (max-width:768px){
    body.t2w-has-travel-shell{padding-bottom:84px}
    body.t2w-has-travel-shell .t2w-tx{padding-bottom:92px}
    body.t2w-travel-shell-home .t2w-hp-hero{min-height:clamp(330px,42vh,430px);padding:28px 0 26px}
    body.t2w-travel-shell-home .t2w-hp-htitle{font-size:clamp(34px,10vw,44px)}
    .t2w-travel-shell{display:flex;flex-direction:column}
    .t2w-travel-shell__global{display:none}
    .t2w-travel-shell__mobile-top{order:-1}
    /* 2026-10-01 결정 003: 아래 탭은 네 칸(홈·여행·차량·생활) — 여행 안 갈래는 위에 미는 줄로. */
    .t2w-travel-shell__service-bar .t2w-travel-shell__inner{min-height:46px;padding:0 8px}
    .t2w-travel-shell__service-name{display:none}
    .t2w-travel-shell__service-link{min-height:46px;padding:0 12px;font-size:15px}
    .t2w-travel-shell__mobile-top{position:relative;z-index:2;display:grid;height:64px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--t2w-hp-line);background:var(--color-white);color:var(--t2w-hp-ink);box-shadow:var(--t2w-hp-sh-sm)}
    .t2w-travel-shell__mobile-top.has-action{grid-template-columns:auto minmax(0,1fr) 44px auto}
    .t2w-travel-shell__phone-entries{display:block;justify-self:end}
    .t2w-travel-shell__mobile-return{display:inline-flex;min-height:44px;align-items:center;gap:6px;color:var(--color-primary-dark);font-weight:700;white-space:nowrap}
    .t2w-travel-shell__mobile-return>span:first-child{font-size:25px;line-height:1}
    .t2w-travel-shell__mobile-top>strong{display:inline-flex;min-width:0;min-height:44px;align-items:center;gap:7px;overflow:hidden;color:var(--t2w-hp-ink);font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
    .t2w-travel-shell__mobile-action{justify-self:end;color:var(--t2w-hp-ink-soft)}
    .t2w-travel-shell__mobile-top>.t2w-travel-shell__mobile-context{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;font-size:15px;line-height:1.3}
    .t2w-travel-shell__mobile-context small{font-size:13px;font-weight:500;color:var(--color-text-muted)}

    .t2w-travel-shell__mobile-nav{position:fixed;z-index:960;right:0;bottom:0;left:0;display:grid;height:72px;grid-auto-columns: minmax(0, 1fr);grid-auto-flow:column;padding:5px max(4px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid var(--t2w-hp-line);background:var(--color-white);box-shadow:var(--t2w-hp-sh-sm);backdrop-filter:blur(10px)}
    .t2w-travel-shell__mobile-link{position:relative;display:flex;min-width:44px;min-height: 44px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--t2w-hp-r-sm);color:var(--color-text-muted);font-size:13px;font-weight:800}
    .t2w-travel-shell__mobile-link .t2w-travel-shell__icon{display:inline-grid;place-items:center}
    .t2w-travel-shell__mobile-link svg{width:21px;height:21px}
    .t2w-travel-shell__mobile-link.is-current{background:var(--color-tag-gold-bg);color:var(--color-secondary)}
    .t2w-travel-shell__mobile-link.is-current::after{position:absolute;top:2px;width:18px;height:3px;border-radius:var(--t2w-hp-r-pill);background:var(--color-primary);content:""}
}

@media(prefers-reduced-motion:reduce){
    .t2w-travel-shell *,.t2w-travel-shell *::before,.t2w-travel-shell *::after{scroll-behavior:auto;transition-duration:.01ms}
}