/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* Font Variables */
:root {
  --font-jakarta: 'Plus Jakarta Sans', sans-serif;
  --font-inter: 'Inter', sans-serif;
}

/* Font Utility Classes */
.font-jakarta {
  font-family: var(--font-jakarta);
}

.font-inter {
  font-family: var(--font-inter);
}

@keyframes slide-up {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate-slide-up {
  animation: slide-up 0.8s ease-out both;
}

@keyframes pulse {
    0%, 100% {
      opacity: 0.5;
    }
    50% {
      opacity: 0.8;
    }
  }
  
  .animate-pulse {
    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  
.litepicker-subcontainer {
    width: 100%;
    min-height: 220px;
    max-width: 300px; /* Batasi lebar agar sesuai dalam dropdown 650px */
    box-sizing: border-box;
}

.litepicker {
    font-size: 14px;
    width: 100%;
    min-height: 220px;
    max-width: 300px; /* Sama dengan litepicker-subcontainer */
    box-sizing: border-box;
    padding: 8px;
    margin: 0 auto; /* Pusatkan kalender */
}

.litepicker .container__days {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.litepicker .container__days .day-item {
    padding: 6px;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
}

.litepicker .container__months {
    width: 100%;
    box-sizing: border-box;
}

#date-range-text {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}