.language-switcher {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 10px;
  }
  
  .language-switcher .flag {
    width: 28px;
    height: auto;
    cursor: pointer;
    border-radius: 3px;
    transition: transform 0.3s ease;
  }
  
  .language-switcher .flag:hover {
    transform: scale(1.1);
  }
  
  /* Σε μεγάλες οθόνες: πάνω δεξιά */
  @media (min-width: 769px) {
    .language-switcher {
      position: absolute;
      top: 10px;
      right: 20px;
    }
  }
  
  /* Σε μικρές οθόνες: μέσα στο dropdown */
  @media (max-width: 768px) {
    #main-nav {
      display: none;
      flex-direction: column;
    }
  
    #main-nav.open {
      display: flex;
    }
  
    .language-switcher {
      position: static;
      justify-content: center;
      margin-top: 10px;
      padding-top: 10px;
    }
  }