/* footer-cols.css — το «σώμα» του footer (ζώνη «Footer top»).
   Το ζητά το block «Footer — στήλες».

   Τέσσερις στήλες: ταυτότητα · πλοήγηση · υπηρεσίες · επικοινωνία. Η πρώτη είναι
   πλατύτερη γιατί κρατά κείμενο· οι άλλες τρεις είναι λίστες συνδέσμων.

   Τα στοιχεία επικοινωνίας έρχονται από Γενικές Ρυθμίσεις ως {{setting:…}}.
   ΚΕΝΗ ρύθμιση = κενό στοιχείο → κρύβεται μόνο του (κανόνες :empty πιο κάτω). */

/* 🔴 ΧΩΡΙΣ `background` — ΑΦΑΙΡΕΘΗΚΕ 2026-08-12, ΜΕ ΛΟΓΟ.
   Είχε `background:#0b0f1a`. Ο ιδιοκτήτης όρισε κόκκινο φόντο υποσέλιδου από το
   Theme → Skin και το Footer top έμενε μαύρο, ενώ οι άλλες δύο λωρίδες άλλαζαν.

   ⚠️ ΔΕΝ ΗΤΑΝ ΘΕΜΑ ΠΡΟΤΕΡΑΙΟΤΗΤΑΣ — ΤΟ BACKGROUND ΔΕΝ ΚΛΗΡΟΝΟΜΕΙΤΑΙ.
   Το skin βάφει το `footer` (το section). Το `#Footer_top` είναι ΠΑΙΔΙ του και,
   έχοντας δικό του φόντο, το σκέπαζε — όπως αδιαφανές χαρτί πάνω σε βαμμένο
   τραπέζι. Καμία σειρά, ειδικότητα ή `!important` δεν το άλλαζε: δεν συγκρούονταν
   δύο κανόνες, ήταν δύο ΔΙΑΦΟΡΕΤΙΚΑ στοιχεία. Οι άλλες λωρίδες «ακολουθούσαν»
   απλώς επειδή ΔΕΝ είχαν δικό τους φόντο.

   Το χρώμα του υποσέλιδου το ορίζει πλέον ΜΟΝΟ το Theme → Skin, για όλες τις
   λωρίδες μαζί. Αν το καθαρίσεις εκεί, το Footer top μένει διαφανές — αυτό είναι
   το τίμημα του «η ρύθμιση αποφασίζει», και είναι σκόπιμο.
   ΜΗΝ ξαναβάλεις καρφωτό φόντο εδώ. */
#Footer_top { color: rgba(232, 235, 243, .72); padding: 68px 0 56px; }

/* ⚠️ ΠΡΟΣΩΡΙΝΟ, ΜΕ ΗΜΕΡΟΜΗΝΙΑ ΛΗΞΗΣ (σημείωση 2026-08-09).
   Η διάταξη των τεσσάρων στηλών γίνεται ΕΔΩ, με grid, ενώ το περιεχόμενο ζει σε
   ΕΝΑ Raw HTML — άρα ο builder δείχνει ΜΙΑ κάρτα για τέσσερις ορατές στήλες και
   τίποτα δεν αναδιατάσσεται χωρίς επεξεργασία κώδικα. Παραβιάζει τον μόνιμο
   κανόνα «τη διάταξη την ορίζει ο builder, όχι το CSS».
   ΔΕΝ διορθώνεται με στήλες builder: ο ιδιοκτήτης έχει άλλο σχέδιο — μηχανισμός
   τύπου widget areas (δήλωση στηλών/ζωνών από την «Εμφάνιση», γέμισμα με blocks).
   Μέχρι τότε μένει ως έχει· μην το σπάσεις στο μεταξύ. */
.nq-fcols { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 44px; }

.nq-fcol h4 { margin: 0 0 20px; font-size: 12px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: #fff; }
.nq-fcol p, .nq-fcol a { margin: 0 0 12px; font-size: 14.5px; line-height: 1.6; color: inherit;
  text-decoration: none; display: block; }
.nq-fcol a:hover { color: #fff; }
/* Χωρίς τιμή δεν μένει ούτε κενή γραμμή. */
.nq-fcol p:empty, .nq-fcol a:empty { display: none; }
/* …και ολόκληρη η στήλη φεύγει αν έμεινε μόνο ο τίτλος της. Ο κανόνας πιάνει ΜΟΝΟ
   στήλες με <h4>, ώστε η στήλη της ταυτότητας να μένει πάντα. */
.nq-fcol:has(h4):not(:has(p:not(:empty))):not(:has(a[href]:not([href=""]))) { display: none; }

/* ── Στήλη ταυτότητας ── */
.nq-fbrand { margin: 0 0 12px; font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.nq-ftag { margin: 0 0 18px; font-size: 11.5px; font-weight: 600; letter-spacing: .14em;
  text-transform: uppercase; color: rgba(232, 235, 243, .5); }
.nq-fcol-brand p { max-width: 40ch; }

/* ── Επικοινωνία: εικονίδιο + κείμενο σε μία σειρά ── */
.nq-fcontact a, .nq-fcontact p { display: flex; align-items: flex-start; gap: 11px; }
.nq-fcontact svg { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 2px; opacity: .65; }

/* ── Social: κύκλοι με περίγραμμα ── */
.nq-fsocial { display: flex; gap: 10px; margin-top: 22px; }
.nq-fsocial a { display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; margin: 0; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%;
  transition: border-color .16s, background-color .16s; }
.nq-fsocial a:hover { border-color: #fff; background: rgba(255, 255, 255, .07); }
.nq-fsocial a[href=""] { display: none; }

@media (max-width: 991.98px) {
  .nq-fcols { grid-template-columns: 1fr 1fr; gap: 36px; }
  .nq-fcol-brand { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  #Footer_top { padding: 46px 0 38px; }
  .nq-fcols { grid-template-columns: 1fr; gap: 30px; }
}