/* =====================================================
   NAV — Header Main: main menu (αριστερά) + secondary (δεξιά)
   Strikethrough hover (Zoya/Stockholm reference)
   Το .header-nav-main πιάνει ΚΑΙ τα δύο menus.
   ===================================================== */

/* --- Link styling --- */
.header-nav-main > li > a.nav-top-link {
  position: relative;
  letter-spacing: 1px!important;      
  transition: color .3s ease-in-out;
}

/* καθάρισμα άκρων: το αριστερό menu κολλάει στην αριστερή άκρη,
   το δεξί στη δεξιά */
.header-nav-main > li:first-child { margin-left: 0; }
.header-nav-main > li:last-child  { margin-right: 0; }

/* --- Strikethrough: γραμμή στο κέντρο, 0 → full width από αριστερά --- */
.header-nav-main > li > a.nav-top-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 2px;
  background: var(--gold);
  transition: width .3s cubic-bezier(.27, .62, .43, 1.01);
  pointer-events: none;
}

/* Hover + τρέχουσα σελίδα.
   -1px = αντιστάθμιση trailing letter-spacing */
.header-nav-main > li:hover > a.nav-top-link::before,
.header-nav-main > li.current-menu-item > a.nav-top-link::before {
  width: calc(100% - 1px);
}

/* Κείμενο: ελαφρύ σκούρεμα, όχι fade */
.header-nav-main > li:hover > a.nav-top-link {
  color: #020202;
  opacity: 1;                       /* σβήνει το default Flatsome hover fade */
}


/* nav.css — πλήρες layout block */

/* Έλξη προς το κεντραρισμένο logo */
.header-nav-main.nav-left  { justify-content: flex-end; }
.header-nav-main.nav-right { justify-content: flex-start; }

/* Απόσταση ΜΕΤΑΞΥ των items κάθε menu */
.header-nav-main > li { margin: 0 40px!important; }   /* παίξε την τιμή */

/* Απόσταση menu ↔ logo (εσωτερικές άκρες) */
.header-nav-main.nav-left  > li:last-child  { margin-right: 40px!important;}
.header-nav-main.nav-right > li:first-child { margin-left: 40px!important;}

/* Εξωτερικές άκρες καθαρές */
.header-nav-main.nav-left  > li:first-child { margin-left: 0; }
.header-nav-main.nav-right > li:last-child  { margin-right: 0; }

/* Strikethrough μόνο σε hover */
.header-nav-main > li:hover > a.nav-top-link::before {
  width: calc(100% - 1px);
}

/* Tablet + mobile: logo αριστερά */
@media (max-width: 849px){
  .header-inner.logo-center .logo{
    order: -1;                 /* πρώτο στο flex-row */
    margin-right: auto;        /* σπρώχνει τα υπόλοιπα δεξιά */
    text-align: left;
  }
  .medium-logo-center .flex-left{
    flex: 0 0 auto;            /* το (άδειο) mobile-left δεν πιάνει χώρο */
  }
}

/* Mobile (<550px): logo width auto */
@media (max-width: 549px){
  #logo{
    width: auto !important;
  }
}