/*
 * TripObook site-wide modern look (2026-10-28): deals bar, header, headings, buttons, tour cards.
 * Loaded on every page after all other theme styles (see functions.php: tb_redesign_home_styles).
 * Home-only sections live in redesign-home.css.
 */
:root {
  --tb-blue: #246bce;
  --tb-blue-dark: #1a4f9c;
  --tb-blue-soft: #eaf2fd;
  --tb-orange: #f28c38;
  --tb-navy: #0b1b3f;
  --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;
}

/* ---------- Deals bar + header ---------- */
.top-vertical-slider { background: var(--tb-navy); color: #fff; }
.top-vertical-slider p { color: #fff; font-weight: 400; letter-spacing: .01em; }
.top-vertical-slider strong { color: #ffb37a; font-weight: 700; }
.header-main { border-bottom: 1px solid var(--tb-line); }
@media (min-width: 1024px) {
  /* header.css sets .nav-manu ul li a to uppercase; these selectors outrank it */
  .main-nav .nav-manu ul li a, .main-nav li > a { text-transform: none; font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--tb-ink); }
  .main-nav .nav-manu ul li a:hover, .main-nav li > a:hover { color: var(--tb-blue); }
  .whatsapp-number a {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--tb-blue); color: #fff; font-weight: 700; font-size: 17px;
    padding: 10px 20px; border-radius: 999px; transition: background-color .2s;
  }
  .whatsapp-number a:hover { background: var(--tb-blue-dark); color: #fff; }
  .whatsapp-number a img { filter: brightness(0) invert(1); height: 18px; width: auto; }
}

/* ---------- Headings ---------- */
h1, h2:not(.accordion-header) {
  font-family: var(--tb-display);
  letter-spacing: -.02em;
}
h1 { font-weight: 800; }
h2:not(.accordion-header) { font-weight: 700; }
.common-heading h2 { font-weight: 800; color: var(--tb-ink); }

/* ---------- Buttons ---------- */
.btn,
.cta-btn,
.wpcf7-submit {
  border-radius: 999px !important;
  font-weight: 700;
  transition: background-color .2s, transform .2s;
}
.btn:hover,
.cta-btn:hover,
.wpcf7-submit:hover { transform: translateY(-1px); }

/* ---------- Tour cards (home, country, destination and blog pages) ---------- */
.grouptravel-packages-col {
  border: 1px solid var(--tb-line);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(20, 33, 61, .06);
  transition: transform .2s, box-shadow .2s;
}
.grouptravel-packages-col:hover { transform: translateY(-4px); box-shadow: var(--tb-shadow); }
.grouptravel-packages-col figure { border-radius: 0; margin-bottom: 0; }
.grouptravel-packages-col figure img { border-radius: 0; }
.grouptravel-packages-col .best-seller-ribbon { border-radius: 999px; font-weight: 700; }
.grouptravel-packages-col h3,
.grouptravel-packages-col h3 a { color: var(--tb-ink); line-height: 1.3; }
.grouptravel-packages-col .daynight-col p { color: var(--tb-muted); }
.grouptravel-packages-col .saveusd-info p {
  background: var(--tb-orange); color: #fff; border-radius: 999px; font-weight: 700;
}
.grouptravel-packages-col .price-perperson > strong { color: var(--tb-ink); }
/* .btn-details is absolutely positioned at the bottom of the card by the theme */
.grouptravel-packages-col .btn-details { padding: 0 16px; }
.grouptravel-packages-col .btn-details a {
  flex: 1; display: block; text-align: center; text-decoration: none;
  background: var(--tb-blue); color: #fff; font-weight: 700; line-height: 1.2;
  border-radius: 999px; padding: 9px 18px;
  transition: background-color .2s;
}
.grouptravel-packages-col .btn-details a:hover { background: var(--tb-blue-dark); color: #fff; }