/* =============================================================
   gojaza (Jaza) brand theme — blue #0c66a2 + green #2ea44f
   -------------------------------------------------------------
   SCOPED OVERRIDE. Loaded AFTER base CSS, ONLY when
   Branding:Theme == "gozaza". Other client builds never load it.

   Re-points every brand CSS custom property across ALL three of
   the app's palettes (--blue/--orange, --rw-navy/--rw-saffron,
   --navy). Uses !important on the variable declarations so the
   gojaza palette wins even on pages (flight search/results,
   login, etc.) that re-declare their own :root later in the
   cascade — guaranteeing ONE consistent theme app-wide.
   ============================================================= */

:root {
    /* ── Shell / results / account (site.css --blue/--orange) ── */
    --blue: #0c66a2 !important;
    --blue-dk: #094e7a !important;
    --blue-lt: #1284c9 !important;
    --blue-bg: #e7f1f7 !important;
    --blue-glow: rgba(12,102,162,.15) !important;
    --blue-rgb: 12,102,162 !important;
    --orange: #2ea44f !important;           /* accent role → gojaza green */
    --orange-dk: #24803e !important;
    --orange-lt: #3cb85f !important;
    --orange-bg: #eafaf0 !important;
    --orange-glow: rgba(46,164,79,.12) !important;
    --orange-rgb: 46,164,79 !important;
    --accent: #0c66a2 !important;
    --accent2: #094e7a !important;
    --gold: #3cb85f !important;

    /* ── Dashboard (Index_Dashboard.css --rw-navy / --rw-saffron) ── */
    --rw-navy-100: #e7f1f7 !important;
    --rw-navy-200: #bcdcef !important;
    --rw-navy-400: #1284c9 !important;
    --rw-navy-600: #0c66a2 !important;      /* gojaza primary */
    --rw-navy-800: #094e7a !important;
    --rw-navy-900: #063a5c !important;
    --rw-saffron: #2ea44f !important;       /* accent → gojaza green */
    --rw-saffron-bg: rgba(46,164,79,.10) !important;

    /* ── Public / flight-search / results (RWT_NewTheme + Search.css --navy) ── */
    --navy-100: #e7f1f7 !important;
    --navy-200: #bcdcef !important;
    --navy-400: #1284c9 !important;
    --navy-600: #0c66a2 !important;         /* gojaza primary */
    --navy-800: #094e7a !important;
    --navy-900: #063a5c !important;
}

/* Component-level re-tints for a few spots that hardcode the old blue glow. */
.sb-icon { box-shadow: 0 4px 12px rgba(12,102,162,.3); }
.tb-brand-icon { background: linear-gradient(135deg,#0c66a2,#094e7a); }

/* =============================================================
   MOBILE = NATIVE-APP FEEL (gozaza only, shared by both layouts)
   Bottom tab bar + sticky compact header + decluttered chrome so
   phones read as an app, not a shrunk website. Desktop untouched.
   ============================================================= */
.jz-tabbar{ display:none; }   /* desktop: hidden */

@media (max-width:920px){
  /* ---- bottom tab bar ---- */
  .jz-tabbar{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:130;
    background:#ffffff; border-top:1px solid #e4ebf3;
    box-shadow:0 -6px 20px rgba(6,58,92,.10);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
  }
  .jz-tab{
    flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:3px;
    padding:5px 0; text-decoration:none; color:#8194a8;
    font-size:9.5px; font-weight:600; letter-spacing:-.1px;
    -webkit-tap-highlight-color:transparent;
  }
  .jz-tab span{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .jz-tab svg{ width:20px; height:20px; }
  .jz-tab--active{ color:#0c66a2; }
  .jz-tab--active svg{ stroke:#0c66a2; }
  .jz-tab:active{ transform:scale(.94); }
  /* when the sidebar drawer is open, hide the tab bar so it doesn't float
     on top of the drawer (they were fighting for the bottom of the screen). */
  body.sidebar-open .jz-tabbar{ display:none !important; }
  /* keep page content clear of the fixed bar */
  body.dash-shell .dash-main{ padding-bottom:78px !important; }
  .bk-main{ padding-bottom:78px !important; }

  /* ---- sticky compact headers (app chrome) ---- */
  .bk-header{ position:sticky; top:0; z-index:100; }
  .dash-topbar{ position:sticky; top:0; z-index:90; }

  /* ---- declutter: the bottom bar now owns primary nav ---- */
  .bk-nav{ display:none !important; }        /* top nav → bottom tabs */
  .bk-footer{ display:none !important; }      /* heavy dark footer is website-y */
  /* wallet/credit/due chips: keep just the wallet in the header, rest on cards */
  #bkHdrCredit, #bkHdrDue{ display:none !important; }
  .tb-pulse{ display:none !important; }

  /* ---- native-app polish (mobile only) ---- */
  html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }   /* stop iOS auto text inflation */
  body{ overscroll-behavior-y:contain; }                          /* no rubber-band scroll-chaining */
  a, button, .jz-tab, .flt-card, .fare-card, .dash-action, .dash-booking-row, .pay-method, .ua-chip{
    -webkit-tap-highlight-color:transparent;                      /* kill the grey tap flash */
  }
  /* installed-app (standalone) niceties: no text selection on chrome, smoother scroll */
  @media (display-mode:standalone){
    .bk-header, .dash-topbar, .jz-tabbar{ user-select:none; -webkit-user-select:none; }
    html{ scroll-behavior:smooth; }
  }
}