/* GoAtlas client account · "Your Next Trip" design (loaded after the page's own styles) */
body.ga-acct-trip{ --midnight:#14181F; --midnight-deep:#07101E; --ocean:#2F5D8A; --emerald:#1F8F5F; --bg:#F6F3EE; --border:#E4E1DA; --text:#14181F; --text-mut:#6A7280; --card-bg:#FFFFFF; background:#FFFFFF !important; }
body.ga-acct-trip header{ background:#07101E !important; }
body.ga-acct-trip .head-avatar, body.ga-acct-trip .side-avatar{ background:#14181F !important; color:#E9CE7A !important; }

.ga-trip-hero{ position:relative; min-height:440px; display:flex; align-items:flex-end; overflow:hidden; background:#07101E; color:#fff; }
.ga-trip-bg{ position:absolute; inset:0; } .ga-trip-bg img{ width:100%; height:100%; object-fit:cover; display:block; }
.ga-trip-shade{ position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,16,30,.84) 0%,rgba(7,16,30,.45) 55%,rgba(7,16,30,.12) 100%); }
.ga-trip-in{ position:relative; z-index:1; width:100%; max-width:1180px; margin:0 auto; padding:72px max(24px, env(safe-area-inset-right,0px)) 56px max(24px, env(safe-area-inset-left,0px)); display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }
.ga-trip-in > div:first-child{ max-width:640px; min-width:0; }
.ga-trip-k{ font-size:.66rem; letter-spacing:.3em; text-transform:uppercase; font-weight:700; color:#E9CE7A; }
.ga-trip-in h1{ font-family:'Playfair Display',serif; font-weight:400; font-size:clamp(2.6rem,6vw,4.6rem); line-height:1; letter-spacing:-.01em; margin:12px 0 0; color:#fff; overflow-wrap:anywhere; }
.ga-trip-in p{ color:rgba(255,255,255,.85); margin:14px 0 0; font-size:1rem; line-height:1.7; }
.ga-trip-acts{ display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.ga-trip-btn{ display:inline-flex; align-items:center; background:#D4AF37; color:#07101E; border:0; padding:15px 22px; font-family:'Plus Jakarta Sans',sans-serif; font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; cursor:pointer; text-decoration:none; transition:background .25s, color .25s; }
.ga-trip-btn:hover{ background:#fff; color:#07101E; }
.ga-trip-btn.line{ background:transparent; color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.7); } .ga-trip-btn.line:hover{ background:#fff; color:#07101E; }
.ga-trip-btn:focus-visible{ outline:2px solid #E9CE7A; outline-offset:3px; }
.ga-trip-count{ text-align:right; flex:none; }
.ga-trip-count b{ display:block; font-family:'Playfair Display',serif; font-weight:400; font-size:clamp(4rem,9vw,6.6rem); line-height:.9; font-variant-numeric:tabular-nums; }
.ga-trip-count span{ font-size:.66rem; letter-spacing:.26em; text-transform:uppercase; color:#E9CE7A; font-weight:700; }

.ga-ledger-wrap{ max-width:1180px; margin:0 auto; padding:34px max(24px, env(safe-area-inset-right,0px)) 0 max(24px, env(safe-area-inset-left,0px)); }
.ga-ledger{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1.5px solid #14181F; border-bottom:1px solid #E4E1DA; }
.ga-ledger div{ padding:16px 16px 14px 0; border-right:1px solid #E4E1DA; } .ga-ledger div + div{ padding-left:16px; } .ga-ledger div:last-child{ border-right:0; }
.ga-ledger span{ font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:#6A7280; font-weight:700; }
.ga-ledger b{ display:block; font-family:'Playfair Display',serif; font-weight:400; font-size:2.1rem; line-height:1.15; font-variant-numeric:tabular-nums; }

/* Side menu becomes tabs across the page */
body.ga-acct-trip .account-layout{ display:block !important; padding-top:22px !important; }
body.ga-acct-trip .side-nav{ position:sticky !important; top:env(safe-area-inset-top,0px); z-index:30; display:flex; gap:2px; overflow-x:auto; background:#fff !important; border:0 !important; border-bottom:1px solid #E4E1DA !important; border-radius:0 !important; padding:0 !important; margin-bottom:34px; scrollbar-width:none; }
body.ga-acct-trip .side-nav::-webkit-scrollbar{ display:none; }
body.ga-acct-trip .side-profile{ display:none !important; }
body.ga-acct-trip .side-nav button{ width:auto !important; flex:none; border-radius:0 !important; padding:18px 14px 16px !important; font-size:.84rem !important; color:#6A7280 !important; background:none !important; white-space:nowrap; margin:0 !important; }
body.ga-acct-trip .side-nav button:hover{ color:#14181F !important; }
body.ga-acct-trip .side-nav button.active{ color:#14181F !important; font-weight:600 !important; box-shadow:inset 0 -2px 0 #D4AF37; }
body.ga-acct-trip .side-nav button:focus-visible{ outline:2px solid #9C7A22; outline-offset:-2px; }

/* Panels in the new style */
body.ga-acct-trip .panel-head h2{ font-family:'Playfair Display',serif; font-weight:400 !important; font-size:clamp(1.8rem,3vw,2.3rem) !important; }
body.ga-acct-trip .panel-head .eyebrow{ color:#9C7A22 !important; }
body.ga-acct-trip .card, body.ga-acct-trip .item-card{ border-radius:0 !important; border-color:#E4E1DA !important; box-shadow:none !important; }
body.ga-acct-trip .item-card:hover{ transform:none !important; border-color:#14181F !important; }
body.ga-acct-trip .item-photo{ height:170px !important; }
body.ga-acct-trip .item-body h4{ font-family:'Playfair Display',serif; font-weight:400 !important; font-size:1.2rem !important; }
body.ga-acct-trip .home-summary-grid .item-card{ border:0 !important; border-top:1.5px solid #14181F !important; padding:14px 0 !important; background:none !important; }
body.ga-acct-trip .home-summary-grid .item-card h4{ font-family:'Playfair Display',serif; font-weight:400; font-size:1.15rem; margin-top:6px; }
body.ga-acct-trip .item-remove{ border-radius:0 !important; background:rgba(7,16,30,.7) !important; }
body.ga-acct-trip .btn-primary{ background:#14181F !important; color:#fff !important; border-radius:0 !important; letter-spacing:.14em; text-transform:uppercase; font-size:.72rem !important; }
body.ga-acct-trip .btn-primary:hover{ background:#D4AF37 !important; color:#07101E !important; }
body.ga-acct-trip .btn-ghost{ border-radius:0 !important; border:1px solid #14181F !important; color:#14181F !important; letter-spacing:.14em; text-transform:uppercase; font-size:.72rem !important; }
body.ga-acct-trip .field input, body.ga-acct-trip .field select, body.ga-acct-trip .field textarea{ border-radius:0 !important; background:#fff !important; }
body.ga-acct-trip .points-stats-row{ border-radius:0 !important; }
body.ga-acct-trip .slider{ border-radius:24px; }

@media(max-width:760px){
  .ga-trip-hero{ min-height:380px; } .ga-trip-shade{ background:rgba(7,16,30,.66); }
  .ga-trip-in{ flex-direction:column; align-items:flex-start; padding-top:56px; padding-bottom:40px; }
  .ga-trip-count{ text-align:left; }
  .ga-ledger{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ga-ledger div:nth-child(2){ border-right:0; } .ga-ledger div:nth-child(3){ padding-left:0; }
  .ga-ledger div:nth-child(-n+2){ border-bottom:1px solid #E4E1DA; }
}
@media(prefers-reduced-motion:reduce){ .ga-trip-btn{ transition:none; } }
body.ga-acct-trip .account-layout{ padding-left:max(24px, env(safe-area-inset-left,0px)) !important; padding-right:max(24px, env(safe-area-inset-right,0px)) !important; }
.ga-ledger-wrap{ max-width:var(--ga-acct-w,1180px); }
@media(max-width:600px){ body.ga-acct-trip .account-layout{ padding-left:max(16px, env(safe-area-inset-left,0px)) !important; padding-right:max(16px, env(safe-area-inset-right,0px)) !important; } .ga-ledger-wrap{ padding-left:max(16px, env(safe-area-inset-left,0px)); padding-right:max(16px, env(safe-area-inset-right,0px)); } }
button, input, select, textarea{ font-family:inherit; }
