/* Περιεχόμενο */
.content { 
  flex: 1; 
  padding: 100px 20px 20px 20px; 
}

/* Δύο στήλες */
.two-columns {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  text-align: left;
  margin-top: 40px;
}

.two-columns .column {
  flex: 1;
  padding: 20px;
}

/* Χάρτης Section */
.map-section {
  margin: 40px 20px;
  padding: 20px;
}

#map {
  width: 100%;
  height: 450px;
}

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

/* Responsive */
@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; }
}

/* Καρουζέλ (γενικό) */
.carousel {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  overflow: hidden;
}

.carousel .slides { 
  display: flex; 
  transition: transform 0.5s ease-in-out; 
}

.carousel img { 
  width: 100%; 
  flex-shrink: 0; 
}

/* Staff / Contact Page */
.staff-container {
  max-width: 900px;
  margin: 100px auto 40px auto;
  padding: 30px;
}

.contact-container {
  max-width: 900px;
  margin: 100px 20px 40px 20px;
  padding: 30px;
}

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

/* ===== Footer Layout ===== */
footer {
  background-color: #006994; /* μπλε */
  color: #fff;
  padding: 20px 40px;
}

/* ⚠️ Αφαιρέθηκαν οι κανόνες που έδιναν flex:1 σε όλα τα blocks.
   Το layout του footer ελέγχεται πλέον αποκλειστικά από το componets.css */

/* Logo στο footer */
.footer-logo {
  max-height: 50px;
  margin-bottom: 10px;
}

/* Κείμενο footer με scroll */
.footer-text {
  display: inline-block;       /* απαραίτητο για animation */
  white-space: nowrap;         /* να μην σπάει σε γραμμές */
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
  animation: footer-scroll 15s linear infinite;
}

@keyframes footer-scroll {
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

/* Scroll-wrapper */
.scroll-wrapper {
  margin-top: 10px;
  overflow: hidden;
}

.scroll-text {
  white-space: nowrap;
  animation: scroll-text 15s linear infinite;
}

@keyframes scroll-text {
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

/* ===== Footer Carousel Layout ===== */
.footer-carousel {
  height: 60px; 
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.carousel-track {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.carousel-track img {
  max-height: 100%;
  margin: 0 20px;
}

.carousel-track:hover {
  animation-play-state: paused;
}

@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
/* ==========================================
   SECTION 100 — DUAL CLOCK (LOCAL + UTC)
   DSEG7 Amber Airport Style
========================================== */

#utc-clock {
    font-family: 'DSEG7 Modern', 'Courier New', monospace;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: 2px;

    color: #ffb300;
    text-shadow: 0 0 8px rgba(255, 179, 0, 0.7);

    background: rgba(0, 0, 0, 0.45);
    padding: 6px 12px;
    border-radius: 8px;

    border: 1px solid rgba(255,255,255,0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;

    min-width: 180px;
    max-width: 200px;
    text-align: left !important;
	white-space: nowrap;
}

/* μικρό label για LOCAL / UTC */
#utc-clock span {
    font-size: 11px;
    letter-spacing: 1px;
    margin-left: 4px;
    opacity: 0.9;
}

/* δεξιά στο navbar — COMPACT, NO WRAP */
.navbar-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
    min-width: 300px;
}

/* Ρολόγια να έρχονται πρώτα */
#utc-clock {
    order: 0;
}

/* ===========================
   FULL-WIDTH MAP SECTION
=========================== */

.map-title {
    width: 100%;
    padding: 0 30px;
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
}

.map-wrapper {
    width: 100%;
    padding: 0 30px;            /* Κενό αριστερά/δεξιά */
    box-sizing: border-box;
    margin-bottom: 50px;
}

#tourMap {
    width: 100%;
    height: 600px;
    border-radius: 12px;        /* Ταιριάζει με το glass theme */
    overflow: hidden;
}

/* Responsive */
@media (max-width: 768px) {
    .map-wrapper {
        padding: 0 15px;
    }

    #tourMap {
        height: 400px;
    }
}