/* =========================================================================
   ΤΟ ΒΗΜΑ ΤΗΣ ΚΩ - Διορθωσεις εμφανισης κατοπιν σχολιων πελατη
   07/08/2026

   Ξεχωριστο αρχειο επιτηδες: φορτωνεται τελευταιο απο το _Header.cshtml,
   οποτε υπερισχυει χωρις !important, και αναιρειται σβηνοντας μια γραμμη.
   ========================================================================= */

/* -------------------------------------------------------------------------
   ΠΡΟΣΟΧΗ - ΜΗΝ ΞΑΝΑΒΑΛΕΙΣ line-height ΣΤΟ .TitleFont

   Δοκιμαστηκε 07/08/2026 (line-height: 1.32) και ΕΣΠΑΣΕ τη ροη: τα κουτια
   των τιτλων στη λιστα εχουν ΣΤΑΘΕΡΟ υψος (line-clamp / max-height
   υπολογισμενο για το αρχικο διαστιχο). Με μεγαλυτερο line-height η τριτη
   γραμμη ψαλιδιζεται στη μεση και ο τιτλος γινεται δυσαναγνωστος.

   Αν χρειαστει οπωσδηποτε πιο αερατος τιτλος, πρεπει ΜΑΖΙ να αυξηθει και
   το υψος του κουτιου - αλλιως το προβλημα επιστρεφει.
   ------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
   ΚΕΝΤΡΙΚΟ ΑΡΘΡΟ (hero) - πιο αερατος τιτλος
   Εδω ΕΠΙΤΡΕΠΕΤΑΙ, γιατι ο τιτλος καθεται πανω στην εικονα και εχει χωρο -
   δεν ειναι μεσα σε κουτι σταθερου υψους οπως τα θεματα της ροης.

   Το max-height/line-clamp ελευθερωνονται ΜΑΖΙ με το line-height. Χωρις αυτο,
   αν ο κανονας πιασει και καποιο στοιχειο με κλειδωμενο υψος, θα ξανακοβοταν
   η τελευταια γραμμη (το λαθος της 07/08/2026).
   ------------------------------------------------------------------------- */
.module-feature2-big-slider .TitleFont,
.block-big-slider-title,
.block-big-slider-title .TitleFont {
    line-height: 1.3;
    max-height: none;
    -webkit-line-clamp: unset;
}

/* -------------------------------------------------------------------------
   MOBILE - μεγαλυτερη αποσταση μεταξυ των θεματων στη ροη
   Μετρημενο πριν: padding-bottom 0-5px, τα θεματα "κολλανε" μεταξυ τους.
   Αυτο ΔΕΝ αγγιζει υψη κειμενου, οποτε ειναι ασφαλες.
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {

    .Type5Mob,
    .Type8Mob,
    .ContFullWidthImageMob {
        padding-bottom: 26px;
    }

    .block1-content,
    .block6-content {
        margin-bottom: 8px;
    }

    .block6-wrap,
    .block1-wrap {
        padding-bottom: 18px;
    }
}