/**
 * Takvim Etkinlik için özel Tailwind CSS
 */

/* Tailwind CSS temel sınıfları */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@3.3.5/dist/tailwind.min.css');

/* Takvim Etkinlik özel stilleri */
.takvim-etkinlik-wrapper {
    all: initial;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.takvim-etkinlik-wrapper * {
    box-sizing: border-box;
}

.takvim-etkinlik-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

/* Takvim günleri */
.calendar-day {
    aspect-ratio: 1 / 1;
    min-height: 40px;
    position: relative;
}

.calendar-day.today {
    border: 2px solid;
    font-weight: bold;
}

.calendar-day.selected-day {
    color: white !important;
}

.calendar-day.has-event::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--event-dot-color, currentColor);
}

/* Modal animasyonları */
.modal {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Etkinlik kartları */
.event-item {
    transition: transform 0.2s ease;
}

.event-item:hover {
    transform: translateY(-2px);
}

/* Animasyonlar */
.fade-in {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Renk değişkenleri */
:root {
    --blue-600: #2563eb;
    --green-600: #16a34a;
    --red-600: #dc2626;
    --yellow-600: #ca8a04;
    --purple-600: #9333ea;
    --indigo-600: #4f46e5;
}

/* Responsive ayarlamalar */
@media (max-width: 640px) {
    .calendar-day {
        min-height: 30px;
    }
}