/* ==================================================
   RADIO SAMOS - ΚΥΡΙΟ ΘΕΜΑ ΑΡΧΙΚΗΣ
   Compact editorial layout
   ================================================== */

.home-lead {
    width: 100%;
    margin-bottom: 32px;
}

/* ==================================================
   ΒΑΣΙΚΗ ΔΙΑΤΑΞΗ
   ================================================== */

.home-lead .views-row {
    display: grid;

    grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);

    grid-template-areas:
        "image category"
        "image title"
        "image body"
        "image date";

    column-gap: 30px;
    row-gap: 8px;

    align-items: start;

    min-width: 0;
}


/* ==================================================
   1ο ΠΕΔΙΟ - ΕΙΚΟΝΑ
   ================================================== */

.home-lead .views-row > *:nth-child(1) {
    grid-area: image;

    width: 100%;
    height: 280px;

    min-width: 0;

    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 10px;

    position: relative;
    box-sizing: border-box;
}


/* Drupal field-content */
.home-lead
.views-row
> *:nth-child(1)
.field-content {
    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border-radius: inherit;
}


/* Αν η εικόνα είναι σύνδεσμος */
.home-lead
.views-row
> *:nth-child(1)
a {
    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border-radius: inherit;
}


/* Η πραγματική εικόνα */
.home-lead
.views-row
> *:nth-child(1)
img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover;
    object-position: center;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;

    box-sizing: border-box;
}


/* ==================================================
   2ο ΠΕΔΙΟ - ΚΑΤΗΓΟΡΙΑ
   ================================================== */

.home-lead .views-row > *:nth-child(2) {
    grid-area: category;

    align-self: end;

    min-width: 0;

    margin: 0 0 3px;
}

.home-lead .views-row > *:nth-child(2) a {
    display: inline-block;

    width: auto;
    height: auto;

    overflow: visible;

    font-size: 0.76rem;
    line-height: 1.2;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.05em;

    text-decoration: none;
}


/* ==================================================
   3ο ΠΕΔΙΟ - ΤΙΤΛΟΣ
   ================================================== */

.home-lead .views-row > *:nth-child(3) {
    grid-area: title;

    min-width: 0;
}

.home-lead .views-field-title {
    margin: 0;
}

.home-lead .views-field-title a {
    display: block;

    width: auto;
    height: auto;

    overflow: visible;

    color: #171717 !important;

    font-size: clamp(1.55rem, 2vw, 2rem) !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;

    letter-spacing: -0.025em;

    text-decoration: none !important;
}

.home-lead .views-field-title a:hover {
    text-decoration: underline !important;
}


/* ==================================================
   4ο ΠΕΔΙΟ - LEAD
   ================================================== */

.home-lead .views-row > *:nth-child(4) {
    grid-area: body;

    min-width: 0;
}

.home-lead .views-field-body {
    max-width: 720px;

    margin: 2px 0 0;

    color: #555;

    font-size: 0.98rem;
    line-height: 1.5;
}


/* ==================================================
   5ο ΠΕΔΙΟ - ΗΜΕΡΟΜΗΝΙΑ
   ================================================== */

.home-lead .views-row > *:nth-child(5) {
    grid-area: date;

    min-width: 0;
}

.home-lead .views-field-created {
    margin-top: 5px;

    font-size: 0.82rem;

    opacity: 0.62;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 980px) {

    .home-lead .views-row {
        grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);

        column-gap: 22px;
    }

    .home-lead .views-row > *:nth-child(1) {
        height: 250px;
    }

    .home-lead .views-field-title a {
        font-size: 1.65rem !important;
    }
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .home-lead {
        margin-bottom: 26px;
    }

    .home-lead .views-row {
        display: grid;

        grid-template-columns: 1fr;

        grid-template-areas:
            "image"
            "category"
            "title"
            "body"
            "date";

        gap: 10px;
    }

    /* Η εικόνα παραμένει αυστηρά μέσα στο πλαίσιο */
    .home-lead .views-row > *:nth-child(1) {
        width: 100%;
        height: auto;

        aspect-ratio: 16 / 9;

        overflow: hidden;

        border-radius: 8px;
    }

    .home-lead
    .views-row
    > *:nth-child(1)
    img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover;
        object-position: center;
    }

    .home-lead .views-row > *:nth-child(2) {
        margin-top: 2px;
    }

    .home-lead .views-field-title a {
        font-size: 1.5rem !important;
        line-height: 1.13 !important;
    }

    .home-lead .views-field-body {
        font-size: 0.95rem;
    }
}


/* ==================================================
   ΠΟΛΥ ΜΙΚΡΕΣ ΟΘΟΝΕΣ
   ================================================== */

@media (max-width: 420px) {

    .home-lead .views-field-title a {
        font-size: 1.35rem !important;
    }

    .home-lead .views-field-body {
        font-size: 0.92rem;
    }
}