/* Custom Stylesheet - Portal Bagian Administrasi Pembangunan Kota Bandung */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary-green: #15803d;
  --primary-blue: #0284c7;
  --dark-hero-card: rgba(27, 67, 50, 0.92);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #1e293b;
  background-color: #f8fafc;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.hero-slider-bg {
  background-image: url('assets/hero_gedung_sate.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.dotted-pattern {
  background-color: #0c1017;
  background-image: radial-gradient(rgba(255, 255, 255, 0.15) 1px, transparent 0);
  background-size: 16px 16px;
  background-position: -19px -19px;
}

.floating-mascot {
  position: fixed;
  bottom: 20px;
  right: 24px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: auto;
}

.speech-bubble {
  background-color: #84cc16;
  color: #14532d;
  font-weight: 600;
  font-size: 11px;
  padding: 4px 12px;
  border-radius: 9999px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  margin-bottom: 4px;
  white-space: nowrap;
}

.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08);
}