/* WCAG 2.4.7: Focus Visible - Εμφανής δείκτης εστίασης */
.fc-calendar div[tabindex="0"]:focus,
.fc-calendar div[role="button"]:focus {
    outline: 3px solid #005fcc; /* Μπλε χρώμα με καλή αντίθεση */
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(0, 95, 204, 0.2);
    z-index: 10;
    position: relative;
}

/* WCAG 1.4.1: Use of Color - Μην βασίζεστε μόνο στο χρώμα */
.fc-calendar .fc-today:focus {
    outline: 3px solid #d97706; /* Πορτοκαλί για την τρέχουσα ημέρα */
    outline-offset: 2px;
}

/* WCAG 1.4.3: Contrast (Minimum) - Αντίθεση 4.5:1 για κείμενο */
.fc-calendar .fc-date {
    color: #1f2937; /* Σκούρο γκρι με καλή αντίθεση σε λευκό φόντο */
    font-weight: 500;
}

.fc-calendar .fc-past .fc-date {
    color: #6b7280; /* Πιο ανοιχτό γκρι για παρελθούσες ημέρες - min 4.5:1 */
}

/* WCAG 1.4.11: Non-text Contrast - Αντίθεση 3:1 για UI components */
.fc-calendar div[role="button"] {
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
}

    .fc-calendar div[role="button"]:hover {
        background-color: #f3f4f6;
        border-color: #d1d5db;
        cursor: pointer;
    }

/* Βελτιωμένη ορατότητα για ημέρες με events */
.fc-calendar .fc-content {
    background-color: #eff6ff;
    border-color: #3b82f6;
}

/* WCAG 2.4.11: Focus Not Obscured - Το focus δεν πρέπει να καλύπτεται */
.fc-calendar {
    overflow: visible;
    padding: 4px;
}

    /* Προσθήκη visual indicator για keyboard navigation */
    .fc-calendar[role="application"]:focus-within::before {
        content: "Χρησιμοποιήστε τα βελάκια για πλοήγηση";
        position: absolute;
        top: -30px;
        left: 0;
        font-size: 12px;
        color: #6b7280;
        background: white;
        padding: 4px 8px;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

/* High Contrast Mode support */
@media (prefers-contrast: high) {
    .fc-calendar div[tabindex="0"]:focus {
        outline-width: 4px;
    }
}

/* Reduced Motion support */
@media (prefers-reduced-motion: reduce) {
    .fc-calendar * {
        animation: none !important;
        transition: none !important;
    }
}