/* Βασικό Wrapper για να κρατάμε τις διαστάσεις */
.gallery-wrapper {
    max-width: 800px; /* Προσάρμοσέ το στο layout σου */
    margin: 0 auto;
}

/* --- Main Slider Styles --- */
.slider-for {
    margin-bottom: 15px;
}

.slider-for .slide-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* --- Nav Slider Styles --- */
.slider-nav .slide-item {
    padding: 0 5px; /* Κενό ανάμεσα στα thumbnails */
    cursor: pointer;
    opacity: 0.6; /* Ελαφρώς αχνά τα μη επιλεγμένα */
    transition: all 0.3s ease;
}

.slider-nav .slide-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    border: 2px solid transparent;
}

/* Όταν ένα thumbnail είναι ενεργό (Slick class: .slick-current) */
.slider-nav .slick-current .slide-item {
    opacity: 1;
}

.slider-nav .slick-current .slide-item img {
    border-color: #0073aa; /* Χρώμα πλαισίου ενεργής εικόνας */
}

/* Slick Arrows Customization (Προαιρετικό) */
.slick-prev:before, .slick-next:before {
    color: #333; /* Χρώμα για τα βελάκια αν το φόντο είναι λευκό */
}