/* =========================================================================
   ΤΟ ΒΗΜΑ ΤΗΣ ΚΩ - Διορθωσεις εμφανισης κατοπιν σχολιων πελατη
   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;
}

/* -------------------------------------------------------------------------
   ΟΛΟΙ ΟΙ ΤΙΤΛΟΙ - πιο αερατο διαστιχο ΧΩΡΙΣ ψαλιδισμα

   Το κλειδι ειναι οτι το line-height ΔΕΝ μπαινει μονο του: μαζι πεφτουν και
   ολοι οι περιορισμοι υψους. Ετσι το κουτι ΨΗΛΩΝΕΙ οσο χρειαζεται αντι να
   κοβει την τελευταια γραμμη - που ηταν το λαθος της πρωτης προσπαθειας.

   Συνεπεια: καρτες με τιτλους 2 και 3 γραμμων μπορει να εχουν διαφορετικο
   υψος. Προτιμοτερο απο κομμενο τιτλο.
   ------------------------------------------------------------------------- */
.TitleFont,
a.TitleFont,
.block-title,
.block-title > a,
p.block-title,
h1.block-title, h2.block-title, h3.block-title, h4.block-title {
    line-height: 1.3;
    max-height: none;
    -webkit-line-clamp: unset;
    overflow: visible;
}

/* Καποια theme blocks κλειδωνουν το υψος στον ΓΟΝΕΑ του τιτλου */
.block1-content,
.block6-content,
.block11-content,
.CategoryLGArticles,
.thumb-wrap + div {
    max-height: none;
    overflow: visible;
}

/* -------------------------------------------------------------------------
   ΤΙΤΛΟΙ ΛΙΣΤΑΣ - πιο αερατο διαστιχο + ΣΩΣΤΟ ellipsis

   ΜΕΤΡΗΜΕΝΟ 07/08/2026 στο live DOM:
       SELF A.TitleFont | clamp=none maxH=none h=81px ov=hidden

   Ο περιορισμος ειναι **height: 81px** πανω στο ιδιο το <a>, ΟΧΙ max-height
   και ΟΧΙ line-clamp. Γι' αυτο απετυχαν δυο προηγουμενες προσπαθειες που
   εβαζαν "max-height: none" - δεν αγγιζαν το height.

   Λυση: height:auto + line-clamp 3 γραμμων. Ο τιτλος που δεν χωραει
   τελειωνει με "…" αντι να ψαλιδιζεται στη μεση της γραμμης.
   ------------------------------------------------------------------------- */
/* Το height:81px μπαινει INLINE απο JS (το theme εξισωνει υψη καρτων),
   γι' αυτο χρειαζεται !important - CSS χωρις αυτο χανει απο inline style. */
a.TitleFont,
.TitleFont {
    line-height: 1.3 !important;
    /* Ο πελατης θελει ολους τους τιτλους της λιστας σε black.
       Μετρημενο: ησαν 700 - καποιοι κανονες του theme τους επαναφεραν
       παρα την αλλαγη στα view files. Εδω κλεινει οριστικα. */
    font-weight: 900 !important;
    height: auto !important;
    max-height: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -------------------------------------------------------------------------
   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;
    }
}