/* Keep the excursion list light and readable on phones, even with old theme caches. */
@media (max-width: 600px) {
  :root,
  html,
  body {
    color-scheme: only light !important;
  }

  html,
  body {
    background: #eef7f8 !important;
    color: #17364a !important;
  }

  .popular-picks,
  .section {
    background: transparent !important;
  }

  .section h2,
  .popular-heading h2,
  .tour-card h3,
  .popular-info strong {
    color: #17364a !important;
  }

  .tour-card,
  .popular-card {
    background: #fff !important;
    color: #17364a !important;
    border: 1px solid #d5e5e8 !important;
    box-shadow: 0 8px 22px rgba(15, 57, 73, .09) !important;
  }

  .tour-card p,
  .price-row small,
  .popular-price small {
    color: #5d7480 !important;
  }

  .price-row {
    border-color: #dbe8ea !important;
  }

  .price-row strong,
  .popular-price {
    color: #08738a !important;
  }

  .tag {
    background: #e1f4f6 !important;
    color: #08738a !important;
  }

  .search,
  .filter:not(.active) {
    background: #fff !important;
    color: #17364a !important;
    border-color: #d5e5e8 !important;
  }

  .search input {
    color: #17364a !important;
  }

  .search input::placeholder {
    color: #718894 !important;
  }

  .choose,
  .primary,
  .send {
    background: #ed8d3d !important;
    color: #192d38 !important;
  }

  /* The hero still used a heavy blue overlay, so the first mobile screen
     stayed dark even though the sections below it were already light. */
  .hero {
    background-image: linear-gradient(
      135deg,
      rgba(7, 40, 56, .32) 0%,
      rgba(7, 40, 56, .14) 58%,
      rgba(7, 40, 56, .04) 100%
    ), url('red-sea.png') !important;
    background-position: 62% center !important;
  }

  .hero h1,
  .hero-copy p,
  .hero .eyebrow {
    text-shadow: 0 2px 10px rgba(4, 27, 39, .58) !important;
  }
}

/* One consistent light palette for phones and tablets, including booking. */
@media screen {
  html, body { color-scheme: only light !important; background: #f3fafb !important; color: #17364a !important; }
  .hero { background-image: linear-gradient(180deg, rgba(255,255,255,.12), rgba(235,249,250,.45)), url('red-sea.png') !important; }
  .hero nav { background: rgba(255,255,255,.95); }
  .brand { color: #17364a; }
  .language-picker select, .language-picker option, .ghost { background: #fff !important; color: #17364a !important; border-color: #bfdce1 !important; }
  .hero-copy { margin: 22px 16px 56px; padding: 26px 20px !important; background: rgba(255,255,255,.95); border-radius: 20px; box-shadow: 0 8px 24px rgba(15,57,73,.1); }
  .hero h1, .hero h1 em { color: #16475a !important; text-shadow: none !important; }
  .hero-copy p { color: #365765 !important; text-shadow: none !important; }
  .hero .eyebrow { color: #9b4a13 !important; text-shadow: none !important; }
  .section, .popular-picks { background: transparent !important; }
  .tour-card, .popular-card, .trust, .search, .filter:not(.active), .sheet { background: #fff !important; color: #17364a !important; border-color: #d5e5e8 !important; box-shadow: 0 8px 22px rgba(15,57,73,.09) !important; }
  .section h2, .popular-heading h2, .tour-card h3, .popular-info strong, .sheet h2, .close { color: #17364a !important; }
  .sheet .muted, .sheet small, .disclaimer, .cart-item small, .package-dates, .package-date-field small, .tour-card p, .price-row small, .popular-price small { color: #496573 !important; }
  .price-row strong, .popular-price, .popular-heading a { color: #086579 !important; }
  .popular-choose { color: #954810 !important; }
  .tag, .filter.active, .calc { background: #def3f5 !important; color: #16475a !important; border-color: #99d4df !important; }
  .overlay { background: rgba(36,70,82,.25); backdrop-filter: blur(3px); }
  .note, .autumn-notice, .autumn-deadline { background: #fff3df !important; color: #66401d !important; border-color: #efd4ab !important; box-shadow: none !important; }
  .autumn-notice span { color: #66401d !important; }
  .package-includes, .tour-details, .area-picker { background: #eff9fa !important; color: #17364a !important; border-color: #bedfe5 !important; }
  .tour-details h3, .tour-details p, .tour-details li, .field label, .area-picker small { color: #24495b !important; }
  .field input, .field select, .field textarea, .date-picker { background: #fff !important; color: #17364a !important; border-color: #a9cbd3 !important; }
  .choose, .primary, .send, .cart-fab { background: #f5ac65 !important; color: #342414 !important; box-shadow: 0 4px 12px rgba(154,88,30,.12) !important; }
  .email { background: #d9f0f4 !important; color: #16475a !important; }
  .remove, .error { color: #b33524 !important; }
  .cart-item, .price-row { border-color: #d5e5e8 !important; }
  footer { background: #e2f2f5 !important; color: #17364a !important; border-color: #c9e1e5 !important; }
  footer strong, footer span { color: #365765 !important; }
}