.sticky-navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: white;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
}

.content-wrapper {
    padding-top: 0;
    min-height: calc(100vh - 120px);
}

/* Class untuk mencegah scroll */
.no-scroll {
    overflow: hidden !important;
    height: 100vh !important;
}

.no-scroll body,
.no-scroll #login,
.no-scroll .flex-1.flex.flex-col.w-full {
    overflow: hidden !important;
    height: 100vh !important;
}

 /* Notification Popup Styles */
 #notificationPopup.show .notificationContent {
    transform: scale(100);
    opacity: 1;
}

.notification-success {
    background-color: #dcfce7;
    color: #16a34a;
}

.notification-error {
    background-color: #fee2e2;
    color: #dc2626;
}

.notification-warning {
    background-color: #fef3c7;
    color: #d97706;
}

.notification-info {
    background-color: #dbeafe;
    color: #2563eb;
}

/* bookmarks.css */
.bookmark-btn {
    transition: all 0.3s ease;
    cursor: pointer;
}

.bookmark-btn:hover {
    transform: scale(1.1);
}

.bookmark-btn:active {
    transform: scale(0.95);
}

/* Animation for bookmark */
@keyframes bookmarkBounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

.bookmark-btn.bookmark-animate {
    animation: bookmarkBounce 0.3s ease;
}