/* top-bar.css — μπάρα επικοινωνίας πάνω από το header.
   Το ζητά το block «Top bar — επικοινωνία» (πεδίο «Χρειάζεται»), οπότε φορτώνεται
   ΜΟΝΟ στις σελίδες που το χρησιμοποιούν. Βλ. theme/css/modules/README.md.

   Οι τιμές έρχονται από τις Γενικές Ρυθμίσεις → Επικοινωνία, ως {{setting:…}}.
   ΚΕΝΗ ρύθμιση = κενό <span> → το κομμάτι κρύβεται μόνο του (κανόνες :empty πιο
   κάτω). Έτσι η μπάρα δεν δείχνει ποτέ ορφανό εικονίδιο ή «tel:» χωρίς αριθμό. */

/* Ίδιο σκούρο με το header από κάτω: δύο σχεδόν ίδια σκούρα στοιβαγμένα
   διαβάζονται ως λάθος, όχι ως σχεδιασμός. Ο διαχωρισμός γίνεται με τη λεπτή
   γραμμή, όχι με δεύτερη απόχρωση — γι' αυτό η μπάρα ΔΕΝ βάφεται καθόλου: το
   φόντο το δίνει το ίδιο το <header> (theme.css → `body.nq-front > header`). */
/* ⚠️ ΣΕ `:where()` ΕΠΙΤΗΔΕΣ — ειδικότητα 0,0,0, δηλαδή ΠΡΟΕΠΙΛΟΓΗ (2026-08-10).
   Ο builder γράφει τις ρυθμίσεις της γραμμής ως `#Top_header { … }` (1,0,0). Με
   σκέτο `#Top_header` εδώ οι δύο κανόνες είχαν ΙΔΙΑ ειδικότητα, οπότε αποφάσιζε η
   σειρά φόρτωσης — και το module φορτώνει ΜΕΤΑ. Αποτέλεσμα: το «Bottom Border»
   του builder γραφόταν σωστά και δεν φαινόταν ποτέ. */
:where(#Top_header) { color: rgba(232, 235, 243, .62);
  border-bottom: 1px solid var(--nq-header-line, rgba(255, 255, 255, .1));
  font-size: 13px; line-height: 1.4; }

/* Η γραμμή του PageBuilder είναι full-bleed (stretch_row_content_no_spaces), οπότε
   το boxed πλάτος το δίνει εδώ η μπάρα — ίδιο max-width/padding με το .nq-container
   ώστε τα στοιχεία της να ευθυγραμμίζονται ΑΚΡΙΒΩΣ με το λογότυπο από κάτω. */
.nq-tb { width: 100%; max-width: var(--nq-max, 1320px); margin-inline: auto; padding-inline: 12px;
  display: flex; align-items: center; gap: 22px; min-height: 38px; flex-wrap: wrap; }

.nq-tb-i { display: inline-flex; align-items: center; gap: 7px; color: inherit; text-decoration: none; }
a.nq-tb-i:hover { color: #fff; }
.nq-tb-i svg { flex: 0 0 auto; opacity: .75; }

/* Κρύψιμο όσων δεν έχουν τιμή: το :has() κοιτάει το ίδιο το <span> του κειμένου. */
.nq-tb-i:has(> span:empty) { display: none; }

.nq-tb-social { display: inline-flex; align-items: center; gap: 12px; margin-left: auto; }
.nq-tb-social a { display: inline-flex; color: inherit; opacity: .8; text-decoration: none; }
.nq-tb-social a:hover { opacity: 1; color: #fff; }
/* Κενή ρύθμιση → href="" → μη λειτουργικός σύνδεσμος· κρύψ' τον. */
.nq-tb-social a[href=""] { display: none; }
/* Χωρίς ορατά εικονίδια η ομάδα έχει μηδενικό πλάτος — δεν χρειάζεται κανόνας. */

/* Στενές οθόνες: το ωράριο είναι το πρώτο που φεύγει, μετά κεντράρονται όλα. */
@media (max-width: 767.98px) {
  .nq-tb-hours { display: none; }
}
@media (max-width: 575.98px) {
  .nq-tb { justify-content: center; gap: 14px; padding: 7px 0; }
  .nq-tb-social { margin-left: 0; width: 100%; justify-content: center; }
}