/* Μικρές προσθήκες πάνω από το compiled styles.css — δεν πειράζουμε καθόλου το styles.css
   ώστε να μη σπάσει τίποτα από το αρχικό οπτικό αποτέλεσμα. Εδώ μπαίνουν μόνο οι κανόνες
   που χρειάζονται τα απλά vanilla-JS κομμάτια (εναλλαγή θέματος, μενού κινητού). */

/* --- Εναλλαγή εικονιδίου sun/moon στο κουμπί θέματος --- */
#theme-toggle .icon-sun,
#theme-toggle .icon-moon {
  display: none;
}
html.dark #theme-toggle .icon-sun {
  display: inline-flex;
}
html.light #theme-toggle .icon-moon {
  display: inline-flex;
}

/* --- Μενού κινητού (mobile overlay) --- */
#mobile-menu {
  display: none;
}
#mobile-menu.open {
  display: block;
}

/* --- Επαναφορά κανονικού δείκτη ποντικιού ---
   Το αρχικό styles.css κρύβει τον δείκτη παντού με δύο κανόνες, ο δεύτερος μάλιστα με
   !important (γιατί ο σχεδιασμός βασιζόταν εξ ολοκλήρου στο custom animated cursor):
     * { cursor: none; }
     a, button, [role="button"], input, textarea, select { cursor: none !important; }
   Αφού αφαιρέσαμε το animated cursor, τους ακυρώνουμε εδώ ώστε να φαίνεται ξανά ο
   κανονικός δείκτης παντού — χωρίς να πειράξουμε καθόλου το styles.css. Για να νικήσουμε
   τον δεύτερο κανόνα (που έχει !important) πρέπει κι εμείς να βάλουμε !important εδώ. */
html,
body,
*,
*::before,
*::after {
  cursor: auto;
}
a,
button,
[role="button"],
label {
  cursor: pointer !important;
}
input,
textarea {
  cursor: text !important;
}
input[type="submit"],
input[type="button"],
input[type="checkbox"],
input[type="radio"],
select {
  cursor: pointer !important;
}