/* assets/css/style.css */

/* ... (Alle vorherigen Regeln bleiben bestehen) ... */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    /* ... Farben ... */
    --color-primary: #d96464;
    --color-primary-dark: #bf4141;
    --color-text-dark: #0d0e16;
    --color-text-light: #475569;
    --color-background: #f8fafc;
    --color-card: #ffffff;
    --color-secondary: #64748b;
    --color-danger: #dc2626;
    --color-warning: #f59e0b;
    /* ... FullCalendar Vars ... */
    --fc-button-bg-color: var(--color-primary);
    --fc-button-border-color: var(--color-primary);
    --fc-button-text-color: white;
    --fc-button-hover-bg-color: var(--color-primary-dark);
    --fc-button-hover-border-color: var(--color-primary-dark);
    --fc-button-active-bg-color: var(--color-primary-dark);
    --fc-button-active-border-color: var(--color-primary-dark);
    --fc-today-bg-color: rgba(217, 100, 100, 0.1);
    --fc-border-color: #e2e8f0;
}

body {
    /* ... body styles ... */
    font-family: 'Inter', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text-dark);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
    color: var(--color-primary);
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: var(--color-primary-dark);
}

/* Button Styles */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid transparent;
}

.btn-primary {
    background-color: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
    color: white;
}

.btn-secondary {
    background-color: var(--color-secondary);
    color: white;
    border-color: var(--color-secondary);
}

.btn-secondary:hover {
    background-color: #475569;
    border-color: #475569;
    color: white;
}

.btn-outline {
    background-color: transparent;
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline:hover {
    background-color: rgba(217, 100, 100, 0.1);
    color: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

/* Hero Gradient */
.hero-gradient-custom {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}

/* --- FullCalendar Styling Adjustments --- */
.fc {
    font-size: 0.9em;
}

/* Set dark text color for events in DayGrid views (Month) */
.fc .fc-daygrid-event .fc-event-title,
.fc .fc-daygrid-event a,
.fc .fc-daygrid-event {
    color: var(--color-text-dark) !important;
}

.fc .fc-daygrid-event a:hover {
    color: var(--color-text-dark) !important;
}

/* Force dark text color for events in TimeGrid views (Week/Day) */
.fc .fc-timegrid-event .fc-event-main,
.fc .fc-timegrid-event .fc-event-time,
.fc .fc-timegrid-event .fc-event-title,
.fc .fc-timegrid-event a,
.fc .fc-timegrid-event {
    color: var(--color-text-dark) !important;
}

.fc .fc-timegrid-event a:hover {
    color: var(--color-text-dark) !important;
    text-decoration: underline !important;
}

/* *** NEU: Force dark text color for events in List views *** */
.fc .fc-list-event .fc-list-event-title a {
    color: var(--color-text-dark) !important;
    /* Dunkle Schrift für Titel-Link */
}

.fc .fc-list-event .fc-list-event-title a:hover {
    color: var(--color-primary) !important;
    /* Primärfarbe beim Hovern */
}

/* *** ENDE NEU *** */

/* List view dot color */
.fc-list-event-dot {
    border-color: var(--color-primary) !important;
}

/* Button styling */
.fc .fc-button {
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    text-transform: capitalize;
}