/*
 * TripObook home page redesign (2026-10-28).
 * Loaded on the front page only, after redesign-site.css (see functions.php: tb_redesign_home_styles).
 * Shared header, button and card styles live in redesign-site.css.
 */
body.home {
  --tb-blue: #246bce;
  --tb-blue-dark: #1a4f9c;
  --tb-blue-soft: #eaf2fd;
  --tb-orange: #f28c38;
  --tb-ink: #14213d;
  --tb-muted: #5b6478;
  --tb-line: #e4e8f0;
  --tb-radius: 16px;
  --tb-shadow: 0 10px 30px rgba(20, 33, 61, .08);
  --tb-display: "Plus Jakarta Sans", "Circular Std", system-ui, sans-serif;
  --tb-navy: #0b1b3f;
  color: var(--tb-ink);
}

/* ---------- Headings ---------- */
body.home .common-heading h2,
body.home .booktravel-heading h3,
body.home .reviews-featured-info h3,
body.home .homefaq h3 {
  font-family: var(--tb-display);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--tb-ink);
}
body.home .common-heading h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.15; }
body.home .common-heading p { color: var(--tb-muted); }

/* ---------- Hero ---------- */
body.home .home-banner-section { position: relative; }
body.home .home-banner-section::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(90deg, rgba(10, 20, 40, .55) 0%, rgba(10, 20, 40, .15) 60%, rgba(10, 20, 40, 0) 100%);
}
body.home .home-banner-section .banner-caption { z-index: 2; }
body.home .banner-caption h1 {
  font-family: var(--tb-display);
  font-weight: 800;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
  letter-spacing: -.025em;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .25);
}
body.home .banner-caption p { font-size: 20px; opacity: .95; }

/* ---------- Two deal buttons under the hero ---------- */
body.home .collection-deals-section .cta-btn {
  border-radius: 999px;
  box-shadow: var(--tb-shadow);
  transition: transform .2s, background-color .2s;
}
body.home .collection-deals-section .cta-btn:hover { transform: translateY(-2px); background-color: var(--tb-blue-dark); }

body.home .owl-stage-outer { padding-top: 6px; padding-bottom: 12px; }

/* ---------- Pick / Pay / Plan ---------- */
body.home .book-travel-section .booktravel-row {
  background: var(--tb-blue-soft);
  border-radius: 24px;
}
body.home .book-travel-section .booktravel-heading h3 { color: var(--tb-ink); font-size: 26px; line-height: 1.2; }
body.home .book-travel-section .booktravel-col {
  background: #fff;
  border-radius: var(--tb-radius);
  box-shadow: none;
  border: 1px solid var(--tb-line);
}
body.home .book-travel-section .booktravel-content h3 { color: var(--tb-blue); font-weight: 700; }
body.home .book-travel-section .booktravel-content p { color: var(--tb-muted); }

/* ---------- Destinations ---------- */
body.home .tour-destinations-col figure { position: relative; border-radius: var(--tb-radius); overflow: hidden; }
body.home .tour-destinations-col figure img { border-radius: 0; transition: transform .4s; }
body.home .tour-destinations-col:hover figure img { transform: scale(1.05); }
body.home .tour-destinations-col figure::after {
  content: ""; position: absolute; inset: 50% 0 0 0; pointer-events: none;
  background: linear-gradient(transparent, rgba(0, 0, 0, .55));
}

/* ---------- Other image cards ---------- */
body.home .morelike-reserarch-col,
body.home .cta-col { border-radius: var(--tb-radius); overflow: hidden; }

/* ---------- Reviews strip ---------- */
body.home .reviews-featured-info .cta-btn { border-radius: 999px; }

/* ---------- Phones ---------- */
@media (max-width: 767px) {
  body.home .banner-caption p { font-size: 16px; }
  body.home .home-banner-section::after { background: linear-gradient(180deg, rgba(10, 20, 40, .1) 0%, rgba(10, 20, 40, .55) 100%); border-radius: inherit; }
}