/* Global Styles */
* {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

/* Navigation Bar */
.nav-sticky {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.95);
}

/* Pastikan kontainer logo tidak melebihi tinggi navbar */
.logo-container {
  display: flex;
  align-items: center;
  height: 100%; /* Mengikuti tinggi h-16 dari parent */
  max-height: 64px; /* Sesuai dengan h-16 Tailwind */
  overflow: hidden;
}

/* Mengatur ukuran gambar logo */
.logo-image {
  height: auto; /* Biarkan lebar menyesuaikan proporsi */
  max-height: 150px; /* Maksimal 150px untuk logo sangat besar */
  width: auto;
  /* object-contain: object-contain; */
}

/* Hero Image */
.headline-image {
  background-size: cover;
  background-position: center;
  height: 500px;
  position: relative;
  overflow: hidden;
  background-image: url("https://images.unsplash.com/photo-1659749411175-04a9ad56a4ee?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80");
}

/* Gradient Overlay */
.gradient-overlay {
  background: linear-gradient(
    135deg,
    rgba(30, 58, 138, 0.7) 0%,
    rgba(12, 37, 97, 0.9) 100%
  );
}

/* Category Badge */
.category-badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* News Card */
.news-card {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.news-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(30, 58, 138, 0.15);
}

/* Responsive Design */
@media (max-width: 768px) {
  .headline-image {
    height: 300px;
  }
}