/* 1. ΥΠΟΛΟΓΙΣΤΗΣ (Desktop) - Μένει όπως το θέλαμε */
@media (min-width: 980px) {
    body.home .header {
        position: absolute !important;
        width: 100% !important;
        top: 0 !important;
        background: transparent !important;
        z-index: 9999 !important;
    }
    .header_bottom { overflow: visible !important; }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block !important;
        background-color: #333333 !important;
    }
    body.home .header_bottom ul.nav > li > a {
        color: #ffffff !important;
        text-shadow: 2px 2px 4px #000;
    }
}

/* 2. ΚΙΝΗΤΟ (Mobile) - ΚΑΘΑΡΟ ΛΕΥΚΟ ΦΟΝΤΟ */
@media (max-width: 979px) {
    /* Το πάνω μέρος (Logo & Sandwich) */
    body.home .header, .header {
        position: relative !important;
        background: #ffffff !important; /* ΑΣΠΡΟ ΦΟΝΤΟ */
        z-index: 1000 !important;
    }

    /* Το μενού που ανοίγει */
    .nav-collapse, .nav-collapse.in {
        background: #ffffff !important; /* ΑΣΠΡΟ ΦΟΝΤΟ ΚΑΙ ΕΔΩ */
    }

    /* Τα γράμματα στο κινητό - ΜΑΥΡΑ για να φαίνονται στο άσπρο */
    .nav-collapse .nav > li > a {
        color: #333333 !important;
        font-weight: bold !important;
        border-bottom: 1px solid #eeeeee !important;
        text-shadow: none !important;
    }

    /* Το slider να μην ανεβαίνει πάνω */
    body.home #sp-main-body, 
    body.home .body-innerwrapper {
        margin-top: 0 !important;
    }
}

/* 3. LOGO & CRUISE (Τα δικά σου) */
.logo img { mix-blend-mode: multiply !important; }

.cruise-wrap { max-width: 980px; margin: 0 auto; text-align: center; }
.cruise-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 12px 0 22px; }
.cruise-box { max-width: 820px; margin: 18px auto; border-radius: 12px; text-align: left; }
.cruise-cards { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin: 14px 0 18px; }
.cruise-card { border-radius: 12px; width: 300px; text-align: left; }
//* ΕΥΘΥΓΡΑΜΜΙΣΗ LOGO ΚΑΙ ΣΑΝΤΟΥΙΤΣ - FIX */
@media (max-width: 979px) {
    /* Δημιουργούμε χώρο για το σάντουιτς δίπλα στο logo */
    .header_bottom .container {
        position: relative !important;
        min-height: 80px !important; /* Ύψος για να χωράνε */
    }

    .logo {
        float: left !important;
        padding: 10px 0 !important;
        max-width: 70% !important;
    }

    .logo img {
        max-height: 60px !important;
        width: auto !important;
    }

    /* Το σάντουιτς δεξιά και κεντραρισμένο */
    .btn-navbar {
        float: right !important;
        margin-top: 20px !important; /* Το κατεβάζουμε στην ευθεία του logo */
        margin-right: 10px !important;
        position: relative !important;
        z-index: 10000 !important;
    }

    /* Καθαρίζουμε τα floats για να μη σπάει το μενού που κατεβαίνει */
    .nav-collapse {
        clear: both !important;
    }
}