.elementor-5635 .elementor-element.elementor-element-7bb804c{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5635 .elementor-element.elementor-element-7bb804c:not(.elementor-motion-effects-element-type-background), .elementor-5635 .elementor-element.elementor-element-7bb804c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F5F7;}.elementor-5635 .elementor-element.elementor-element-084b7ef{text-align:center;}.elementor-5635 .elementor-element.elementor-element-d7abaca{text-align:center;}.elementor-5635 .elementor-element.elementor-element-cd14805{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5635 .elementor-element.elementor-element-9594cf0{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5635 .elementor-element.elementor-element-d832fbf{--grid-columns:3;}@media(max-width:1024px){.elementor-5635 .elementor-element.elementor-element-d832fbf{--grid-columns:2;}}@media(max-width:767px){.elementor-5635 .elementor-element.elementor-element-d832fbf{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-9d60345 *//* Το κεντρικό κουτί που τα έχει όλα */
.my-unified-nav-wrapper {
    display: flex;
    flex-wrap: wrap; /* Αν δεν χωράνε, πάνε από κάτω */
    gap: 10px;       /* Απόσταση μεταξύ των κουμπιών */
    align-items: center;
    margin-bottom: 0px;
}

/* Κοινό στυλ για ΟΛΑ τα κουμπιά */
.my-nav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #333333; /* Ή #e0e0e0 αν θες πιο απαλό */
    border-radius: 50px;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    transition: all 0.3s ease;
}

/* Hover Effect */
.my-nav-btn:hover {
    background-color: #333333;
    color: #ffffff;
    border-color: #333333;
    transform: translateY(-2px);
}

/* (Προαιρετικά) Αν θες τα κουμπιά "Πίσω" να ξεχωρίζουν λίγο */
/*
.my-back-btn {
    background-color: #f9f9f9;
    border-color: #ccc;
}
*/

/* --- MOBILE OPTIMIZATION: Οριζόντιο Swipe --- */

/* --- MOBILE OPTIMIZATION: Swipe & Big Buttons --- */

@media (max-width: 767px) {
    /* 1. Ρύθμιση του Κουτιού (Container) */
    .my-unified-nav-wrapper {
        display: flex;
        flex-wrap: nowrap !important; /* Απαγορεύουμε την αλλαγή γραμμής */
        overflow-x: auto; /* Ενεργοποιούμε το scroll */
        -webkit-overflow-scrolling: touch;
        gap: 12px;
        padding-bottom: 10px;
        padding-right: 20px; /* Αέρας στο τέλος δεξιά */
        margin-right: -20px; /* Hack για να φτάνει στην άκρη */
        
        /* Κρύβουμε την μπάρα scroll */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .my-unified-nav-wrapper::-webkit-scrollbar {
        display: none;
    }

    /* 2. Ρύθμιση των Κουμπιών (Μεγάλα & Έντονα) */
    .my-nav-btn {
        flex: 0 0 auto; /* Να μην ζουλιούνται */
        white-space: nowrap; /* Μία γραμμή κείμενο */
        
        /* Μέγεθος (Touch Friendly) */
        font-size: 15px;
        padding: 10px 22px; 
        
        /* Χρώμα & Περίγραμμα (ΔΙΟΡΘΩΣΗ: Σκούρο έντονο) */
        border: 1px solid #333333 !important; 
    }
}
}/* End custom CSS */