/* Visual-only dual-brand treatment: Virgin red on the left, Priority Pass gold on the right. */
:root {
  --priority-pass-gold: #c49a45;
  --priority-pass-deep: #6f4d1f;
  --priority-pass-cream: #f7eedc;
}

body {
  background:
    radial-gradient(circle at 7% -4%, rgba(255, 40, 102, 0.44), transparent 34rem),
    radial-gradient(circle at 93% -4%, rgba(210, 167, 82, 0.34), transparent 34rem),
    linear-gradient(90deg, #31000f 0%, #8b0a36 21%, #1d0912 43%, #0c0d11 49%, #11100c 51%, #4e381b 76%, #a88340 100%);
  background-attachment: fixed;
}

body::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.055), transparent 24%, transparent 76%, rgba(255,248,225,0.07)),
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.045) 40%, transparent 49%),
    radial-gradient(circle at 50% 110%, rgba(255,255,255,0.07), transparent 32rem);
  opacity: 0.9;
}

.tabs {
  border-left-color: rgba(255, 70, 122, 0.36);
  border-right-color: rgba(220, 181, 102, 0.38);
  background:
    linear-gradient(90deg, rgba(105, 0, 34, 0.46), transparent 34%, transparent 66%, rgba(105, 75, 28, 0.38)),
    rgba(7, 8, 13, 0.82);
  box-shadow:
    -10px 0 28px rgba(225, 10, 70, 0.12),
    10px 0 28px rgba(196, 154, 69, 0.1),
    0 20px 45px rgba(0,0,0,0.22);
}

.status-card,
.dashboard-card,
.filters,
.section-card {
  border-left-color: rgba(225, 10, 70, 0.28);
  border-right-color: rgba(196, 154, 69, 0.32);
  box-shadow:
    -12px 0 38px rgba(225, 10, 70, 0.055),
    12px 0 38px rgba(196, 154, 69, 0.05),
    var(--shadow);
}

.section-card__header {
  background:
    linear-gradient(90deg, rgba(225,10,70,0.1), rgba(255,255,255,0.74) 48%, rgba(196,154,69,0.11)),
    rgba(255,255,255,0.72);
}

.flight-card {
  background:
    linear-gradient(135deg, rgba(225,10,70,0.075), transparent 34%),
    linear-gradient(225deg, rgba(196,154,69,0.07), transparent 36%),
    linear-gradient(180deg, #fff, #fbfcff);
}

.flight-card--access {
  border-right: 4px solid rgba(196, 154, 69, 0.78);
  background:
    linear-gradient(135deg, rgba(225,10,70,0.065), transparent 30%),
    linear-gradient(225deg, rgba(196,154,69,0.16), transparent 42%),
    linear-gradient(180deg, #fffdf8, #fffaf0);
}

.flight-card--access .flight-card__top em {
  color: #fff;
  background: linear-gradient(135deg, var(--priority-pass-deep), var(--priority-pass-gold));
  box-shadow: 0 8px 20px rgba(111, 77, 31, 0.2);
}

.flight-card--access .flight-countdown {
  background: linear-gradient(135deg, #19150f, #5e431f 68%, #a37c37);
  box-shadow: inset 0 0 0 1px rgba(255, 237, 193, 0.12);
}

.flight-card--access .warning-note {
  border: 1px solid rgba(196, 154, 69, 0.2);
  color: #5d431d;
  background: var(--priority-pass-cream);
}

@media (max-width: 760px) {
  body {
    background:
      linear-gradient(90deg, #8f0a38 0 8px, #0b0c10 8px calc(100% - 8px), #9a7738 calc(100% - 8px) 100%),
      linear-gradient(90deg, #5a001d, #0b0c10 46%, #0b0c10 54%, #6f5226);
    background-attachment: fixed;
  }

  .tabs {
    background:
      linear-gradient(90deg, rgba(116, 0, 37, 0.52), transparent 38%, transparent 62%, rgba(102, 72, 26, 0.44)),
      rgba(7, 8, 13, 0.88);
  }
}