:root {
  --pk-green: #01411C;
  --pk-green-light: #0f6b34;
  --pk-gold: #C8963E;
}

body {
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #222;
}

.navbar.bg-success {
  background-color: var(--pk-green) !important;
}

.hero-section {
  min-height: 60vh;
  background: linear-gradient(rgba(1, 65, 28, 0.65), rgba(1, 65, 28, 0.65)),
    url('/assets/img/hero-pakistan.jpg') center/cover no-repeat;
}

.destination-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.destination-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.12) !important;
}

.btn-success {
  background-color: var(--pk-green);
  border-color: var(--pk-green);
}

.btn-success:hover {
  background-color: var(--pk-green-light);
  border-color: var(--pk-green-light);
}

.btn-outline-success {
  color: var(--pk-green);
  border-color: var(--pk-green);
}

.btn-outline-success:hover {
  background-color: var(--pk-green);
  border-color: var(--pk-green);
}

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

/* Lazy-loaded image placeholder */
img[loading="lazy"] {
  background-color: #f1f1f1;
}