/* Bimbel Tesla - Custom Styles */

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Swiper pagination dots custom */
.swiper-pagination-bullet {
    background: #c026d3;
    opacity: 0.4;
}
.swiper-pagination-bullet-active {
    background: #c026d3;
    opacity: 1;
    width: 24px;
    border-radius: 4px;
    transition: all 0.3s;
}

/* Prose styles for article content */
.prose h1, .prose h2, .prose h3, .prose h4 {
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.75rem;
    margin-top: 1.5rem;
}
.prose h2 { font-size: 1.5rem; }
.prose h3 { font-size: 1.25rem; }
.prose p { margin-bottom: 1rem; color: #475569; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.5rem; color: #475569; }
.prose a { color: #c026d3; text-decoration: underline; }
.prose a:hover { color: #a21caf; }
.prose img { border-radius: 1rem; max-width: 100%; margin: 1.5rem auto; }
.prose blockquote {
    border-left: 4px solid #c026d3;
    padding-left: 1rem;
    color: #64748b;
    font-style: italic;
    margin: 1.5rem 0;
}

/* Hero pattern animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}
.float-animation {
    animation: float 4s ease-in-out infinite;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #c026d3; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #a21caf; }

/* Loading state */
.btn-loading { pointer-events: none; opacity: 0.7; }

/* Table responsive */
@media (max-width: 640px) {
    .table-responsive { font-size: 0.75rem; }
}