/* Προσαρμογή για το μενού δύο ταχυτήτων */
.nav-item.dropdown:hover .dropdown-menu {
    display: block; /* Εμφάνιση του dropdown όταν περνάς το ποντίκι */
}

/* Στυλ για το μενού */
.navbar {
    background-color: #002366; /* Σκούρο μπλε χρώμα */
	padding: 5px 20px; /* Μικρότερο ύψος για την navbar */
}

.navbar .nav-link {
    color: white !important; /* Λευκό χρώμα για τα κείμενα του μενού */
}

.navbar .nav-link:hover {
    color: #f0ad4e !important; /* Ελαφρώς χρυσό για το hover */
}

/* Στυλ για το λογότυπο και το κείμενο του μενού */
.navbar .navbar-header {
    display: flex;
    align-items: center; /* Ευθυγραμμίζει το λογότυπο και το κείμενο κατακόρυφα */
}

.navbar .logo-img {
    max-width: 270px; /* Μεγαλύτερο μέγεθος λογότυπου */
    height: auto; /* Διατήρηση αναλογιών */
    margin-right: 15px; /* Αφήνει λίγο χώρο δεξιά από το λογότυπο */
}

.navbar .navbar-brand {
    color: white !important; /* Λευκό χρώμα για το κείμενο */
    font-size: 1.8 rem; /* Μέγεθος γραμματοσειράς για το κείμενο */
    font-weight: bold; /* Παχύ γράμμα για το κείμενο */
}

.navbar .navbar-brand:hover {
    color: #f0ad4e !important; /* Ελαφρώς χρυσό για το hover */
}

/* Επεξεργασία για μικρότερες οθόνες */
@media (max-width: 767px) {
    .navbar .logo-img {
        max-width: 150px; /* Μικρότερο λογότυπο σε κινητά */
    }
}

/* Προσθήκη εφέ κατά το hover */
.logo:hover {
    transform: scale(1.2); /* Ακόμα μεγαλύτερο λογότυπο όταν περνάει ο δείκτης */
}
	
	
/* Ενότητα Hero */
.hero {
    background: url('../images/sea.jpg') no-repeat center center;
    background-size: cover;
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.hero h1 {
    font-size: 3.5rem;
    font-weight: bold;
}
.hero p {
    font-size: 1.8rem;
}

/* Στυλ για τις Δραστηριότητες */
.activities h2 {
    color: #002366; /* Σκούρο μπλε */
    font-weight: bold;
}

.activities .card {
    border: none;
    box-shadow: 0
}

.element {
    margin-top: 20px;  /* Απόσταση 20px από πάνω */
    margin-bottom: 30px;  /* Απόσταση 30px από κάτω */
}
	
  /* Στυλ για το μήνυμα επιτυχίας */
        #successMessage {
            display: none;
            background-color: #d4edda; /* Ελαφρύ πράσινο φόντο */
            color: #155724; /* Σκούρο πράσινο κείμενο */
            padding: 10px;
            margin-top: 20px;
            border-radius: 5px;
            border: 1px solid #c3e6cb;
        }

    /* Στυλ για το Ημερολόγιο */
        .calendar {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: -3px;
            text-align: center;
        }
        .day {
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        .day.event {
            background-color: #ffc107;
            color: white;
        }
        .day:hover {
            cursor: pointer;
            background-color: #007bff;
            color: white;
        }