/* OnlTrip Theme - Base (tokens, reset, global) */

/* Brand tokens */
:root{
  --brand-primary: #213f52;
  --brand-primary-600: #1b3143;
  --brand-primary-50: #e8eef2;
  --brand-bg: #faf9f6;
  --brand-text: #0f1f2a;
  --brand-card: #ffffff;
  --brand-border: #e5eaee;

  /* Chips (pill style) */
  --chip-gap: 12px;
  --chip-icon: 18px;
  --chip-text: #0f172a;
  --chip-bg: #f1f5f9;
  --chip-border: #e2e8f0;

  --chip-active-shadow: 0 5px 12px rgba(33, 63, 82, 0.22);
}

/* Reset and Base Styles */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1.6;
  color: var(--brand-text);
  background-color: var(--brand-bg);
}

/* ===== Uniform background (remove any blue band/gradient on pages) ===== */
html, body, .site, .site-main, .main-content,
.single-tour, .single-tour .site-main, .single-tour .main-content,
.otb, .otb .booking-page {
  background: var(--brand-bg) !important;
  background-image: none !important;
}

/* In case any pseudo-element is injecting gradient */
.single-tour::before, .single-tour::after,
.site-main::before, .site-main::after,
.main-content::before, .main-content::after,
.otb .booking-page::before, .otb .booking-page::after {
  content: none !important;
}

/* Global primary button (matches brand) */
.btn-primary{
  background: var(--brand-primary);
  color: #fff;
  padding: 14px 28px;
  border: 1px solid var(--brand-primary);
  border-radius: 25px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color .2s, filter .2s;
}
.btn-primary:hover{ background: var(--brand-primary-600); filter: brightness(1.02); }

/* ---------- Global safety ---------- */
html, body { overflow-x: clip; }

/* Remove extra top spacing so hero hugs the header (if theme adds) */
body.home .site-main,
body.front-page .site-main,
body.home .main-content,
body.front-page .main-content {
  padding-top: 0;
  margin-top: 0;
}

/* === DISABLE MOBILE ZOOM ON INPUT FIELDS === */
@media screen and (max-width: 768px) {
    input,
    select,
    textarea,
    [contenteditable] {
        font-size: 16px !important;
        /* Prevent iOS zoom on focus */
    }

    /* Also target specific classes if needed */
    .input,
    .otp-digit,
    .onltrip-profile input,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="number"],
    textarea {
        font-size: 16px !important;
    }
}