/* ==========================================
   DOSTOPNOST (ACCESSIBILITY) GLOBAL STYLES 
   ========================================== */

/* --- 1. BREZBARVNO (GREYSCALE) --- */
html.greyscale-mode {
    -webkit-filter: grayscale(100%) !important;
            filter: grayscale(100%) !important;
}

/* --- 2. INVERZNO (DARK MODE) --- */
html.invert-mode {
    -webkit-filter: invert(100%) hue-rotate(180deg) !important;
            filter: invert(100%) hue-rotate(180deg) !important; 
    background-color: #000; 
}
html.invert-mode img, 
html.invert-mode video,
html.invert-mode .slika-novica,
html.invert-mode .coat-of-arms {
    -webkit-filter: invert(100%) hue-rotate(180deg) !important;
            filter: invert(100%) hue-rotate(180deg) !important; 
}

/* --- 3. PODČRTAJ POVEZAVE --- */
html.underline-mode a {
    text-decoration: underline !important;
    text-decoration-color: red !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 3px !important;
}

/* --- 4. PODČRTAJ NASLOVE (NOVO) --- */
html.underline-headings-mode h1,
html.underline-headings-mode h2,
html.underline-headings-mode h3,
html.underline-headings-mode h4,
html.underline-headings-mode h5,
html.underline-headings-mode h6,
html.underline-headings-mode .offcanvas-title {
    text-decoration: underline !important;
    text-decoration-color: red !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
}

/* --- 5. VISOK KONTRAST (POPOLNOMA PREPISANO ZA BOLJŠO VIDLJIVOST) --- */

/* Vsilimo črno ozadje na vse glavne elemente */
html.high-contrast-mode,
html.high-contrast-mode body,
html.high-contrast-mode .app-wrapper,
html.high-contrast-mode .main-content,
html.high-contrast-mode .card,
html.high-contrast-mode .slider-card,
html.high-contrast-mode .offcanvas,
html.high-contrast-mode .offcanvas-header,
html.high-contrast-mode .offcanvas-body,
html.high-contrast-mode .list-group-item,
html.high-contrast-mode .bg-light,
html.high-contrast-mode .bg-white,
html.high-contrast-mode header {
    background-color: #000000 !important;
    background-image: none !important; 
    border-color: #FFD700 !important;
}

/* Vsilimo rumeno barvo na VSA besedila in ikone (uporabimo zvezdico *) */
html.high-contrast-mode h1, 
html.high-contrast-mode h2, 
html.high-contrast-mode h3, 
html.high-contrast-mode h4, 
html.high-contrast-mode h5, 
html.high-contrast-mode h6,
html.high-contrast-mode p,
html.high-contrast-mode span,
html.high-contrast-mode a,
html.high-contrast-mode i,
html.high-contrast-mode div,
html.high-contrast-mode button,
html.high-contrast-mode .text-muted,
html.high-contrast-mode .text-secondary,
html.high-contrast-mode .text-dark,
html.high-contrast-mode .text-primary {
    color: #FFD700 !important;
}

/* Popravek za ikone znotraj aktivnih gumbov (da ne ostanejo rumene na rumeni podlagi) */
html.high-contrast-mode .btn-group .btn {
    border: 2px solid #FFD700 !important;
    background-color: transparent !important;
}
html.high-contrast-mode .btn-group .btn.active {
    background-color: #FFD700 !important;
    color: #000000 !important;
}
html.high-contrast-mode .btn-group .btn.active i {
    color: #000000 !important;
}

/* Popravek za "switche" (stikala), da so jasno vidna v visokem kontrastu */
html.high-contrast-mode .form-check-input {
    background-color: #333 !important;
    border-color: #FFD700 !important;
}
html.high-contrast-mode .form-check-input:checked {
    background-color: #FFD700 !important;
    border-color: #FFD700 !important;
}

/* Fokus za tipkovnico */
a:focus-visible, button:focus-visible, input:focus-visible {
    outline: 3px solid #FF0000 !important; 
    outline-offset: 2px !important; 
}

html.zoom-medium .vreme-dan {
    font-size: 0.75rem !important;
}

/* Prisilni skok, ko uporabnik izbere največjo povečavo (140%) */
html.zoom-large .vreme-dan {
    font-size: 0.9rem !important;
}