/* style.css - TheParkingWorld branding */
:root{
  --nav-bg: #0D1B2A; /* navy */
  --primary: #1F7A8C; /* bright blue */
  --accent: #06D6A0; /* green */
  --muted: #E0E1DD; /* light gray */
  --cta: #FFD60A; /* yellow */
  --dark: #0b1220;
  --max-width: 1200px;
  --radius: 12px;
  font-family: 'Roboto', sans-serif;
}

body {
  background: #fff;
  color: #122;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}

/* brand */
.brand-logo { height:50px;  object-fit:contain; border-radius:8px;}
.brand-title { font-family: 'Montserrat', sans-serif; font-weight:700; font-size:0.9rem; letter-spacing:0.06em; color:#fff; }
.brand-tagline { font-size:1rem; color:var(--muted); line-height:1; }

/* Topbar */
.topbar { background: linear-gradient(90deg,var(--primary),var(--accent)); }

/* CTA button */
.btn-cta {
  background-color: #f39c12;  /* brand orange */
  color: #fff !important;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  transition: background 0.3s ease;
}

.btn-cta:hover,
.btn-cta:focus,
.btn-cta.dropdown-toggle.show {
  background-color: #e67e22;  /* darker orange */
  color: #fff !important;
}

/* Hero / carousel */
.carousel .carousel-caption { background: rgba(8,12,18,0.45); padding:20px; border-radius:12px; }
.carousel img { height: 520px; object-fit:cover; filter: contrast(1.02) saturate(1.02); }

/* Section titles */
.section-title { font-family:'Montserrat', sans-serif; color:var(--dark); margin-bottom:1rem; font-size:1.6rem; }

/* Cards */
.card { border-radius:12px; overflow:hidden; }

/* Testimonials */
.testimonial { font-style:italic; }

/* footer */
.site-footer { background:#0b1220; color:#ddd; }
.site-footer a { color:#ddd; text-decoration:none; }
.site-footer a:hover { color:var(--cta); }

/* responsive tweaks */
@media (max-width: 768px) {
  .carousel img { height: 320px; }
  .brand-title, .brand-tagline { display:none; }
}
