/* ============================================
   Latest Events & News (query1.php)
   2 posts + 1 event | 2.5 cards | top-right black arrows
   ============================================ */

/* Section wrapper */

.latest-events-right {
    position: relative;
    overflow-x: clip;    /* ← αποτρέπει το page overflow */
}

/* Το ίδιο και στο εσωτερικό row για έξτρα ασφάλεια */
.latest-events-right .le-cards {
    overflow-x: auto;      /* επιτρέπει scrollBy */
}

/* Κρύψε scrollbar χωρίς να απενεργοποιείς το scroll */
.le-cards::-webkit-scrollbar { display: none; }
.le-cards { -ms-overflow-style: none; scrollbar-width: none; }

.latest-events {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

/* Badge column (left) */
.le-badge.sticky-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;

}

/* Badge image: float/offset with breakpoints */
.le-badge-image {
    #position: absolute;
    top: -90px;            /* ανεβάζει την εικόνα πάνω από το section */
    #left: 50%;
    #transform: translateX(-50%);
    #z-index: 5;
    position: relative;
    z-index: 3;
    left: 35%;
    bottom: 20%;
    width: 100%;

    #max-width: 80%;
}
@media (max-width: 1199.98px) {
    .le-badge-image { top: -60px; max-width: 85%; }
}
@media (max-width: 991.98px) {
    .le-badge-image {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }
}

/* CTA button below badge */
.le-badge-cta { margin-top: 20px; }
.le-btn-events { position: relative; display: inline-block; text-decoration: none; }
.le-btn-events img { display: block; }
.le-btn-title {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 24px;
    color: #ffe8d4;
    font-family: 'POLIS';
}
.le-badge-cta .le-btn-title span {
    font-family: MANROPE;
}
/* Cards row (right) */
.le-cards {
    display: flex;
    flex-wrap: nowrap;
    gap: 32px;
    overflow-x: auto;                  /* επιτρέπει scrollBy */
    scroll-behavior: smooth;
    padding-top: 40px;                 /* χώρο κάτω από arrows */
}
/* Κρύψε scrollbar χωρίς να κόβεις το scroll */
.le-cards::-webkit-scrollbar { display: none; }
.le-cards { -ms-overflow-style: none; scrollbar-width: none; }

/* Card */
.le-card {
    flex: 0 0 calc((100% - 32px) / 2.5);  /* ~2.5 κάρτες στο desktop */
    max-width: calc((100% - 32px) / 2.5);
    scroll-snap-align: start;
}
.le-card-inner { position: relative; margin-bottom: 40px;padding-top: 10px; }

/* Image (clickable) */
.le-card-image { overflow: hidden; border-radius: 14px; }
.le-card-image img { display: block; width: 100%; height: auto; transition: transform .5s ease; }
.le-card-image-link:hover img { transform: scale(1.03); }

/* Paper title (non-clickable) */
.le-card-paper { position: relative; display: inline-block; margin-top: -42px; z-index: 3; }
.le-paper-img { pointer-events: none; }
.le-card-title {
    position: absolute;
    left: 45%; top: 50%; transform: translate(-50%, -50%);
    font-family: 'POLIS', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    max-width: 425px;
    text-align: center;
    line-height: 1.3;
    margin: 0;
    z-index: 4;

}

/* Body (clickable) */
.le-card-body {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 16px;
    margin-top: 16px;
}
.le-card-excerpt {
    font-size: 13px;
    font-family: 'MANROPE', sans-serif;
    font-weight: 600;
    line-height: 20px;
    margin: 5px;
    color: #000;
}
.le-card-arrow img { width: 30px; height: auto; transition: transform .2s ease; }
.le-card-body-link:hover .le-card-arrow img { transform: translateX(3px); }

/* Top-right arrows (black) */
.latest-events-right { position: relative; }
.le-arrows {
    position: absolute;
    top: -5px;            /* κάθεται πάνω από το row των καρτών */
    right: 0;
    display: flex;
    gap: 10px;
    z-index: 50;
}
.le-arrow {
    width: 44px;
    height: 44px;
    background: #000;
    border: none;
    border-radius: 50%;
    opacity: 0.55;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: opacity .3s ease, transform .2s ease;
}
.le-arrow:hover { opacity: 1; transform: scale(1.05); }
.le-arrow img { filter: invert(1); width: 18px; height: auto; }

/* Responsive tuning */
@media (max-width: 1199.98px) {
    .le-card {
        flex: 0 0 calc((100% - 32px) / 2.4);
        max-width: calc((100% - 32px) / 2.4);
    }
}
@media (max-width: 991.98px) {
    .le-cards { gap: 24px; }
    .le-card  { flex: 0 0 80%; max-width: 80%; }
    .le-arrows { top: -2px; right: 10px; }
}
@media (max-width: 575.98px) {
    .le-card { flex: 0 0 88%; max-width: 88%; }
}
.latest-events h3,
.latest-events .le-card-title {
    font-family: 'POLIS', sans-serif;
    font-size: 1.75rem;
}

@media (max-width: 991.98px) {
    .latest-events h3,
    .latest-events .le-card-title {
        font-family: 'POLIS', sans-serif;
        font-size: 1rem;
    }
}
/* Mobile / Tablet */
@media (max-width: 991.98px) {
    .le-cards {
        display: flex;
        gap: 20px;              /* λίγο μικρότερο gap στο mobile */
        overflow-x: auto;       /* επιτρέπουμε scroll με τα arrows */
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding-top: 52px;      /* χώρος για arrows */
    }

    /* δείξε ~1.3 κάρτες τη φορά */
    .le-card {
        flex: 0 0 72%;
        max-width: 72%;
        scroll-snap-align: start;
    }

    .le-arrows { top: 4px; right: 10px; }
}

/* Πολύ μικρές οθόνες */
@media (max-width: 575.98px) {
    .le-cards { gap: 18px; }
    /* δείξε ~1.2 κάρτες */
    .le-card  { flex: 0 0 78%; max-width: 78%; }
}
/* Κάνε τον τίτλο σίγουρα clickable πάνω από το paper */
.le-paper-img { pointer-events: none; } /* ήδη το έχεις, το κρατάμε */
.le-card-title { pointer-events: auto; z-index: 4; }

.le-card-title-link {
    text-decoration: none;
    color: inherit;             /* κρατά το χρώμα του τίτλου */
    display: inline-block;
    /* προαιρετικό hit-area: */
    padding: 4px 6px;
}

.le-card-title-link:hover {
    color: #c00;                /* ή ό,τι accent θες */
    transition: color .2s ease;
    cursor: pointer;
}