#a11y-toolbar {
	font-size: 13px;
    font-weight: bold;
    position: fixed;
    top: 140px; /* Ρυθμίζουμε την αρχική κορυφή του toolbar */
    right: -200px; /* Ξεκινάει κρυμμένο από τα δεξιά */
    width: 200px;
    height: auto; /* Αλλαγή σε auto */
    max-height: 100%; /* Προσθήκη max-height */
    background: #fff;
    border-left: 1px solid #ccc;
    z-index: 9999;
    transition: right 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	border: 2px solid #0000FF; /* Μπλε περίγραμμα 2px */
}

#a11y-toolbar.open {
    right: 0; /* Μετακινείται προς τα αριστερά όταν είναι ανοιχτό */
}

#a11y-icon {
    position: fixed; /* ή absolute ανάλογα με τη δομή του layout */
    right: 0px; /* Ρυθμίστε τη θέση ανάλογα */
    top: 140px; /* Ρυθμίστε τη θέση ανάλογα */
    cursor: pointer;
    z-index: 9999; /* Εξασφαλίζει ότι το εικονίδιο θα είναι πάντα μπροστά */
	transition: right 0.3s ease-in-out; /* Προσθήκη μετάβασης */
    width: 38px; /* ή το επιθυμητό μέγεθος */
    height: auto; /* διατηρεί τις αναλογίες της εικόνας */
}


#a11y-options {
    padding: 10px;
    width: 100%; /* Εξασφαλίζει ότι το μενού χρησιμοποιεί όλο το πλάτος του toolbar */
    display: none; /* Αρχικά κρυμμένο */
}

#a11y-options button {
	 font-size: 11px;
    display: block;
    margin-bottom: 10px;
}
/* Βασικές ρυθμίσεις για υψηλή αντίθεση */
.high-contrast {
    background-color: black;
    color: white;
}

/* Έντονα χρώματα για τίτλους και σημαντικά στοιχεία */
.high-contrast h1, .high-contrast h2, .high-contrast h3, .high-contrast .important {
    color: #FFD700; /* Χρυσό χρώμα */
}

/* Υπογραμμίσεις για συνδέσμους */
.high-contrast a {
    text-decoration: underline;
    color: #00BFFF; /* Ουράνιο μπλε */
}