/* ============================================================================
   FANTASY STYLE - Plan Lekcji Ucznia
   ============================================================================
   Ten plik zawiera wszystkie style fantasy dla planu ucznia:
   - Kolorystyka komórek z teksturami
   - Rogi komórek (ozdobne obramowania)
   - Ikony przedmiotów
   - Przyciski fantasy
   - Ozdoby nagłówka
   ============================================================================ */

/* ========================================
   FANTASY STYLE - KOLORYSTYKA KOMÓREK
   ======================================== */

/* Red - J. Polski, Historia */
.lesson-cell.subject-red {
    background-color: #ffb3ba;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Green - Biologia, Geografia */
.lesson-cell.subject-green {
    background-color: #a5d6a7;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Blue - Matematyka, Informatyka */
.lesson-cell.subject-blue {
    background-color: #90caf9;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Purple - J. Angielski, Zajęcia kreatywne */
.lesson-cell.subject-purple {
    background-color: #ce93d8;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Yellow/Orange - Zajęcia rewalidacyjne, Ścieżki duszy */
.lesson-cell.subject-yellow,
.lesson-cell.subject-orange {
    background-color: #fff59d;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Pink - Karate, zajęcia hobby */
.lesson-cell.subject-pink {
    background-color: #f8bbd0;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Teal - Sport, WF */
.lesson-cell.subject-teal {
    background-color: #80cbc4;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Brown - Inne przedmioty */
.lesson-cell.subject-brown {
    background-color: #bcaaa4;
    border: 3px solid #8b6f47;
    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5),
                inset -2px -2px 4px rgba(0, 0, 0, 0.2),
                0 4px 8px rgba(139, 111, 71, 0.4);
}

/* Hover effect dla wszystkich kolorów */
.lesson-cell:hover {
    transform: translateY(-1px) scale(1.01);
    filter: brightness(1.05);
    cursor: pointer;
}

/* ========================================
   FANTASY STYLE - ROGI KOMÓREK
   ======================================== */

.lesson-cell {
    position: relative;
    padding: 12px 8px;
}

/* Top-left corner */
.lesson-cell::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    width: 20px;
    height: 20px;
    background: url('assets/borders/corner-top-left.png') no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}

/* Top-right corner */
.lesson-cell::after {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 20px;
    height: 20px;
    background: url('assets/borders/corner-top-right.png') no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}

/* Dolne rogi - pozycjonowane względem lesson-cell (tak samo jak górne) */
.lesson-cell .subject {
    position: static; /* Nie robimy tego relative */
}

.lesson-cell .subject::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: -3px;
    width: 20px;
    height: 20px;
    background: url('assets/borders/corner-bottom-left.png') no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}

.lesson-cell .subject::after {
    content: '';
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 20px;
    height: 20px;
    background: url('assets/borders/corner-bottom-right.png') no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}

/* ========================================
   FANTASY STYLE - IKONY PRZEDMIOTÓW
   ======================================== */

/* WYŁĄCZONE: Ikony przedmiotów (::before i ::after zajęte przez rogi)
   Można włączyć po dodaniu dodatkowych elementów HTML

.lesson-cell[data-subject]::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    opacity: 0.15;
    z-index: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.lesson-cell[data-subject*="Polski"]::before,
.lesson-cell[data-subject*="polski"]::before {
    background-image: url('assets/icons/subject-polski.png');
}

.lesson-cell[data-subject*="Biologia"]::before,
.lesson-cell[data-subject*="biologia"]::before,
.lesson-cell[data-subject*="Geografia"]::before,
.lesson-cell[data-subject*="geografia"]::before {
    background-image: url('assets/icons/subject-biologia.png');
}

.lesson-cell[data-subject*="Matematyka"]::before,
.lesson-cell[data-subject*="matematyka"]::before {
    background-image: url('assets/icons/subject-matematyka.png');
}

.lesson-cell[data-subject*="Angielski"]::before,
.lesson-cell[data-subject*="angielski"]::before {
    background-image: url('assets/icons/subject-angielski.png');
}

.lesson-cell[data-subject*="Informatyka"]::before,
.lesson-cell[data-subject*="informatyka"]::before,
.lesson-cell[data-subject*="Infa"]::before {
    background-image: url('assets/icons/subject-informatyka.png');
}

.lesson-cell[data-subject*="kreatywne"]::before {
    background-image: url('assets/icons/subject-kreatywne.png');
}

.lesson-cell[data-subject*="rewalidacyjne"]::before {
    background-image: url('assets/icons/subject-rewalidacja.png');
}

.lesson-cell[data-subject*="Karate"]::before,
.lesson-cell[data-subject*="karate"]::before,
.lesson-cell[data-subject*="duszy"]::before,
.lesson-cell[data-subject*="WF"]::before {
    background-image: url('assets/icons/subject-sport.png');
}
*/

/* ========================================
   FANTASY STYLE - PRZYCISKI
   ======================================== */

/* TYMCZASOWO: Proste przyciski bez border-image (do kalibracji) */
.btn {
    padding: 10px 24px;
    font-size: 0.9rem;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #4a3728 0%, #3a2a1c 100%);
    border: 3px solid #5d4037;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3),
                inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

.btn:hover {
    background: linear-gradient(135deg, #5c4833 0%, #4a3728 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4),
                inset 0 2px 4px rgba(255, 255, 255, 0.3);
}

.btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3),
                inset 0 3px 6px rgba(0, 0, 0, 0.4);
}

/* Week navigation buttons */
.week-nav-btn {
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #4a3728 0%, #3a2a1c 100%);
    border: 3px solid #5d4037;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3),
                inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

.week-nav-btn:hover {
    background: linear-gradient(135deg, #5c4833 0%, #4a3728 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4),
                inset 0 2px 4px rgba(255, 255, 255, 0.3);
}

.week-nav-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3),
                inset 0 3px 6px rgba(0, 0, 0, 0.4);
}

/* Logout button - zachowaj czerwony kolor */
.logout-btn {
    background: linear-gradient(135deg, var(--danger) 0%, #c0392b 100%);
    border: 3px solid #a93226;
}

.logout-btn:hover {
    background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);
}

/* ========================================
   FANTASY STYLE - HEADER ORNAMENTS
   ======================================== */

/* WYŁĄCZONE - ozdoby nagłówka nie działają poprawnie */