/* Almyra — Footer — στυλ ΜΟΝΟ αυτού του part.
   Φορτώνεται μόνο του σε κάθε σελίδα όπου είναι τοποθετημένο.
   Διαδρομή: /theme/css/parts/footer/part-155351.css
   Το όνομα του αρχείου βγαίνει από το Handle — αν το αλλάξεις,
   το αρχείο μετονομάζεται μαζί. */

/* ══ NQ-ZONE all ══ */
/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Βασικό κέλυφος χωρίς παράκαμψη των χρωμάτων του Skin. */
/* nq-tags: Almyra footer, shell */
#almyra-footer {
  padding: 0;
  font-family: "DM Sans", Arial, sans-serif;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Λεπτή επάνω γραμμή footer. */
/* nq-tags: footer top, spacing */
#almyra-footer .al-footer-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 34px clamp(24px, 6vw, 92px);
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Τοποθεσία επάνω γραμμής. */
/* nq-tags: footer top, eyebrow */
#almyra-footer .al-footer-intro span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Κύρια φράση επάνω γραμμής. */
/* nq-tags: footer top, heading */
#almyra-footer .al-footer-intro strong {
  max-width: 640px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(24px, 2.4vw, 38px);
  font-weight: 500;
  line-height: 1.18;
  text-align: right;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Λογότυπο footer. */
/* nq-tags: footer logo, brand */
#almyra-footer .al-footer-logo {
  width: 190px;
  max-width: 100%;
  height: auto;
  margin: 0 0 22px;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Ρυθμός και εσωτερικά κενά κύριων στηλών.
   [ADAPT 2026-08-28] padding-top 56px -> 72px, ζητήθηκε ρητά από τον ιδιοκτήτη
   («αυτά να κατέβουν λίγο» — λογότυπο + EXPLORE/PLAN/CONTACT ήθελαν περισσότερη
   απόσταση από το πάνω άκρο της σκούρας μπάρας footer). Οι 4 στήλες παραμένουν
   στην ίδια ευθεία μεταξύ τους (μετρημένο 0px διαφορά) — η αλλαγή είναι ΚΑΘΕΤΗ
   απόσταση του συνόλου, όχι μεταξύ στηλών. */
#almyra-footer .al-footer-col {
  min-width: 0;
  padding: 72px clamp(18px, 2.7vw, 44px) 50px;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Τίτλοι στηλών. */
/* nq-tags: footer heading */
#almyra-footer .al-footer-col h4 {
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Περιγραφικά κείμενα footer. */
/* nq-tags: footer text */
#almyra-footer .al-footer-col p {
  max-width: 440px;
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 1.75;
  opacity: .72;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Σύνδεσμοι footer. */
/* nq-tags: footer links */
#almyra-footer .al-footer-col a {
  display: block;
  width: fit-content;
  margin: 0 0 13px;
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
  opacity: .78;
  transition: opacity .2s ease, transform .2s ease;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Ήπια αλληλεπίδραση συνδέσμων. */
/* nq-tags: footer links, hover */
#almyra-footer .al-footer-col a:hover {
  opacity: 1;
  transform: translateX(3px);
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Κύριος σύνδεσμος επικοινωνίας. */
/* nq-tags: footer contact, cta */
#almyra-footer .al-footer-enquire {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  font-weight: 700;
  opacity: 1;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: [ADAPT 2026-08-28] Κυκλικό badge γύρω από τα social icons (Facebook
   κ.λπ., τώρα στη στήλη CONTACT) — ζητήθηκε ρητά από τον ιδιοκτήτη, «όπως στο
   παλιό site». Το `.nq-social a` (functions.css) είναι ΓΥΜΝΟ icon εξ ορισμού
   (κοινό widget, χρησιμοποιείται και στο mobile panel) — το κυκλάκι μπαίνει
   ΜΟΝΟ εδώ, scoped στο footer, ώστε το mobile panel να μη μεταβληθεί. Ήπιο
   περίγραμμα αντί για συμπαγές gold fill (το gold fill είναι ήδη γλώσσα CTA-
   κουμπιού στο `.nq-btn-ico`) — hover γεμίζει ελαφρώς με --nq-accent.
   [ADAPT 2026-08-28, fix] Το icon φαινόταν εκτός κέντρου — αιτία:
   `#almyra-footer .al-footer-col a` (πιο πάνω σε αυτό το αρχείο) γράφει
   `display:block`, ΙΔΙΑ ειδικότητα με αυτόν εδώ τον κανόνα (#id .class a),
   και κερδίζει επειδή δεν ξαναγράφαμε `display` εδώ — ακύρωνε το
   `inline-flex/center/center` του functions.css. Λύση: ξαναδηλώνεται ρητά
   εδώ, όχι μαντεμένο margin/padding πάνω στο icon. */
/* nq-tags: footer contact, social, badge */
#almyra-footer .nq-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  transition: border-color .2s ease, background-color .2s ease, opacity .2s ease;
}
#almyra-footer .nq-social a:hover {
  opacity: 1;
  border-color: var(--nq-accent, #d4aa5d);
  background: rgba(212, 170, 93, .14);
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: Κάτω γραμμή πνευματικών δικαιωμάτων. */
/* nq-tags: footer bottom */
#almyra-footer .al-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 25px clamp(24px, 6vw, 92px);
  border-top: 1px solid rgba(255, 255, 255, .13);
  font-size: 11px;
  letter-spacing: .04em;
  opacity: .54;
}

/* nq-sec: Almyra Footer */
/* nq-sec-color: 3 */
/* nq-note: [ADAPT 2026-08-28] Πιστωτική γραμμή σχεδιαστή («Designed by Webbox —
   email») σε badge/pill αντί για γυμνό κείμενο — ζητήθηκε ρητά από τον
   ιδιοκτήτη: μεγαλύτερο μέγεθος, ορθογώνιο φόντο (όχι πλήρης κύκλος). Ίδια
   οικογένεια χρώματος (gold rgba) με το hover των social icons παραπάνω, για
   συνέπεια αντί για νέο τόνο. Επιλέκτης βάσει mailto ώστε να μη σπάσει αν
   αλλάξει η σειρά των τριών spans του footer-bottom. */
/* nq-tags: footer bottom, credit, badge */
#almyra-footer .al-footer-bottom span:has(a[href^="mailto"]) {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 12.5px;
  border-radius: 6px;
  background: rgba(212, 170, 93, .14);
  border: 1px solid rgba(212, 170, 93, .3);
}
/* ══ NQ-ZONE-END all ══ */

/* ══ NQ-ZONE xl ══ */
/* ══ NQ-ZONE-END xl ══ */

/* ══ NQ-ZONE desktop ══ */
/* ══ NQ-ZONE-END desktop ══ */

/* ══ NQ-ZONE tablet ══ */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* nq-sec: Almyra Footer */
  /* nq-sec-color: 3 */
  /* nq-note: [ADAPT] Οι στηλες στοιβαζονται ηδη στα 991.98px (bootstrap col-lg-*),
     αλλα τα κενα της στοιβας ξεκινουσαν μολις στα 767.98px. Στη ζωνη 768-991 καθε
     μια απο τις 4 στηλες κρατουσε το padding της επιφανειας εργασιας (56px+50px),
     δηλαδη 4x106px καθετα. Μετρημενο ζωντανα: υψος footer 1436px, mockup 1054px.
     Με τον ιδιο κανονα που ισχυει ηδη σε κινητο: 1436 -> 1196px (-240px).
     ΚΑΜΙΑ αλλαγη σε >=992px (μετρημενο: 1024 και 1440 μενουν 511 / 487px).
     Ιδιες δηλωσεις με τη ζωνη mobile - προσαρμοστηκε ΜΟΝΟ το ευρος του media. */
  /* nq-tags: footer columns, tablet, adapt */
  #almyra-footer .al-footer-col {
    padding: 34px 22px 12px;
  }
}
/* ══ NQ-ZONE-END tablet ══ */

/* ══ NQ-ZONE mobile ══ */
@media (max-width: 767.98px) {
  /* nq-sec: Almyra Footer */
  /* nq-sec-color: 3 */
  /* nq-note: Στοίβαξη επάνω γραμμής σε κινητό. */
  /* nq-tags: footer top, mobile */
  #almyra-footer .al-footer-intro {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 28px 22px;
  }

  /* nq-sec: Almyra Footer */
  /* nq-sec-color: 3 */
  /* nq-note: Ανάγνωση κύριας φράσης σε κινητό. */
  /* nq-tags: footer top, mobile heading */
  #almyra-footer .al-footer-intro strong {
    font-size: 28px;
    text-align: left;
  }

  /* nq-sec: Almyra Footer */
  /* nq-sec-color: 3 */
  /* nq-note: Συμπαγή κενά στηλών σε κινητό. */
  /* nq-tags: footer columns, mobile */
  #almyra-footer .al-footer-col {
    padding: 34px 22px 12px;
  }

  /* nq-sec: Almyra Footer */
  /* nq-sec-color: 3 */
  /* nq-note: [ADAPT 2026-08-28] Σε κινητό εμφανίζονται ΜΟΝΟ η στήλη ταυτότητας
     (λογότυπο) και η στήλη Contact — ζητήθηκε ρητά από τον ιδιοκτήτη, οι δύο
     ενδιάμεσες (Explore, Plan) κρύβονται. Επιλέκτης βάσει των δύο σταθερών
     κλάσεων άκρων (`.al-footer-brand`/`.al-footer-contact`), όχι nth-child, ώστε
     να μη σπάσει αν αλλάξει η σειρά. Μόνο αυτό το media block — desktop/tablet
     (>=768px) ανέγγιχτα. */
  /* nq-tags: footer columns, mobile, adapt */
  #almyra-footer .al-footer-col:not(.al-footer-brand):not(.al-footer-contact) {
    display: none;
  }

  /* nq-sec: Almyra Footer */
  /* nq-sec-color: 3 */
  /* nq-note: Στοίβαξη κάτω γραμμής σε κινητό. */
  /* nq-tags: footer bottom, mobile */
  #almyra-footer .al-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 24px 22px;
  }
}
/* ══ NQ-ZONE-END mobile ══ */