/* ══ NQ-ZONE all ══ */
/* Header 1 — κεφαλίδα — στυλ ΜΟΝΟ αυτού του part.
   Διαδρομή: /theme/css/parts/header/header-1.css
   Το όνομα του αρχείου βγαίνει από το Handle — αν το αλλάξεις, μετονομάζεται.

   ⚠️ ΜΗΝ ΞΑΝΑΚΑΝΕΙΣ ΤΟ ΠΑΝΕΛ absolute ΓΙΑ ΝΑ ΔΙΟΡΘΩΣΕΙΣ ΤΗ ΘΕΣΗ ΤΟΥ.
   Δοκιμάστηκε και έσπασε: το φόντο του πάνελ εδώ το δίνει κανόνας του module
   `header-1.css`, δεμένος με τη ΔΟΜΗ του επιλογέα
   (`.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open`). Αλλάζοντας την
   αγκύρωση, ο επιλογέας παύει να ταιριάζει, το φόντο χάνεται και τα στοιχεία
   του μενού εμφανίζονται ΔΙΑΦΑΝΑ πάνω στο περιεχόμενο της σελίδας. */

/* ══ ΥΠΟΜΕΝΟΥ · ΚΑΝΟΝΙΚΗ ΓΡΑΦΗ (desktop ΚΑΙ κινητό) ════════════════════════
   🔴 ΤΟ ΜΟΝΑΔΙΚΟ !important ΑΥΤΗΣ ΤΗΣ ΔΟΥΛΕΙΑΣ, ΜΕ ΚΑΤΑΓΡΑΦΗ ΤΟΥ ΓΙΑΤΙ:
   Έγινε πλήρης ΑΝΑΔΡΟΜΙΚΗ σάρωση και των 30 stylesheets της σελίδας (0 απέτυχαν
   να διαβαστούν) για κανόνες `text-transform` που ταιριάζουν στο στοιχείο:

     • κανόνες που ταιριάζουν με uppercase ....... ΚΑΝΕΝΑΣ
     • πρόγονοι με text-transform ≠ none ......... ΚΑΝΕΝΑΣ
     • inline style / font-variant-caps .......... ΚΑΝΕΝΑ / normal
     • κείμενο στο DOM ........................... πεζό («Υπηρεσίες»)
     • computed .................................. uppercase

   Η πηγή ΔΕΝ εντοπίζεται μέσω CSSOM. Ύποπτα σημεία που ΔΕΝ ελέγχθηκαν: Custom
   CSS του Theme, CSS του Skin, `/style.css` — φορτώνονται μετά τα part CSS.
   ⚠️ ΑΝ ΒΡΕΘΕΙ Η ΠΗΓΗ, ΣΒΗΣΕ ΤΟ !important ΚΑΙ ΔΙΟΡΘΩΣΕ ΕΚΕΙ. */
header .nq-subnav .nq-nav-link {
  text-transform: none !important;
  letter-spacing: normal;
  font-size: 12.5px;
  font-weight: 500;
}
/* ══ NQ-ZONE-END all ══ */

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

/* ══ NQ-ZONE tablet ══ */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* 🔴 ΤΟ ΠΑΝΕΛ ΝΑ ΑΝΟΙΓΕΙ ΚΑΤΩ ΑΠΟ ΤΟ ΤΕΛΟΣ ΤΗΣ ΛΩΡΙΔΑΣ — ΕΝΑΣ ΚΑΝΟΝΑΣ.
       Το module αγκυρώνει το πάνελ με `top: 100%` πάνω στο `.pb-row`
       (`.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open`, header-1.css:183).
       Όμως η λωρίδα `.nq-mob-head` έχει `min-height: 64px` + `align-items: center`,
       οπότε η ΓΡΑΜΜΗ είναι κεντραρισμένη και τελειώνει ΠΡΙΝ από τη λωρίδα. Το
       `100%` της γραμμής πέφτει έτσι ΜΕΣΑ στην κεφαλίδα και το πάνελ σκέπαζε το
       κάτω κομμάτι της.
  
       Η λωρίδα είναι ΗΔΗ `position: relative` (γρ. 113) και οι στήλες της `static`
       (γρ. 114) — έλειπε μόνο η γραμμή. Κάνοντάς την static, η άγκυρα ανεβαίνει
       στο `.nq-mob-head` και το `top: 100%` σημαίνει «ακριβώς κάτω από ΟΛΗ τη
       λωρίδα».
       ⚠️ Δεν αλλάζει ο επιλογέας του module, άρα ΦΟΝΤΟ και padding μένουν άθικτα —
       αυτό ήταν το λάθος της προηγούμενης προσπάθειας, που έσβηνε το φόντο. */
    .nq-mob-head > .pb-row { position: static; }
  
    /* 🔴 ΕΦΕ ΑΝΟΙΓΜΑΤΟΣ — opacity + transform, ΟΧΙ max-height.
       Ειδικότητα (0,4,0) ώστε να νικά το `.pb-col > .nq-h1-navbar >
       .nq-h1-navwrap.is-open` (0,3,0) του module, που ορίζει `display: none/block`
       — και το `display` ΔΕΝ κινείται καθόλου. Με `visibility` το πάνελ μένει
       εκτός πλοήγησης με Tab όσο είναι κλειστό ΚΑΙ η μετάβαση παίζει. */
    header .pb-col > .nq-h1-navbar > .nq-h1-navwrap {
      display: block;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-10px);
      pointer-events: none;
      transition: opacity .25s ease, transform .25s ease, visibility .25s;
    }
    header .pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open {
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
  
    /* Χρώμα πάνελ για ΑΥΤΗ την κεφαλίδα (σκούρα). Θέση, κίνηση και «σπρώξιμο»
       τα ορίζει το κοινό `theme/css/mobile-menu.css` — εδώ μόνο η μεταβλητή. */
    header { --nqm-panel-bg: #0b0f1a; }
  
    /* Μηδενισμός των «pill» προεπιλογών του theme.css (`border-radius: 8px` στο
       link, `gap: 4px` στη λίστα): σωστά για desktop, λάθος μέσα στο πάνελ. */
    .nq-h1-navwrap .nq-nav { gap: 0; }
    .nq-h1-navwrap .nq-nav-link { border-radius: 0; }
  
    .nq-h1-navwrap .nq-nav-item { position: relative; }
    .nq-h1-navwrap .nq-nav-caret { display: none; }
  
    /* Κουμπί υπομενού: ΚΑΛΥΠΤΕΙ ΟΛΗ ΤΗ ΓΡΑΜΜΗ, ώστε να πατιέται με το δάχτυλο
       οπουδήποτε. Το σταθερό `height` το κρατά μέσα στη γραμμή — το <li> περιέχει
       και το υπομενού, άρα χωρίς αυτό θα σκέπαζε τα παιδιά. */
    .nq-h1-navwrap .nq-sub-toggle {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: auto;
      height: 42px;
      padding: 0 16px 0 0;
      border: 0;
      background: none;
      color: inherit;
      cursor: pointer;
      opacity: .7;
    }
    /* Το κουμπί είναι ΚΕΝΟ στο HTML — χρειάζεται δικό του βελάκι. Με borders και
       όχι iconfont, ώστε να μην απαιτείται συγκεκριμένο σετ εικονιδίων. */
    .nq-h1-navwrap .nq-sub-toggle::before {
      content: "";
      width: 7px;
      height: 7px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: translateY(-2px) rotate(45deg);
      transition: transform .18s;
    }
    .nq-h1-navwrap .nq-sub-toggle[aria-expanded="true"]::before {
      transform: translateY(2px) rotate(-135deg);
    }
  
    /* Υπομενού: συνέχεια της λίστας, όχι dropdown. Το theme.css του δίνει σκούρο
       φόντο φτιαγμένο για σκούρα κεφαλίδα. */
    .nq-h1-navwrap .nq-subnav {
      position: static;
      width: auto;
      min-width: 0;
      margin: 0;
      padding: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }
    .nq-h1-navwrap .nq-subnav .nq-nav-link { padding-left: 22px; }
    .nq-h1-navwrap .nq-subnav .nq-subnav .nq-nav-link { padding-left: 32px; }
  
    /* Γραμμές: πρώτο χωρίς πάνω, τελευταίο χωρίς κάτω. Στα υπο-στοιχεία η γραμμή
       ξεκινά με εσοχή (ψευδοστοιχείο, ώστε να ελέγχεται πού ξεκινά). */
    .nq-h1-navwrap .nq-nav > .nq-nav-item:first-child { border-top: 0; }
    .nq-h1-navwrap .nq-nav > .nq-nav-item:last-child { border-bottom: 0; }
    .nq-h1-navwrap .nq-subnav > .nq-nav-item { border-bottom: 0; }
    .nq-h1-navwrap .nq-subnav > .nq-nav-item::after {
      content: "";
      position: absolute;
      left: 22px;
      right: 0;
      bottom: 0;
      height: 1px;
      background: currentColor;
      opacity: .12;
    }
    .nq-h1-navwrap .nq-subnav > .nq-nav-item:last-child::after { display: none; }
  
    /* Ενεργός κλάδος — ο server βάζει `is-current-parent` + `nq-open`. */
    .nq-h1-navwrap .nq-nav-item.is-current-parent > .nq-nav-link { font-weight: 700; }
}
/* ══ NQ-ZONE-END tablet ══ */

/* ══ NQ-ZONE mobile ══ */
@media (max-width: 767.98px) {
  /* 🔴 ΤΟ ΠΑΝΕΛ ΝΑ ΑΝΟΙΓΕΙ ΚΑΤΩ ΑΠΟ ΤΟ ΤΕΛΟΣ ΤΗΣ ΛΩΡΙΔΑΣ — ΕΝΑΣ ΚΑΝΟΝΑΣ.
       Το module αγκυρώνει το πάνελ με `top: 100%` πάνω στο `.pb-row`
       (`.pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open`, header-1.css:183).
       Όμως η λωρίδα `.nq-mob-head` έχει `min-height: 64px` + `align-items: center`,
       οπότε η ΓΡΑΜΜΗ είναι κεντραρισμένη και τελειώνει ΠΡΙΝ από τη λωρίδα. Το
       `100%` της γραμμής πέφτει έτσι ΜΕΣΑ στην κεφαλίδα και το πάνελ σκέπαζε το
       κάτω κομμάτι της.
  
       Η λωρίδα είναι ΗΔΗ `position: relative` (γρ. 113) και οι στήλες της `static`
       (γρ. 114) — έλειπε μόνο η γραμμή. Κάνοντάς την static, η άγκυρα ανεβαίνει
       στο `.nq-mob-head` και το `top: 100%` σημαίνει «ακριβώς κάτω από ΟΛΗ τη
       λωρίδα».
       ⚠️ Δεν αλλάζει ο επιλογέας του module, άρα ΦΟΝΤΟ και padding μένουν άθικτα —
       αυτό ήταν το λάθος της προηγούμενης προσπάθειας, που έσβηνε το φόντο. */
    .nq-mob-head > .pb-row { position: static; }
  
    /* 🔴 ΕΦΕ ΑΝΟΙΓΜΑΤΟΣ — opacity + transform, ΟΧΙ max-height.
       Ειδικότητα (0,4,0) ώστε να νικά το `.pb-col > .nq-h1-navbar >
       .nq-h1-navwrap.is-open` (0,3,0) του module, που ορίζει `display: none/block`
       — και το `display` ΔΕΝ κινείται καθόλου. Με `visibility` το πάνελ μένει
       εκτός πλοήγησης με Tab όσο είναι κλειστό ΚΑΙ η μετάβαση παίζει. */
    header .pb-col > .nq-h1-navbar > .nq-h1-navwrap {
      display: block;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-10px);
      pointer-events: none;
      transition: opacity .25s ease, transform .25s ease, visibility .25s;
    }
    header .pb-col > .nq-h1-navbar > .nq-h1-navwrap.is-open {
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
  
    /* Χρώμα πάνελ για ΑΥΤΗ την κεφαλίδα (σκούρα). Θέση, κίνηση και «σπρώξιμο»
       τα ορίζει το κοινό `theme/css/mobile-menu.css` — εδώ μόνο η μεταβλητή. */
    header { --nqm-panel-bg: #0b0f1a; }
  
    /* Μηδενισμός των «pill» προεπιλογών του theme.css (`border-radius: 8px` στο
       link, `gap: 4px` στη λίστα): σωστά για desktop, λάθος μέσα στο πάνελ. */
    .nq-h1-navwrap .nq-nav { gap: 0; }
    .nq-h1-navwrap .nq-nav-link { border-radius: 0; }
  
    .nq-h1-navwrap .nq-nav-item { position: relative; }
    .nq-h1-navwrap .nq-nav-caret { display: none; }
  
    /* Κουμπί υπομενού: ΚΑΛΥΠΤΕΙ ΟΛΗ ΤΗ ΓΡΑΜΜΗ, ώστε να πατιέται με το δάχτυλο
       οπουδήποτε. Το σταθερό `height` το κρατά μέσα στη γραμμή — το <li> περιέχει
       και το υπομενού, άρα χωρίς αυτό θα σκέπαζε τα παιδιά. */
    .nq-h1-navwrap .nq-sub-toggle {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: auto;
      height: 42px;
      padding: 0 16px 0 0;
      border: 0;
      background: none;
      color: inherit;
      cursor: pointer;
      opacity: .7;
    }
    /* Το κουμπί είναι ΚΕΝΟ στο HTML — χρειάζεται δικό του βελάκι. Με borders και
       όχι iconfont, ώστε να μην απαιτείται συγκεκριμένο σετ εικονιδίων. */
    .nq-h1-navwrap .nq-sub-toggle::before {
      content: "";
      width: 7px;
      height: 7px;
      border-right: 2px solid currentColor;
      border-bottom: 2px solid currentColor;
      transform: translateY(-2px) rotate(45deg);
      transition: transform .18s;
    }
    .nq-h1-navwrap .nq-sub-toggle[aria-expanded="true"]::before {
      transform: translateY(2px) rotate(-135deg);
    }
  
    /* Υπομενού: συνέχεια της λίστας, όχι dropdown. Το theme.css του δίνει σκούρο
       φόντο φτιαγμένο για σκούρα κεφαλίδα. */
    .nq-h1-navwrap .nq-subnav {
      position: static;
      width: auto;
      min-width: 0;
      margin: 0;
      padding: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }
    .nq-h1-navwrap .nq-subnav .nq-nav-link { padding-left: 22px; }
    .nq-h1-navwrap .nq-subnav .nq-subnav .nq-nav-link { padding-left: 32px; }
  
    /* Γραμμές: πρώτο χωρίς πάνω, τελευταίο χωρίς κάτω. Στα υπο-στοιχεία η γραμμή
       ξεκινά με εσοχή (ψευδοστοιχείο, ώστε να ελέγχεται πού ξεκινά). */
    .nq-h1-navwrap .nq-nav > .nq-nav-item:first-child { border-top: 0; }
    .nq-h1-navwrap .nq-nav > .nq-nav-item:last-child { border-bottom: 0; }
    .nq-h1-navwrap .nq-subnav > .nq-nav-item { border-bottom: 0; }
    .nq-h1-navwrap .nq-subnav > .nq-nav-item::after {
      content: "";
      position: absolute;
      left: 22px;
      right: 0;
      bottom: 0;
      height: 1px;
      background: currentColor;
      opacity: .12;
    }
    .nq-h1-navwrap .nq-subnav > .nq-nav-item:last-child::after { display: none; }
  
    /* Ενεργός κλάδος — ο server βάζει `is-current-parent` + `nq-open`. */
    .nq-h1-navwrap .nq-nav-item.is-current-parent > .nq-nav-link { font-weight: 700; }
}
/* ══ NQ-ZONE-END mobile ══ */