/* Custom Styles for Sahabat Tiket Landing Page */

/* Scrollbar Tweaks */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Custom Tab Buttons for Simulator */
.tab-btn {
    background-color: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.tab-btn:hover {
    background-color: #f1f5f9;
    color: #0284c7;
    border-color: #bae6fd;
}

.tab-btn.active {
    background-color: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
    box-shadow: 0 4px 14px 0 rgba(2, 132, 199, 0.3);
}

/* Modal animation */
@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-scaleIn {
    animation: scaleIn 0.25s ease-out forwards;
}

/* Smooth Accordion transition */
.faq-content {
    transition: all 0.3s ease-in-out;
}