﻿/* Deepam Cabs — Outstation page — intro & routes (css_v2) */
.section__title--left{text-align:left}
/* Intro — outstation service overview (Section 4) */
.intro-grid{
  display:grid;gap:40px;align-items:center;
}
.intro-grid__content .section__header{text-align:left;margin:0 0 24px;max-width:none}
.intro-grid__content p{
  margin:0 0 1.125rem;color:var(--muted);
  font-size:1.0625rem;line-height:1.75;
}
.intro-grid__content p:last-child{margin-bottom:0}
.intro-grid__media{
  margin:0;border-radius:16px;overflow:hidden;
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
}
.intro-grid__media img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}
.intro-grid__cta{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:1.5rem;font-size:.9375rem;font-weight:600;color:var(--green);
  text-decoration:none;transition:color var(--transition),gap var(--transition);
}
.intro-grid__cta:hover{color:var(--green-dark);gap:8px}
.intro-grid__cta svg{width:16px;height:16px;flex-shrink:0}
.intro-grid__cta i{font-size:.9375rem;flex-shrink:0}

/* Routes — popular outstation destinations (Section 6) */
.routes-category{margin-bottom:3rem}
.routes-category:last-child{margin-bottom:0}
.routes-category__title{
  font-size:1.125rem;font-weight:700;color:var(--primary);
  margin:0 0 1.25rem;padding-bottom:.75rem;
  border-bottom:2px solid rgba(57,181,74,.15);
}
.routes-grid{display:grid;gap:20px;grid-template-columns:1fr}

.route-card{
  display:flex;flex-direction:column;height:100%;
  padding:28px;background:var(--white);border:1px solid var(--card-border);border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.route-card:hover{
  border-color:var(--green);
  box-shadow:0 24px 56px rgba(15,23,42,.12);
  transform:translateY(-6px);
}
.route-card__media{
  aspect-ratio:16/9;margin:-24px -24px 16px;border-radius:12px 12px 0 0;
  background:linear-gradient(135deg,var(--bg-light) 0%,rgba(57,181,74,.08) 100%);
  overflow:hidden;
}
.route-card__media--slot{display:none}
/* Future: remove --slot and add img inside .route-card__media when destination imagery is available */
.route-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.route-card__content{display:flex;flex-direction:column;flex:1 1 auto}
.route-card__dest{font-size:1.0625rem;font-weight:700;color:var(--primary);margin:0 0 8px;line-height:1.3}
.route-card__meta{
  display:inline-flex;flex-wrap:wrap;gap:8px 12px;
  margin:0 0 12px;font-size:.8125rem;font-weight:600;color:var(--green);
}
.route-card__meta span{
  display:inline-flex;align-items:center;gap:4px;
  padding:8px 14px;border-radius:999px;
  background:rgba(57,181,74,.14);color:#166534;font-weight:600;
}
.route-card__fare{
  margin:0 0 12px;font-size:.8125rem;font-weight:700;color:var(--green);
}
.route-card__fare--slot{display:none}
/* Future: populate .route-card__fare and remove --slot when starting fares are available per route */
.route-card__desc{margin:0 0 16px;font-size:.9375rem;line-height:1.65;color:var(--muted);flex:1 1 auto}
.route-card__links{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;
  margin-top:auto;padding-top:4px;
}
.route-card__cta{font-size:.9375rem;font-weight:700;color:var(--green);text-decoration:none;transition:color .25s ease,gap .25s ease}
.route-card__cta:hover{color:var(--green-dark);text-decoration:underline}
.route-card__guide{font-size:.8125rem;font-weight:600;color:var(--muted);text-decoration:none}
.route-card__guide:hover{color:var(--primary);text-decoration:underline}


/* Outstation CTA (Section 13) */
.outstation-cta{background:var(--primary);color:var(--white);padding:64px 0}
.outstation-cta__inner{max-width:640px;margin:0 auto;text-align:center}
.outstation-cta__title{
  font-size:clamp(1.375rem,3vw,1.875rem);font-weight:700;color:var(--white);margin:0 0 12px;
}
.outstation-cta__desc{
  margin:0 0 20px;font-size:1.0625rem;line-height:1.65;color:rgba(255,255,255,.78);
}
.outstation-cta__trust{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;
  margin:0 0 24px;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.82);
}
.outstation-cta__trust span{display:inline-flex;align-items:center;gap:6px}
.outstation-cta__trust span::before{content:"\2713";color:var(--green);font-weight:700}
.outstation-cta__actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;
}
.outstation-cta__btn{
  display:inline-flex;align-items:center;padding:14px 28px;
  background:var(--green);color:var(--white);border-radius:999px;
  font-weight:700;font-size:.9375rem;text-decoration:none;
  transition:background var(--transition),transform var(--transition);
}
.outstation-cta__btn:hover{background:var(--green-dark);color:var(--white);transform:translateY(-2px)}
.outstation-cta__link{
  font-size:.9375rem;font-weight:600;color:rgba(255,255,255,.88);text-decoration:none;
}
.outstation-cta__link:hover{color:var(--green);text-decoration:underline}
.outstation-cta__phone{
  font-size:.9375rem;font-weight:700;color:var(--green);text-decoration:none;
}
.outstation-cta__phone:hover{color:#fff;text-decoration:underline}
