/* =======================================================
   1. STYL BAZOWY KALENDARZA I MODALA (Tryb normalny)
   ======================================================= */
/* Poprawki dostępności (w tym bazowy wygląd .event-day) */
.event-day { 
    width: 100%; 
    height: 50px; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: background-color 0.3s ease;
}

/* Dzień bez wydarzeń (nieinteraktywny) */
.event-day.no-event { background-color: white; cursor: default; }

/* Dzień dzisiejszy */
.event-day.event-day-today {
    border: 2px solid #004080; /* ramka dla dzisiaj */
}

/* Dzień z wydarzeniem */
.event-day.event-day-with-events { background-color: lightblue; }

/* Dzień/Wydarzenie z przeszłości */
.event-day.event-past { background-color: #f8d7da; }

/* Dzień dzisiejszy z wydarzeniem */
.event-day.event-day-today.event-day-with-events {
    background-color: lightblue; 
    cursor: pointer;
}

/* Dzień dzisiejszy z wydarzeniem z przeszłości */
.event-day.event-day-today.event-past {
    background-color: #f8d7da; 
}

/* Efekt najechania myszą */
.event-day.event-day-with-events:hover { background-color: #a8d8ff; }

/* Fokus Klawiatury (Domyślny) */
.event-day[tabindex="0"]:focus {
    outline: 3px solid #0066cc; /* Wyraźna ramka fokusu */
    outline-offset: 2px;
}

/* Różne */
.list-group, .list-group-item {
    background: transparent !important;
}

/* Styl modala */
.modal-content {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); 
    border: none;
    padding: 20px;
    background-color: #ffffff;
    color: #000000;
}
.modal-header {
    border-bottom: 2px solid #ddd;
    border-radius: 12px 12px 0 0;
    background-color: #004080; 
    color: #ffffff;
    padding: 20px;
}
.modal-title {
    font-weight: bold;
    font-size: 1.5rem;
    color: white;
}
.modal-body {
    padding: 0px;
    font-size: 1rem;
    line-height: 1.6;
}
.btn-close {
    background-color: #ffffff;
    border-radius: 50%;
    padding: 5px;
    border: 2px solid #000000;
}
/* Fokus dla przycisków */
.btn-close:focus, button:focus, .btn:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 2px;
}
button.btn.rounded-circle {
    width: 48px;
    height: 48px;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* =======================================================
   2. TRYB A: WYSOKI KONTRAST (body.wcag-contrast)
   Tło: Czarne | Tekst: Żółty | Akcenty: Żółte/Cyan
   ======================================================= */

/* GLOBALNE DNI KALENDARZA */
body.wcag-contrast .event-day {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}

/* Dzień bez wydarzeń */
body.wcag-contrast .event-day.no-event {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}

/* Dzisiaj (ramka akcentu) */
body.wcag-contrast .event-day.event-day-today {
    border: 2px solid cyan !important; 
}

/* Dzień/Wydarzenie z przeszłości */
body.wcag-contrast .event-day.event-past,
body.wcag-contrast .event-day.event-day-today.event-past {
    background-color: #660000 !important; /* Ciemny, wyraźny kolor (WCAG safe red) */
    color: yellow !important;
}

/* Dzień z wydarzeniem */
body.wcag-contrast .event-day.event-day-with-events,
body.wcag-contrast .event-day.event-day-today.event-day-with-events {
    background-color: #333 !important; /* Ciemniejszy szary dla wyróżnienia */
    border-color: cyan !important; /* Akcent dla dzisiaj */
}

/* Hover */
body.wcag-contrast .event-day:hover,
body.wcag-contrast .event-day.event-day-with-events:hover {
    background-color: #666 !important;
}

/* FOCUS (Dzień kalendarza) */
body.wcag-contrast .event-day[tabindex="0"]:focus {
    outline: 3px solid cyan !important; 
    outline-offset: 2px !important;
}

/* MODAL */
body.wcag-contrast .modal-content {
    background-color: black !important;
    color: yellow !important;
    border: 1px solid yellow !important;
    box-shadow: none !important;
}
body.wcag-contrast .modal-header {
    background-color: #333 !important;
    color: yellow !important;
    border-bottom: 2px solid yellow !important;
}
body.wcag-contrast .modal-title, body.wcag-contrast .modal-body {
    color: yellow !important;
}
body.wcag-contrast .btn-close {
    background-color: yellow !important;
    color: black !important;
    border: 2px solid yellow !important;
}
body.wcag-contrast .btn-close:focus, 
body.wcag-contrast button:focus, 
body.wcag-contrast .btn:focus {
    outline: 3px solid cyan !important; 
}


/* =======================================================
   3. TRYB B: ODWRÓCONY KONTRAST (body.wcag-inverted-contrast)
   Tło: Żółte | Tekst: Czarny | Akcenty: Czarne/Niebieskie
   ======================================================= */

/* GLOBALNE DNI KALENDARZA */
body.wcag-inverted-contrast .event-day {
    background-color: yellow !important;
    color: black !important;
    border-color: black !important;
}

/* Dzień bez wydarzeń */
body.wcag-inverted-contrast .event-day.no-event {
    background-color: yellow !important;
    color: black !important;
    border-color: black !important;
}

/* Dzisiaj (ramka akcentu) */
body.wcag-inverted-contrast .event-day.event-day-today {
    border: 2px solid blue !important; 
}

/* Dzień/Wydarzenie z przeszłości */
body.wcag-inverted-contrast .event-day.event-past,
body.wcag-inverted-contrast .event-day.event-day-today.event-past {
    background-color: #cc0000 !important; /* Czerwony */
    color: white !important; /* Biały tekst dla kontrastu na czerwieni */
}

/* Dzień z wydarzeniem */
body.wcag-inverted-contrast .event-day.event-day-with-events,
body.wcag-inverted-contrast .event-day.event-day-today.event-day-with-events {
    background-color: #ffeb3b !important; /* Lekko ciemniejszy żółty */
    border-color: blue !important;
}

/* Hover */
body.wcag-inverted-contrast .event-day:hover,
body.wcag-inverted-contrast .event-day.event-day-with-events:hover {
    background-color: #e0d13b !important;
}

/* FOCUS (Dzień kalendarza) */
body.wcag-inverted-contrast .event-day[tabindex="0"]:focus {
    outline: 3px solid blue !important; 
    outline-offset: 2px !important;
}

/* MODAL */
body.wcag-inverted-contrast .modal-content {
    background-color: yellow !important;
    color: black !important;
    border: 1px solid black !important;
    box-shadow: none !important;
}
body.wcag-inverted-contrast .modal-header {
    background-color: #ffeb3b !important;
    color: black !important;
    border-bottom: 2px solid black !important;
}
body.wcag-inverted-contrast .modal-title, body.wcag-inverted-contrast .modal-body {
    color: black !important;
}
body.wcag-inverted-contrast .btn-close {
    background-color: yellow !important;
    color: black !important;
    border: 2px solid black !important;
}
body.wcag-inverted-contrast .btn-close:focus, 
body.wcag-inverted-contrast button:focus, 
body.wcag-inverted-contrast .btn:focus {
    outline: 3px solid blue !important; 
}


/* =======================================================
   4. INNE TRYBY WCAG (Dysleksja, Powiększenie Tekstu)
   ======================================================= */

body.wcag-large-text .event-day {
    font-size: 1.5em !important; 
}
body.wcag-large-text .modal-title {
    font-size: 2em !important;
}
body.wcag-large-text .modal-body {
    font-size: 1.3em !important;
}

body.wcag-dyslexic .event-day,
body.wcag-dyslexic .modal-title,
body.wcag-dyslexic .modal-body {
    font-family: 'Open-Dyslexic', Arial, sans-serif !important;
}