/* ============================= */
/* WCAG CONTRAST FIXES */
/* ============================= */


/* 1. Slider Prev / Next - είχε άσπρο πάνω σε άσπρο */
#vegas-control__prev,
#vegas-control__next,
.vegas-control__btn {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.70) !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    text-shadow: none !important;
}


/* 2. Slider image overlay - για να διαβάζεται ο τίτλος πάνω στη φωτογραφία */
#vegas-slider .vegas-overlay {
    background-image: none !important;
    background-color: rgba(0, 0, 0, 0.60) !important;
}


/* 3. Τίτλος / υπότιτλος banner */



/* 4. Intro section */
.section--custom-2,
.section--custom-2 div,
.section--custom-2 p {
    color: #222222 !important;
}

    .section--custom-2 h2 {
        color: #111111 !important;
    }


/* 5. Products text card */
.gallery__item--text,
.gallery__item--text h2,
.gallery__item--text p {
    color: #222222 !important;
}

.gallery-more-link {
    color: #111111 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}


/* 6. Products image overlay */
.gallery__item__description {
    background: rgba(0, 0, 0, 0.78) !important;
}

.gallery__item__title,
.gallery__item__subtitle {
    color: #ffffff !important;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 1) !important;
}


/* 7. Contact / Footer section */
.section-contact,
.section-contact p,
.section-contact address,
.section-contact .company-contacts,
.section-contact .item__title {
    color: #ffffff !important;
}

    .section-contact a {
        color: #ffffff !important;
        text-decoration: underline !important;
    }

    .section-contact .bg-1,
    .section-contact .bg-2 {
/*        background-color: #1a1a1a !important;*/
    }

        .section-contact .bg-1 p, .section-contact .bg-1 a {
            color: black !important;
        }
        /* 8. Accessibility panel switches */
        .btn_toggle_accessibility_div {
            background-color: #2f6b55 !important;
            color: #ffffff !important;
        }

.accessibitily-info__container h4 {
    background-color: #2f6b55 !important;
    color: #ffffff !important;
}

.div-accessib-switch-cont {
    background: #ebeaea !important;
    color: #182d25 !important;
}

[role="switch"] {
    background-color: #d7d7d7 !important;
    color: #111111 !important;
    border: 1px solid #767676 !important;
}

    [role="switch"] .switch-on,
    [role="switch"] .switch-off {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 33px !important;
        min-height: 33px !important;
        color: #111111 !important;
        background-color: transparent !important;
    }

    [role="switch"][aria-checked="true"] .switch-on,
    [role="switch"][aria-checked="false"] .switch-off {
        background-color: #ffffff !important;
        color: #111111 !important;
    }


/* 9. Contrast mode */
body.contrast .btn_toggle_accessibility_div,
body.contrast .accessibitily-info__container h4 {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

body.contrast .div-accessib-switch-cont {
    background: #000000 !important;
    color: #ffffff !important;
    border-top: 1px solid #ffffff !important;
}

body.contrast [role="switch"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

    body.contrast [role="switch"] .switch-on,
    body.contrast [role="switch"] .switch-off {
        color: #ffffff !important;
        background-color: transparent !important;
    }

    body.contrast [role="switch"][aria-checked="true"] .switch-on,
    body.contrast [role="switch"][aria-checked="false"] .switch-off {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

body.contrast .reset-accessibility {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}


/* 10. Focus visible */
a:focus,
button:focus,
[role="switch"]:focus,
.btn_toggle_accessibility_div:focus,
.reset-accessibility:focus {
    outline: 3px solid #111111 !important;
    outline-offset: 3px !important;
}


/* ============================= */
/* HOME SLIDER - CLEAN CONTRAST */
/* ============================= */

/* Σκούρο layer πάνω στη φωτογραφία, όχι πίσω από τα γράμματα */
#start-screen,
#vegas-slider {
    background-color: #222222 !important;
}

    #vegas-slider .vegas-overlay {
        background-image: none !important;
        background-color: rgba(0, 0, 0, 0.55) !important;
    }

    /* Extra gradient για να διαβάζεται πάντα ο τίτλος */
    #start-screen::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: radial-gradient(circle at center, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.62) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.50));
    }

/* Το κείμενο να είναι πάνω από το overlay */
#start-screen_content-container,
.start-screen__content {
    position: relative;
    z-index: 2;
}

    /* Τίτλος χωρίς background */
    .start-screen__content .title {
        background: transparent !important;
        color: #ffffff !important;
        text-shadow: 0 3px 8px rgba(0, 0, 0, 0.95), 0 8px 24px rgba(0, 0, 0, 0.85) !important;
        -webkit-text-stroke: 1px rgba(0, 0, 0, 0.35);
    }

    /* Υπότιτλος χωρίς background */
    .start-screen__content .subtitle {
        display: inline-block;
        background: transparent !important;
        color: #ffffff !important;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 1), 0 6px 18px rgba(0, 0, 0, 0.85) !important;
        letter-spacing: 8px;
    }

    /* Να μην παίρνουν άσπρο πλαίσιο από παλιά CSS */
    .start-screen__content .title,
    .start-screen__content .subtitle,
    .start-screen__content p {
        box-shadow: none !important;
        border: none !important;
    }

/* Prev / Next πιο διακριτικά */
#vegas-control__prev,
#vegas-control__next,
.vegas-control__btn {
    background-color: rgba(0, 0, 0, 0.65) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.65) !important;
    text-shadow: none !important;
}