/* style.css - Kocaeli Doğru Cevap Portal Custom Styles */

/* Base Typography & Fonts */
body { 
    font-family: 'Inter', sans-serif; 
}
h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Outfit', sans-serif;
}

/* Custom Animated Navigation Underline */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -6px;
    left: 0;
    background: linear-gradient(90deg, #1d4ed8, #3b82f6);
    transition: width 0.3s ease;
    border-radius: 9999px;
}
.nav-link:hover::after {
    width: 100%;
}
.nav-link.active::after {
    width: 100%;
}

/* Glassmorphism Classes */
.glass-nav {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.glass-card-dark {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Slider Opacity Switcher */
.slide {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    inset: 0;
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s;
    z-index: 10;
}
.slide.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 20;
}

/* Active Week Styles for Calendars */
.active-week-blue {
    border-color: #1d4ed8 !important;
    background-color: #f0f5ff !important;
    border-width: 2px !important;
}

.active-week-sky {
    border-color: #0284c7 !important;
    background-color: #f0f9ff !important;
    border-width: 2px !important;
}

/* Responsive Table Utility Classes */
.date-desktop { 
    display: inline; 
}
.date-mobile { 
    display: none; 
}

@media (max-width: 640px) {
    .date-desktop { 
        display: none; 
    }
    .date-mobile { 
        display: inline; 
    }
}