/* ==================================================
   RADIO SAMOS - ΤΕΛΕΥΤΑΙΕΣ ΕΙΔΗΣΕΙΣ
   Desktop: ημερομηνία | κατηγορία | τίτλος
   Mobile: thumbnail | κατηγορία + τίτλος + ημερομηνία
   ================================================== */


/* ==================================================
   BLOCK
   ================================================== */

.home-latest-news-block {
    width: 100%;
    min-width: 0;
}

.home-latest-news-block h2,
.home-latest-news-block .block-title {
    margin: 0 0 14px;
    padding: 0 0 10px;

    color: #171717;

    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;

    border-bottom: 3px solid #171717;
}


/* ==================================================
   FIX ΤΟΥ .row ΠΟΥ ΒΑΖΕΙ ΤΟ THEME
   ================================================== */

.home-latest-news .view-content.row {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

.home-latest-news .view-content.row > .views-row {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    flex: none !important;

    box-sizing: border-box;
}


/* ==================================================
   DESKTOP
   ================================================== */

.home-latest-news .views-row {
    display: grid !important;

    grid-template-columns: 105px 150px minmax(0, 1fr);
    grid-template-areas:
        "date category title";

    column-gap: 14px;

    align-items: center;

    padding: 13px 0;

    border-bottom: 1px solid #e6e6e6;
}


/* --------------------------------------------------
   ΕΙΚΟΝΑ
   Desktop: κρυφή
   -------------------------------------------------- */

.home-latest-news .views-row > .views-field-field-image,
.home-latest-news .views-row > .views-field:has(.latest-news-image),
.home-latest-news .views-row > .latest-news-image {
    display: none !important;
}


/* --------------------------------------------------
   ΗΜΕΡΟΜΗΝΙΑ
   -------------------------------------------------- */

.home-latest-news .views-row > .views-field-created,
.home-latest-news .views-row > .views-field:has(.latest-news-date),
.home-latest-news .views-row > .latest-news-date {
    grid-area: date;

    min-width: 0;

    margin: 0;
    padding: 0;

    color: #777;

    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;

    white-space: nowrap;
}


/* --------------------------------------------------
   ΚΑΤΗΓΟΡΙΑ
   -------------------------------------------------- */

.home-latest-news .views-row > .views-field:has(.latest-news-category),
.home-latest-news .views-row > .latest-news-category {
    grid-area: category;

    min-width: 0;

    margin: 0;
    padding: 0;
}

.home-latest-news .latest-news-category,
.home-latest-news .latest-news-category .field-content {
    margin: 0 !important;
    padding: 0 !important;
}

.home-latest-news .latest-news-category a {
    display: inline-block;

    color: #0670e8;

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

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

    text-decoration: none;
}


/* --------------------------------------------------
   ΤΙΤΛΟΣ
   -------------------------------------------------- */

.home-latest-news .views-row > .views-field-title,
.home-latest-news .views-row > .views-field:has(.latest-news-title),
.home-latest-news .views-row > .latest-news-title {
    grid-area: title;

    min-width: 0;

    margin: 0;
    padding: 0;
}

.home-latest-news .latest-news-title a,
.home-latest-news .views-field-title a {
    display: block;

    color: #171717;

    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;

    text-decoration: none;
}

.home-latest-news .latest-news-title a:hover,
.home-latest-news .views-field-title a:hover {
    text-decoration: underline;
}


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

@media (max-width: 980px) and (min-width: 768px) {

    .home-latest-news .views-row {
        grid-template-columns: 95px 125px minmax(0, 1fr);

        column-gap: 12px;
    }

    .home-latest-news .latest-news-category a {
        font-size: 0.7rem;
    }

    .home-latest-news .latest-news-title a,
    .home-latest-news .views-field-title a {
        font-size: 0.95rem;
    }
}


/* ==================================================
   MOBILE
   thumbnail αριστερά
   category + title + date δεξιά
   ================================================== */

@media (max-width: 767px) {

    /* ----------------------------------------------
       Τίτλος block
       ---------------------------------------------- */

    .home-latest-news-block h2,
    .home-latest-news-block .block-title {
        margin: 0 0 8px;
        padding: 0 0 8px;

        font-size: 1.25rem;
        font-weight: 800;
        line-height: 1.15;
    }


    /* ----------------------------------------------
       Κάθε είδηση
       ---------------------------------------------- */

    .home-latest-news .views-row {
        display: grid !important;

        grid-template-columns: 72px minmax(0, 1fr);

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

        column-gap: 10px;
        row-gap: 4px;

        align-items: start;

        width: 100% !important;

        padding: 13px 0;

        border-bottom: 1px solid #e5e5e5;
    }


    /* ==================================================
       ΕΙΚΟΝΑ
       ================================================== */

   .home-latest-news .views-row > .views-field-field-image,
.home-latest-news .views-row > .views-field:has(.latest-news-image),
.home-latest-news .views-row > .latest-news-image {
    display: block !important;

    grid-area: image;

    width: 72px;
    height: 58px;

    min-width: 72px;

    margin: 6px 0 0 !important;
    padding: 0 !important;

    align-self: start;

    overflow: hidden;

    border-radius: 8px;

    box-sizing: border-box;
}


    /* Εσωτερικά wrappers */

    .home-latest-news .latest-news-image,
    .home-latest-news .latest-news-image .field-content,
    .home-latest-news .views-field-field-image .field-content,
    .home-latest-news .latest-news-image a,
    .home-latest-news .views-field-field-image a {
        width: 100%;
        height: 100%;
    }

    .home-latest-news .latest-news-image .field-content,
    .home-latest-news .views-field-field-image .field-content,
    .home-latest-news .latest-news-image a,
    .home-latest-news .views-field-field-image a {
        display: block;

        margin: 0;
        padding: 0;

        overflow: hidden;

        border-radius: inherit;
    }


    /* Πραγματική εικόνα */

    .home-latest-news .latest-news-image img,
    .home-latest-news .views-field-field-image img {
        display: block !important;

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

        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

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

        border: 0 !important;
        border-radius: 0 !important;
    }


    /* ==================================================
       ΚΑΤΗΓΟΡΙΑ
       Ξεκινά ακριβώς στην ίδια ευθεία με την εικόνα
       ================================================== */

    .home-latest-news .views-row > .views-field:has(.latest-news-category),
    .home-latest-news .views-row > .latest-news-category {
        grid-area: category;

        min-width: 0;

        margin: 0 !important;
        padding: 0 !important;

        align-self: start;
    }

    .home-latest-news .latest-news-category,
    .home-latest-news .latest-news-category .field-content {
        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
    }

    .home-latest-news .latest-news-category a {
        display: inline-block;

        margin: 0;
        padding: 0;

        color: #0670e8;

        font-size: 0.65rem;
        font-weight: 800;
        line-height: 1.1;

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

        text-decoration: none;
    }


    /* ==================================================
       ΤΙΤΛΟΣ
       ================================================== */

    .home-latest-news .views-row > .views-field-title,
    .home-latest-news .views-row > .views-field:has(.latest-news-title),
    .home-latest-news .views-row > .latest-news-title {
        grid-area: title;

        min-width: 0;

        margin: 0 !important;
        padding: 0 !important;
    }

    .home-latest-news .latest-news-title a,
    .home-latest-news .views-field-title a {
        display: block;

        margin: 0;
        padding: 0;

        color: #171717;

        font-size: 0.89rem;
        font-weight: 700;
        line-height: 1.22;

        text-decoration: none;
    }


    /* ==================================================
       ΗΜΕΡΟΜΗΝΙΑ
       ================================================== */

    .home-latest-news .views-row > .views-field-created,
    .home-latest-news .views-row > .views-field:has(.latest-news-date),
    .home-latest-news .views-row > .latest-news-date {
        grid-area: date;

        min-width: 0;

        margin: 0 !important;
        padding: 0 !important;

        color: #aaa;

        font-size: 0.68rem;
        font-weight: 500;
        line-height: 1.15;

        white-space: nowrap;
    }
}


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

@media (max-width: 380px) {

    .home-latest-news .views-row {
        grid-template-columns: 68px minmax(0, 1fr);

        column-gap: 9px;
    }

    .home-latest-news .views-row > .views-field-field-image,
    .home-latest-news .views-row > .views-field:has(.latest-news-image),
    .home-latest-news .views-row > .latest-news-image {
        width: 68px;
        height: 54px;

        min-width: 68px;
    }

    .home-latest-news .latest-news-title a,
    .home-latest-news .views-field-title a {
        font-size: 0.87rem;
    }
}