/* GoodEasy Website v1.0.36 - unified card design system */
:root{
  --ge-card-bg:#f3f1eb;
  --ge-card-bg-hover:#efede6;
  --ge-card-border:#dbe2e8;
  --ge-card-shadow:0 14px 34px rgba(15,29,61,.075);
  --ge-card-radius:24px;
  --ge-card-text:#52657d;
}

/* Main GoodEasy cards / boxes */
.card,
.thanks-card,
.not-endorsement,
.comments-box,
.x-feature,
.x-visual-card,
.sticker-feature,
.sticker-card,
.value,
.official-link-card,
body[data-page="taxi"] .feature,
body[data-page="taxi"] .step,
body[data-page="taxi"] .info-card{
  background:var(--ge-card-bg) !important;
  border-color:var(--ge-card-border) !important;
  border-radius:var(--ge-card-radius) !important;
  box-shadow:var(--ge-card-shadow) !important;
}

/* Special Thanks is the reference card family. */
.thanks-card:hover{
  background:var(--ge-card-bg-hover) !important;
  border-color:rgba(42,167,167,.35) !important;
  box-shadow:0 18px 42px rgba(15,29,61,.095) !important;
}

/* Keep card body copy comfortably readable against the warmer surface. */
.card p,
.thanks-card p,
.not-endorsement p,
.comments-box p,
.x-feature-copy .x-desc,
.sticker-feature p,
.sticker-card p,
.value p,
.official-link-card p,
body[data-page="taxi"] .feature p,
body[data-page="taxi"] .step p,
body[data-page="taxi"] .info-card p{
  color:var(--ge-card-text);
}

/* X visual remains one integrated visual while using the common surface. */
.x-feature,
.x-visual-card{
  background:var(--ge-card-bg) !important;
}

/* Keep intentionally-dark cards / callouts dark. */
.dark .card{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
.support-card{
  background:linear-gradient(135deg,#0f1d3d 0%,#163261 100%) !important;
  color:#fff !important;
}

/* Keep semantic warning / display / CTA surfaces unchanged. */
.notice{background:#fff9e8 !important;}
body[data-page="taxi"] .display-card{background:#071321 !important;}

/* TaxiCatcher detail page Hero H1 fix. */
body[data-page="taxi"] .hero h1{
  color:#fff !important;
}
body[data-page="taxi"] .hero h1 span{
  color:var(--yellow) !important;
}

@media(max-width:560px){
  .card,
  .thanks-card,
  .not-endorsement,
  .comments-box,
  .x-feature,
  .x-visual-card,
  .sticker-feature,
  .sticker-card,
  .value,
  .official-link-card,
  body[data-page="taxi"] .feature,
  body[data-page="taxi"] .step,
  body[data-page="taxi"] .info-card{
    border-radius:20px !important;
  }
}