/* --- OSTATECZNE ROZWIĄZANIE - NADPISANIE STYLÓW MOTYWU --- */

/* 
 * KROK 1: Nadpisujemy globalny styl motywu dla komórek tabeli,
 * ale TYLKO wewnątrz naszego kalendarza. To jest kluczowa reguła.
 */
#mkg-fullcalendar-container .fc-daygrid-body .fc-daygrid-day,
#mkg-fullcalendar-container .fc-timegrid-body .fc-timegrid-col {
    padding: 0 !important;
}

/* 
 * KROK 2: Dodajemy własny, mały padding do wewnętrznej ramki,
 * aby treść nie przylegała do krawędzi.
 */
#mkg-fullcalendar-container .fc-daygrid-day-frame {
    padding: 4px; /* Mały, kontrolowany odstęp */
}

/* 
 * KROK 3: Usuwamy marginesy z kontenera na wydarzenia, które mogłyby
 * zostać po poprzednich próbach.
 */
#mkg-fullcalendar-container .fc-daygrid-day-events {
    margin: 0;
}

/* 
 * KROK 4: Upewniamy się, że klocki wydarzeń mają ostre rogi i minimalny odstęp.
 */
#mkg-fullcalendar-container .fc-daygrid-block-event {
    border-radius: 0;
    margin-bottom: 1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* --- STYLE DLA URZĄDZEŃ MOBILNYCH (BEZ ZMIAN) --- */
@media (max-width: 768px) {
    .fc { font-size: 13px; }
    #mkg-fullcalendar-container .fc .fc-toolbar.fc-header-toolbar { flex-direction: column; gap: 0.5em; }
    #mkg-fullcalendar-container .fc .fc-toolbar-title { font-size: 1.25em; }
    #mkg-fullcalendar-container .fc .fc-button { padding: 0.4em 0.6em; }
}
/* --- NOWE STYLE KOSMETYCZNE DLA KALENDARZA --- */

/* --- NOWE STYLE KOSMETYCZNE DLA KALENDARZA (WERSJA BEZ ZMIENNYCH CSS) --- */

/* 
 * 1. PRZYCISKI W NAGŁÓWKU
 */

/* Styl standardowego przycisku */
#mkg-fullcalendar-container .fc .fc-button-primary {
    background-color: #F36B2D; /* << ZMIEŃ TEN KOLOR */
    color: #ffffff;            /* << ZMIEŃ KOLOR TEKSTU */
    border: 1px solid #F36B2D; /* << ZMIEŃ TEN KOLOR (taki sam jak tło) */
    text-transform: capitalize;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

/* Styl przycisku po najechaniu myszką */
#mkg-fullcalendar-container .fc .fc-button-primary:not(:disabled):hover {
    background-color: #005bbd; /* << ZMIEŃ NA CIEMNIEJSZĄ WERSJĘ KOLORU */
    border-color: #005bbd;     /* << ZMIEŃ NA CIEMNIEJSZĄ WERSJĘ KOLORU */
}

/* Styl aktywnego przycisku (np. aktualnie wybrany widok "miesiąc") */
#mkg-fullcalendar-container .fc .fc-button-primary:not(:disabled).fc-button-active,
#mkg-fullcalendar-container .fc .fc-button-primary:not(:disabled):active {
    background-color: #00428a; /* << ZMIEŃ NA BARDZO CIEMNĄ WERSJĘ KOLORU */
    border-color: #00428a;     /* << ZMIEŃ NA BARDZO CIEMNĄ WERSJĘ KOLORU */
}

/* Styl wyłączonego przycisku */
#mkg-fullcalendar-container .fc .fc-button-primary:disabled {
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: #6c757d;
}


/* 
 * 2. PODŚWIETLENIE DZISIEJSZEGO DNIA
 */
#mkg-fullcalendar-container .fc-day-today {
    background-color: #F3E7CA !important; /* << ZMIEŃ NA BARDZO JASNY KOLOR TŁA */
}


/*
 * 3. DOMYŚLNY KOLOR WYDARZEŃ
 */
#mkg-fullcalendar-container .fc-event {
    background-color: #F36B2D !important; /* << ZMIEŃ NA SWÓJ GŁÓWNY KOLOR */
    border-color: #005bbd !important;     /* << ZMIEŃ NA CIEMNIEJSZĄ WERSJĘ */
    color: #ffffff !important;            /* << ZMIEŃ KOLOR TEKSTU WYDARZENIA */
}

/* Możemy dodać delikatny cień, aby wydarzenia "odstawały" od tła */
#mkg-fullcalendar-container .fc-daygrid-block-event {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/* --- STYLE DLA DYMKA (TOOLTIP) WYDARZENIA --- */

.mkg-tooltip {
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}

.mkg-tooltip strong {
    color: #333;
}

.mkg-tooltip-desc {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #eee;
    max-height: 150px; /* Ograniczenie wysokości opisu */
    overflow-y: auto;  /* Pasek przewijania, jeśli opis jest długi */
}

/* Poprawka dla motywu Tippy.js - upewnij się, że strzałka ma tło */
.tippy-box[data-theme~='light-border'] {
    background-color: whitesmoke;
}
/* --- ZAKTUALIZOWANE STYLE DLA DYMKA (TOOLTIP) --- */
.mkg-tooltip {
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
}

.mkg-tooltip-title {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.mkg-tooltip-time {
    color: #555;
}

.mkg-tooltip-time strong {
    color: #333;
}