/* TravelTrip.world shared design system: header, footer, base. Loaded last on every page. */
:root{--tt-bg:#050816;--tt-card:#0F172A;--tt-line:rgba(255,255,255,.09);--tt-gold:#D4AF37;--tt-gold2:#F5D061;--tt-teal:#2DD4BF;--tt-muted:#94A3B8;--tt-text:#F8FAFC;--tt-soft:#CBD5E1;--tt-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html body{font-family:var(--tt-font)!important;background:var(--tt-bg)!important;color:var(--tt-text)}
body h1,body h2,body h3,body h4,body .font-display,body .font-serif,body [class*="brand-title"]{font-family:var(--tt-font)!important;letter-spacing:-.015em}
.tts-h{position:sticky;top:0;z-index:50;background:rgba(5,8,22,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--tt-line);font-family:var(--tt-font)}
.tts-h *,.tts-f *{box-sizing:border-box}
.tts-w{max-width:1160px;margin:0 auto;padding:0 20px}
.tts-row{display:flex;align-items:center;justify-content:space-between;gap:14px;height:64px}
.tts-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--tt-text)!important;font-weight:800;font-size:17px;white-space:nowrap}
.tts-brand img{width:34px;height:34px;border-radius:10px;display:block}.tts-brand b{color:var(--tt-gold2)}
.tts-nav{display:flex;align-items:center;gap:2px;margin:0;padding:0}
.tts-nav a{text-decoration:none!important;color:var(--tt-soft)!important;font-weight:600;font-size:14px;padding:8px 10px;border-radius:10px;white-space:nowrap}
.tts-nav a:hover,.tts-nav a.on{color:#fff!important;background:rgba(255,255,255,.06)}
.tts-nav a.fl{color:var(--tt-teal)!important}
.tts-act{display:flex;align-items:center;gap:8px}
.tts-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:12px;font:800 13.5px/1 var(--tt-font);text-decoration:none!important;white-space:nowrap;border:0;cursor:pointer}
.tts-btn.g{background:linear-gradient(135deg,var(--tt-gold2),var(--tt-gold));color:#111!important}
.tts-btn.o{border:1px solid var(--tt-line);color:var(--tt-soft)!important;background:rgba(255,255,255,.03)}
.tts-slot{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tt-soft)}
.tts-slot:empty{display:none}
.tts-sub{display:none;gap:6px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}
.tts-sub::-webkit-scrollbar{display:none}
.tts-sub a{flex:0 0 auto;text-decoration:none!important;color:var(--tt-soft)!important;font:700 13px var(--tt-font);padding:7px 12px;border-radius:999px;border:1px solid var(--tt-line);background:rgba(255,255,255,.03)}
.tts-sub a.fl{color:var(--tt-teal)!important;border-color:rgba(45,212,191,.4)}
@media (max-width:1020px){.tts-nav a.opt{display:none}}
@media (max-width:760px){.tts-nav{display:none}.tts-sub{display:flex}.tts-act .o{display:none}.tts-row{height:58px}.tts-brand{font-size:16px}}
.tts-f{border-top:1px solid var(--tt-line);margin-top:40px;padding:30px 0 90px;color:var(--tt-muted);font:14px/1.5 var(--tt-font);background:var(--tt-bg)}
.tts-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.tts-f h4{color:var(--tt-text);margin:0 0 8px;font-size:14px}
.tts-f a{display:block;text-decoration:none!important;color:var(--tt-muted)!important;padding:3px 0}.tts-f a:hover{color:#fff!important}
.tts-f p{margin:0}
.tts-f .tts-brand{padding:0;margin-bottom:8px}
.tts-h a:focus-visible,.tts-f a:focus-visible,.tts-sub a:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* Re-theme legacy stylesheets (site.css, traveltrip.css) to the dark brand palette */
:root{
 --bg-main:#050816;--bg-section:#0B1226;--bg-card:#0F172A;--bg-elevated:#111B33;--bg-hero:linear-gradient(135deg,#0B1226 0%,#0F1E3D 100%);
 --text-main:#F8FAFC;--text-card:#E2E8F0;--text-muted:#94A3B8;--text-muted-light:#7E8799;
 --primary:#D4AF37;--primary-hover:#F5D061;--primary-light:rgba(212,175,55,.12);--primary-dark:#0B1226;
 --accent-gold:#F5D061;--accent-gold-hover:#D4AF37;--success:#2DD4BF;
 --border:rgba(255,255,255,.1);--border-light:rgba(255,255,255,.07);--border-dark:rgba(255,255,255,.12);
 --shadow-card:0 4px 16px rgba(0,0,0,.25);--shadow-hover:0 12px 28px rgba(0,0,0,.35);--shadow-btn:0 4px 14px rgba(212,175,55,.25);
 --tt-primary:#D4AF37;--tt-primary-hover:#F5D061;--tt-primary-active:#B8952B;--tt-primary-light:rgba(212,175,55,.25);--tt-primary-extra-light:rgba(212,175,55,.08);--tt-primary-medium:#F5D061;
 --tt-black:#F8FAFC;--tt-pitch-black:#FFFFFF;--tt-dark-gray:#CBD5E1;--tt-gray:#94A3B8;--tt-light-gray:#7E8799;
 --tt-border:rgba(255,255,255,.1);--tt-border-light:rgba(255,255,255,.06);--tt-bg-secondary:#0B1226;--tt-bg-tertiary:#111B33;--tt-white:#0F172A;
 --tt-green:#2DD4BF;--tt-green-hover:#14B8A6;--tt-green-bg:rgba(45,212,191,.1);--tt-warning-bg:rgba(245,158,11,.12);
 --font-primary:var(--tt-font);--font-heading:var(--tt-font)}
.site-watermark-bg{display:none!important}
.tt-hero,.tt-pastel-section,.tt-setup-section,.tt-section,.tt-section-alt,.tt-pastel-pink{background:transparent!important}
.tt-navbar,.tt-top-bar{display:none!important}
.tt-setup-step-card,.tt-setup-tab-btn,.tt-plan-card,.tt-plan-card.featured,.device-card,.tt-tab-btn,.tt-pastel-tag,.tt-search-box{background:#0F172A!important;border-color:rgba(255,255,255,.1)!important;color:#E2E8F0}
.tt-tab-btn.active,.tt-setup-tab-btn.active{background:rgba(212,175,55,.15)!important;color:#F5D061!important}
.title-gradient{background:none!important;-webkit-text-fill-color:#F5D061!important;color:#F5D061!important}
.tt-hero-title,.tt-setup-step-title,h1,h2,h3{color:#F8FAFC}
.tt-hero-subhead,.tt-setup-step-desc{color:#CBD5E1!important}
.tt-search-input{background:transparent!important;color:#fff!important}
.tt-floating-actions,.tt-btn-float-wa{display:none!important}
.tts-h nav.tts-sub{width:auto!important;max-width:100%!important;margin:0!important;position:static!important}.tts-h nav.tts-nav{margin:0!important;width:auto!important}
header.tts-h{display:block!important;padding:0!important;max-width:none!important;margin:0!important;width:auto!important;height:auto!important}.tts-h nav a{margin:0!important}footer.tts-f{display:block!important;max-width:none!important;text-align:left!important}
@media (max-width:760px){.tts-slot:not(:empty)~.tts-btn.g{display:none}.tts-slot{max-width:55vw;overflow:hidden}}