/* JadTrip own theme - phone shell (round 31, 08-11-2026): app bar, menu sheet, footer links */
:root{--jts-h:52px;--jts-teal:#0d9488;--jts-teal2:#0f766e;--jts-ink:#0f172a;--jts-mut:#64748b;--jts-line:#e2e8f0;--jts-card:#fff;--jts-soft:#f1f5f9;--jts-bar:rgba(255,255,255,.86)}
html[data-jt-theme=dark]{--jts-ink:#e2e8f0;--jts-mut:#94a3b8;--jts-line:rgba(148,163,184,.18);--jts-card:#111827;--jts-soft:#1f2937;--jts-bar:rgba(17,24,39,.82)}
.jts-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}

/* app bar */
.jts-bar{position:fixed;top:0;left:0;right:0;z-index:99;height:calc(var(--jts-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);box-sizing:border-box;
 background:var(--jts-bar);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--jts-line);color:var(--jts-ink);
 transition:transform .28s cubic-bezier(.2,.8,.2,1);view-transition-name:jts-bar;contain:layout style}
.jts-bar.is-hid{transform:translateY(-100%);box-shadow:none}
.jts-in{height:var(--jts-h);display:flex;align-items:center;gap:2px;padding:0 6px 0 4px;max-width:760px;margin:0 auto}
.jts-sp{height:calc(var(--jts-h) + env(safe-area-inset-top))}
#comiis_head.jts-shim{position:fixed;top:0;left:0;right:0;height:calc(var(--jts-h) + env(safe-area-inset-top));visibility:hidden;pointer-events:none;transform:none;transition:none;z-index:-1}
#comiis_head.jts-shim.comiis_head_hidden{transform:translateY(-100%)}
/* sticky bars of the pages (trip planner tabs, near-me bar, terms tabs) follow the bar */
body.jt-m .tv-tabs,body.jt-m .jt-tabs-bar,.nr-bar,.jt-doc-tabs{transition:top .28s cubic-bezier(.2,.8,.2,1)}
.jts-bar a{color:inherit;text-decoration:none}
.jts-btn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--jts-ink)!important;flex:none;-webkit-tap-highlight-color:transparent;transition:transform .15s,background-color .15s}
.jts-btn:active,.jts-x a:active{transform:scale(.9);background:rgba(100,116,139,.14)}
.jts-back .jts-i{width:24px;height:24px;stroke-width:2.2}
/* r39c: the JadTrip logo picture (the link text stays for screen readers and Google, not shown); dark mode: light letters */
.jts-logo{flex:none;display:block;width:86px;height:40px;margin:0 6px 0 10px;padding:0;background:url(/template/jadtrip/static/img/jt-logo.webp?v=1) no-repeat 0 50%/86px 28px;font-size:0;line-height:0;color:transparent!important;overflow:hidden}
.jts-logo b{font-size:0;color:transparent}
html[data-jt-theme=dark] .jts-logo{background-image:url(/template/jadtrip/static/img/jt-logo-d.webp?v=1)}
.jts-c{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;position:relative;height:100%}
.jts-t{margin:0;padding:0 4px 0 2px;font-size:17px!important;font-weight:700!important;line-height:1.25!important;color:var(--jts-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;display:block!important;height:auto!important}
.jts-t a{color:inherit!important}
.jts-t img{height:30px;width:auto;vertical-align:middle}
.jts-t .kmxiao{font-size:12px;margin-left:3px;opacity:.6}
.jts-bar .comiis_view_topuser{position:absolute;inset:0;display:none;align-items:center;justify-content:flex-start;gap:8px;background:none!important}
.jts-bar.is-avatar .comiis_view_topuser{display:flex}.jts-bar.is-avatar .jts-t{visibility:hidden}
/* while the author + follow show, search and bell step aside (comiis' bar had only ⋯ there) */
.jts-bar.is-avatar .jts-search,.jts-bar.is-avatar .jts-bell{display:none}
/* comiis' author + follow (post page, after the author line): one centred line, name first */
.jts-bar .comiis_view_topuser{gap:10px;padding:0 4px}
.jts-bar .comiis_view_topuser>a{float:none!important;margin:0!important}
.jts-bar .comiis_view_topuser .kmimg{order:1;display:flex;align-items:center;gap:7px;height:auto;line-height:1.2;padding:0;font-size:15px;font-weight:600;color:var(--jts-ink)!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jts-bar .comiis_view_topuser .kmimg em{float:none;margin:0;width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden;background:var(--jts-soft)!important}
.jts-bar .comiis_view_topuser .kmimg img{width:30px;height:30px;margin:0;display:block;object-fit:cover}
.jts-bar .comiis_view_topuser .followmod{order:2;display:inline-flex;align-items:center;height:30px;line-height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;flex:none}
.jts-bar .comiis_view_topuser .followmod i{float:none;margin:0 3px 0 0;line-height:1}
.jts-r{display:flex;align-items:center;flex:none}
.jts-x{display:flex;align-items:center}
.jts-x a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--jts-ink)!important}
.jts-x .comiis_font{font-size:21px;line-height:1}
.jts-x a.kmtxt{width:auto;padding:0 10px;border-radius:999px;font-size:14px}
/* the trip planner pages' own header buttons (m_top.htm styles them under #comiis_head) */
.jts-x svg{width:22px;height:22px;fill:currentColor}
.jts-x button{width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:none;display:grid;place-items:center;color:var(--jts-ink);font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer}
.jts-x button:active{transform:scale(.9);background:rgba(100,116,139,.14)}
.jts-x .jt-i,.jts-x .ja-i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jts-x .popup{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--jts-ink)}
.jts-x a.jt-hd-pill{width:auto;height:30px;padding:0 11px;margin:0 2px;border-radius:999px;background:var(--jts-teal);color:#fff!important;font-size:12px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center}
.jts-x a.jt-hd-pill.soft{background:rgba(13,148,136,.12);color:var(--jts-teal2)!important}
.jts-t .jt-hd-title,.jts-t .ja-hd-title{font:inherit;display:inline}
.jts-t>span,.jts-t>a{font:inherit}
.jts-bell i{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px var(--jts-card);display:none}
.jts-bell.is-on i{display:block}
.jts-me img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--jts-soft);box-shadow:0 0 0 1.5px var(--jts-card),0 0 0 3px rgba(13,148,136,.35)}
.jts-login{background:var(--jts-soft)}
.jts-login .jts-i{width:20px;height:20px}
html.jts-sheet-on,html.jts-sheet-on body{overflow:hidden}

/* menu sheet */
.jts-sheet{position:fixed;inset:0;z-index:100010;visibility:hidden;transition:visibility 0s .32s}
.jts-sheet[hidden]{display:none}
.jts-sheet.is-open{visibility:visible;transition:none}
.jts-sheet-bg{position:absolute;inset:0;background:rgba(15,23,42,.42);opacity:0;transition:opacity .25s}
.jts-sheet.is-open .jts-sheet-bg{opacity:1}
.jts-sheet-p{position:absolute;left:0;right:0;bottom:0;max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain;background:var(--jts-card);color:var(--jts-ink);border-radius:24px 24px 0 0;
 padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box;transform:translateY(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);max-width:640px;margin:0 auto;box-shadow:0 -8px 30px rgba(15,23,42,.18)}
.jts-sheet.is-open .jts-sheet-p{transform:none}
.jts-sheet-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--jts-line);margin:0 auto 6px}
.jts-sheet-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:var(--jts-soft);color:var(--jts-mut);display:grid;place-items:center;padding:0}
.jts-sheet-x .jts-i{width:18px;height:18px}
.jts-sheet a{color:inherit!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.jts-sheet-me{display:flex;align-items:center;gap:12px;padding:8px 44px 12px 2px}
.jts-sheet-me img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--jts-soft)}
.jts-sheet-me span{flex:1;min-width:0}
.jts-sheet-me b{display:block;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jts-sheet-me small{display:block;font-size:13px;color:var(--jts-mut);margin-top:1px}
.jts-sheet-me .jts-i,.jts-sheet-l a>.jts-i:last-child{width:18px;height:18px;color:var(--jts-mut)}
.jts-sheet-misign{margin:0 0 6px;position:static!important;height:auto!important;background:none!important}
.jts-sheet-in{padding:8px 44px 14px 2px}
.jts-sheet-in p{margin:0 0 10px;font-size:14px;color:var(--jts-mut);line-height:1.5}
.jts-sheet-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,var(--jts-teal2));color:#fff!important;font-weight:600;font-size:15px}
.jts-sheet-g{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 4px;margin:4px 0 10px;padding:12px 0;border-top:1px solid var(--jts-line);border-bottom:1px solid var(--jts-line)}
.jts-sheet-g a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0;border-radius:14px;font-size:12.5px;font-weight:500;text-align:center;transition:transform .15s}
.jts-sheet-g i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(13,148,136,.1);color:var(--jts-teal)}
html[data-jt-theme=dark] .jts-sheet-g i{background:rgba(45,212,191,.12);color:#5eead4}
.jts-sheet-g a:active,.jts-sheet-l a:active,.jts-sheet-l button:active{transform:scale(.96)}
.jts-sheet-l{list-style:none;margin:0;padding:0}
.jts-sheet-l a,.jts-sheet-l button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 4px;border:0;background:none;font:inherit;font-size:15px;color:inherit;text-align:left;border-radius:12px;transition:transform .15s}
.jts-sheet-l span{flex:1}
.jts-sheet-l .jts-i{color:var(--jts-mut)}
.jts-sw{position:relative;width:42px;height:26px;border-radius:999px;background:var(--jts-line);transition:background .2s;flex:none}
.jts-sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
[aria-pressed=true] .jts-sw{background:var(--jts-teal)}
[aria-pressed=true] .jts-sw:after{transform:translateX(16px)}
.jts-sheet-f{margin:10px 0 0;font-size:12.5px;color:var(--jts-mut);text-align:center}
.jts-sheet-f a{color:var(--jts-mut)!important;padding:6px}
.jts-sheet-f span{opacity:.6}

/* footer links (Google sees them on every page) */
.jts-hub{padding:22px 16px calc(26px + env(safe-area-inset-bottom));margin-top:8px;font-size:13px;line-height:1.6;color:var(--jts-mut);background:var(--jts-card);border-top:1px solid var(--jts-line)}
.jts-hub-in{max-width:760px;margin:0 auto}
.jts-hub-h{margin:14px 0 6px;font-size:12.5px;font-weight:600;color:var(--jts-ink);letter-spacing:.2px}
.jts-hub-h:first-child{margin-top:0}
.jts-hub ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.jts-hub ul a{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--jts-soft);color:var(--jts-ink)!important;text-decoration:none!important;font-size:13px}
.jts-hub-b{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--jts-line);text-align:center;font-size:12px}
.jts-hub-b a{color:var(--jts-mut)!important;text-decoration:none!important;padding:4px}
.jts-hub-b span{opacity:.6}
.jts-hub-c{margin:4px 0 0;text-align:center;font-size:12px}

@media (prefers-reduced-motion:reduce){.jts-bar,.jts-sheet-p,.jts-sheet-bg,.jts-sw,.jts-sw:after{transition:none}}
@media (min-width:768px){.jts-sheet-p{bottom:auto;top:50%;border-radius:24px;transform:translateY(-40%);opacity:0;transition:transform .25s,opacity .25s}.jts-sheet.is-open .jts-sheet-p{transform:translateY(-50%);opacity:1}}