/* ---------------------------------------------------- */
        /* 1. Opći stilovi i prilagodba fonta */
        /* ---------------------------------------------------- */
        :root {
            --base-font-size: 16px; /* Bazna veličina fonta */
        }
        body {
            font-size: var(--base-font-size);
            transition: font-size 0.2s; /* Glatki prijelaz za promjenu veličine */
        }

        /* ---------------------------------------------------- */
        /* 2. CSS za Visoki Kontrast */
        /* ---------------------------------------------------- */
        body.high-contrast {
            background-color: #000 !important;
            color: #fff !important;
        }
        body.high-contrast a:not(.btn) {
            color: #ff0 !important; /* Žuti linkovi */
        }
        body.high-contrast .bg-light { 
            background-color: #1a1a1a !important; /* Zamijenite svijetle pozadine */
            color: #fff !important;
        }
        body.high-contrast .card, 
        body.high-contrast .modal-content {
            background-color: #1a1a1a !important;
            border-color: #fff !important;
            color: #fff !important;
        }

        /* ---------------------------------------------------- */
        /* 3. CSS za Podcrtane Linkove */
        /* ---------------------------------------------------- */
        body.underline-links a:not(.btn):not(.btn-link) {
            text-decoration: underline !important;
        }

        /* ---------------------------------------------------- */
        /* 4. CSS za font Disleksije */
        /* ---------------------------------------------------- */
        body.dyslexia-font {
            font-family: 'Verdana', sans-serif !important; 
            letter-spacing: 0.05em;
            word-spacing: 0.1em;
        }
        
        /* Stilizacija gumba za otvaranje modala */
        #a11y-open-btn {
            position: fixed; 
            bottom: 20px; 
            right: 20px; 
            z-index: 1050; 
            width: 50px; 
            height: 50px; 
            font-size: 1.25rem;
            padding: 0; /* Ukloni defaultni padding gumba */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        /* Stilizacija za 'x' unutar gumba (jer B4 nema B5 ikone) */
        #a11y-open-btn::after {
            content: ""; /* Možete koristiti bilo koji simbol */
        }