/*
Theme Name: Instantravel
Theme URI: https://instantravel.in
Author: Instantravel Team
Author URI: https://instantravel.in
Description: UP Ka Apna Instantravel — Premium booking theme for commercial mini buses, MUVs, and buses connecting cities across Uttar Pradesh.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: instantravel
Tags: travel, booking, bus, transportation, uttar-pradesh
*/

/* ============================
   INSTANTRAVEL THEME - ROOT
   ============================ */

:root {
  --saffron:       #F5760A;
  --saffron-dark:  #D8630A;
  --saffron-light: #FBEEDF;
  --green:         #0F2138;   /* legacy alias — theme is navy + saffron only now */
  --green-dark:    #0F2138;
  --green-light:   #EEF1F5;
  --navy:          #0F2138;
  --navy-mid:      #16324F;
  --white:         #FFFFFF;
  --off-white:     #FAFAF9;
  --gray-light:    #E9E8E5;
  --gray-mid:      #D2D0CB;
  --gray-text:     #6B6864;
  --gold:          #F5760A;   /* legacy alias — see --saffron */
  --error:         #B3261E;
  --shadow-sm:     0 1px 2px rgba(15,33,56,0.06);
  --shadow-md:     0 2px 12px rgba(15,33,56,0.08);
  --shadow-lg:     0 8px 32px rgba(15,33,56,0.12);
  --radius:        8px;
  --radius-lg:     10px;
  --transition:    all 0.15s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
  font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  color: var(--navy);
  background: var(--white);
  line-height: 1.6;
  overflow-x: hidden;
}

a { color: var(--saffron); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--saffron-dark); }

img { max-width: 100%; height: auto; display: block; }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.section-pad { padding: 80px 0; }

.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--radius);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  border: none;
  transition: var(--transition);
  text-decoration: none;
  white-space: nowrap;
}

.btn-primary {
  background: linear-gradient(135deg, var(--saffron) 0%, var(--saffron-dark) 100%);
  color: var(--white);
  box-shadow: 0 4px 20px rgba(245,118,10,0.4);
}
.btn-primary:hover {
  background: linear-gradient(135deg, var(--saffron-light) 0%, var(--saffron) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(245,118,10,0.5);
  color: var(--white);
}

.btn-secondary {
  background: var(--white);
  color: var(--navy);
  border: 2px solid var(--gray-mid);
}
.btn-secondary:hover {
  border-color: var(--saffron);
  color: var(--saffron);
  transform: translateY(-2px);
}

.btn-green {
  background: linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%);
  color: var(--white);
  box-shadow: 0 4px 20px rgba(15,33,56,0.35);
}
.btn-green:hover {
  background: linear-gradient(135deg, var(--green-light) 0%, var(--green) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(15,33,56,0.45);
  color: var(--white);
}

.section-title {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 800;
  color: var(--navy);
  line-height: 1.2;
  margin-bottom: 12px;
}

.section-subtitle {
  font-size: 1.1rem;
  color: var(--gray-text);
  max-width: 600px;
  margin-bottom: 48px;
}

.tag-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(245,118,10,0.12);
  color: var(--saffron);
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

/* ---- ACCESSIBILITY ---- */
.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--gray-light); }
::-webkit-scrollbar-thumb { background: var(--saffron); border-radius: 3px; }