/* Responsive ύψος χάρτη */
@media (max-width: 768px) { 
  #map { height: 350px; } 
}

@media (max-width: 480px) { 
  #map { height: 300px; } 
}

/* Responsive navbar και dropdown */
@media (max-width: 768px) {
  .two-columns { flex-direction: column; }
  .navbar { flex-direction: column; align-items: flex-start; gap: 10px; }
  .navbar ul { flex-direction: column; width: 100%; }
  .navbar li { margin: 10px 0; }
  .dropdown-content { 
    position: static; 
    box-shadow: none; 
    min-width: 100%; 
    display: none; 
    flex-direction: column; 
  }
  .navbar li:hover .dropdown-content { display: flex; }
}

/* Responsive Staff Page */
@media (max-width: 768px) {
  .staff-container { margin: 60px 20px; padding: 20px; }
}

/* Responsive Contact Page */
@media (max-width: 768px) {
  .contact-container { margin: 60px 20px; padding: 20px; }
  .contact-container input,
  .contact-container textarea {
    font-size: 16px; /* λίγο μεγαλύτερα σε κινητά */
  }
}

/* ===========================
   Responsive Footer
   =========================== */
@media (max-width: 768px) {
  /* ❌ Αφαιρέθηκαν οι κανόνες που έκαναν override το layout (flex/text-align).
     ✅ Κρατάμε μόνο τα μεγέθη για carousel, logos, κείμενο. */

  .footer-carousel {
    height: 40px; /* μικρότερο ύψος σε κινητά */
    margin-top: 5px;
  }

  .carousel-track img {
    margin: 0 10px;
    max-height: 30px; /* μικρότερα logos */
  }

  .footer-logo {
    max-height: 40px;
  }

  .footer-text {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .footer-carousel {
    height: 35px;
  }

  .carousel-track img {
    margin: 0 8px;
    max-height: 25px;
  }

  .footer-logo {
    max-height: 35px;
  }

  .footer-text {
    font-size: 11px;
  }
}