/* Rena: χωρίς σχόλια στην 1η έκδοση (FR §19) - κρύβει τους μετρητές σχολίων των templates του EasyDNNnews */
.edn_numberComments, .edn_numberCommentsBubble, .edn_numberOfComments { display: none !important; }
/* Rena: κρύβει τον τίτλο του container του module Προσβασιμότητα (681) σε όλες τις σελίδες - το widget εμφανίζεται ως εικονίδιο */
.DnnModule-681 h2 { display: none !important; }
/* Rena: εικόνες μέσα στο κείμενο του άρθρου - το theme δεν τις περιορίζει, οπότε μια φωτογραφία 1200 px έβγαινε έξω από τη στήλη (οριζόντια κύλιση).
   Το ίδιο και μέσα στον editor (ο CKEditor φορτώνει το portal.css), ώστε ο δημοσιογράφος να βλέπει την εικόνα όπως θα δημοσιευτεί. */
.eds_news_NewsMagazine .edn_articleDetails img, .cke_editable img { max-width: 100%; height: auto; }
/* Rena: λεζάντα κύριας εικόνας (figcaption μέσα στο figure.edn_mediaContainer του Details_Article_Rena.html) - το NewsMagazine.css δίνει στο figure line-height:0 και overflow:hidden, οπότε η λεζάντα είχε ύψος 0 και δεν φαινόταν */
.eds_news_NewsMagazine .edn_mediaContainer figcaption.edn_mainImageCaption { line-height: 1.4; padding-top: 6px; }
/* Rena: πίνακας πρόσθετων πεδίων (π.χ. συνέντευξη) - στο κινητό ο πίνακας ξεχείλιζε από τη στήλη (οριζόντια κύλιση) */
.EDN_cf_all_fields_container { box-sizing: border-box; max-width: 100%; }
.EDN_cf_all_fields_container table { width: 100%; }
.EDN_cf_all_fields_container td { overflow-wrap: anywhere; }
/* Rena: λεζάντα ενσωματωμένης εικόνας (στυλ «Λεζάντα εικόνας» του CKEditor, Portals/0/rena-ckeditor-styles.js) - ίδια εμφάνιση με τη λεζάντα της κύριας εικόνας */
.rena-caption { font-size: 0.9em; color: #666; font-style: italic; margin-top: -6px; }
/* Rena: Rotator Αρχικής (module 392) στο κινητό - κάτω από ~500px πλάτος οι μικρογραφίες έπεφταν πάνω στη λεζάντα (slider ~140px ύψος).
   Κρύβει μικρογραφίες, περίληψη και μπάρα κύλισης· μένει ο τίτλος. Πάνω από 599px καμία αλλαγή. */
@media (max-width: 599px) {
  .DnnModule-392 .chameleon_slider .thumb_wrapper,
  .DnnModule-392 .chameleon_slider .item_info .overview p,
  .DnnModule-392 .chameleon_slider .item_info .scrollbar { display: none !important; }
}
/* Rena: μενού χρήστη της κεφαλίδας (εικονίδιο ανθρώπου) - σε πλάτος ~1366 px το κουμπί «Αποσύνδεση» πέφτει σε 2η γραμμή και το overflow:hidden του theme το έκοβε.
   Μόνο με το μενού ανοιχτό: κλειστό, το πλαίσιο κάθεται δεξιά έξω από τη σελίδα και το overflow:visible έβγαζε οριζόντια κύλιση. */
.EasyDNNSkin_NewsMagazine .eds_header.eds_userLoginContainerVisible .eds_userLoginContainer { overflow: visible; }
/* Rena: γραμμή συνδέσμων της κορυφής (HTML 398) - κάθε σύνδεσμος (εικονίδιο + κείμενο) μένει ενιαίος όταν η γραμμή αναδιπλώνεται στο κινητό */
.DnnModule-398 a { white-space: nowrap; }
/* Rena: κενό κάτω από τον Rotator της Αρχικής (392), ίσο με το κενό μενού → Rotator (24px), ώστε να μην ακουμπά τα άρθρα από κάτω */
.DnnModule-392 { margin-bottom: 24px; }
/* Rena: τίτλοι άρθρων στα μπλοκ του footer (container «Footer», σκούρο φόντο) - το NewsMagazine.css και το blue.css των templates τους έδιναν #222, σχεδόν αόρατο.
   Λευκοί, κόκκινοι στο hover όπως οι σύνδεσμοι του site. Το blue.css έδινε και σκέτο «Coda» (χωρίς ελληνικά) → τα ελληνικά έβγαιναν σε Times New Roman·
   με «Coda, sans-serif» βγαίνουν σε Arial όπως στο υπόλοιπο site. !important γιατί το blue.css έχει πιο ειδικό selector. */
.eds_templateGroup_footer .edn_mainWrapper article h2 > a { color: #fff !important; font-family: Coda, sans-serif !important; }
.eds_templateGroup_footer .edn_mainWrapper article h2 > a:hover { color: #c81704 !important; }
/* Rena: μπλοκ «Κατηγορίες» (397) και «Συντάκτες» (682) του footer - τα ονόματα των κατηγοριών ήταν #504e4e σε φόντο #242424, σχεδόν αόρατα· λευκά, κόκκινα στο hover */
.DnnModule-397 .edn_category_menu_wrapper li span, .DnnModule-682 .edn_category_menu_wrapper li span { color: #fff !important; }
.DnnModule-397 .edn_category_menu_wrapper li a:hover span, .DnnModule-397 .edn_category_menu_wrapper li span:hover, .DnnModule-682 .edn_category_menu_wrapper li a:hover span, .DnnModule-682 .edn_category_menu_wrapper li span:hover { color: #c81704 !important; }
/* Rena: μπλοκ με δικό τους στυλ (yellow/purple/blue.css: Απόψεις 401, Δημοφιλή 402, Τελευταία άρθρα 418 της σελίδας Άρθρο, footer) - τίτλος μπλοκ και τίτλοι άρθρων
   είχαν σκέτο «Coda» (χωρίς ελληνικά) → Times New Roman· με «Coda, sans-serif» τα ελληνικά βγαίνουν σε Arial όπως στο υπόλοιπο site. Τα χρώματα των μπλοκ μένουν. */
[class*="eds_style_predefined_"].eds_subCollection_contentBlock .edn__contentBlock_title span,
[class*="eds_style_predefined_"].eds_subCollection_contentBlock .edn_mainWrapper article h2 > a { font-family: Coda, sans-serif !important; }
/* Rena: «ΑΚΟΛΟΥΘΗΣΤΕ ΜΑΣ» (HTML 414, σελίδα Άρθρο) - inline «font-family: Roboto Condensed», γραμματοσειρά που δεν φορτώνεται στο site → Times New Roman· εφεδρική sans-serif */
.DnnModule-414 [style*="Roboto Condensed"] { font-family: "Roboto Condensed", Arial, sans-serif !important; }
/* Rena: κύριο μενού (EasyDNNmegaMenu) - με 9 στοιχεία (+ «Υγεία») το πλάτος ήταν 1.190 από 1.212 px στα 1920/1536 px και έσπαγε σε 2 γραμμές κάτω από 1536.
   Πλάγια κενά 30 → 20 px (ίδια γραμματοσειρά): ~1.010 px, μία γραμμή από 1280 px και πάνω. Μόνο σε υπολογιστή· το μενού του κινητού δεν αλλάζει. */
@media (min-width: 992px) {
  .EasyDNNSkin_NewsMagazine .edsmm_menuItem .edsmm_itemContainer { padding-left: 20px !important; padding-right: 20px !important; }
}
/* Rena: «ΑΚΟΛΟΥΘΗΣΤΕ ΜΑΣ» (HTML 414) - με δύο εικονίδια (Facebook, Twitter) ο τίτλος και τα εικονίδια χωρούν στην ίδια γραμμή (απόφαση χρήστη) */
.DnnModule-414 :has(> .eds_faButtons) { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; }
.DnnModule-414 :has(> .eds_faButtons) > p { margin: 0; }
/* Rena: σελίδα συντάκτη (template List_Article_Multi_2_15_Rena.html). Το token Author:FullInfo βγάζει κουμπί «Πλήρες βιογραφικό» + κρυφό παράθυρο με το κείμενο·
   εδώ κρύβεται το κουμπί και το παράθυρο γίνεται απλό μπλοκ κάτω από τη σύντομη περιγραφή. */
.rena-authorFullInfo .eds_openModal, .rena-authorFullInfo .eds_modalClose, .rena-authorFullInfo .eds_modalContent > h3 { display: none !important; }
.rena-authorFullInfo .eds_modalWrapper { position: static; visibility: visible; opacity: 1; width: auto; height: auto; background: none; z-index: auto; }
.rena-authorFullInfo .eds_modalWrapper .eds_modalContent { display: block; visibility: visible; opacity: 1; position: static; transform: none; animation: none; width: auto; max-width: none; margin: 0 0 16px; background: none; box-shadow: none; }
.rena-authorFullInfo .eds_modalWrapper .eds_modalContent div { margin: 0; padding: 0; }
.rena-authorFullInfo .eds_modalWrapper .eds_modalContent p { font-size: 15px; line-height: 1.5; color: #333; }
/* Rena: σελίδα συντάκτη - τα άρθρα ως λίστα «τίτλος αριστερά - ημερομηνία δεξιά» (γραμμές rena-authorArticle του ίδιου template· στο HTML η ημερομηνία
   είναι πρώτη, ώστε στο κινητό να μένει πάνω από τον τίτλο, και στον υπολογιστή μετακινείται δεξιά με order).
   Το EasyDNN δεν έχει συνθήκη «δεν είναι σελίδα συντάκτη», οπότε τα μπλοκ με εικόνες βγαίνουν κι εδώ και κρύβονται μέσα στο rena-authorList. */
.rena-authorList .edn_multiArticle { display: none !important; }
/* Το article.edn_article του NewsMagazine.css έχει margin-bottom 35px· οι τίτλοι παίρνουν το πράσινο του green.css (!important) και τα ::before/::after του edn_clearFix γίνονται στοιχεία του flex. */
.rena-authorList article.rena-authorArticle.edn_article { display: flex; align-items: baseline; gap: 16px; margin: 0; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.rena-authorList article.rena-authorArticle::before, .rena-authorList article.rena-authorArticle::after { display: none; }
.rena-authorArticle time { order: 2; flex: 0 0 230px; text-align: right; font-size: 12px; color: #888; text-transform: uppercase; }
.rena-authorArticle h2.edn_articleTitle { flex: 1 1 auto; margin: 0; font-size: 18px; line-height: 1.35; }
.rena-authorArticle h2.edn_articleTitle a { color: #222 !important; }
.rena-authorArticle h2.edn_articleTitle a:hover { color: #c81704 !important; }
@media (max-width: 599px) {
  .rena-authorList article.rena-authorArticle.edn_article { display: block; }
  .rena-authorArticle time { display: block; margin-bottom: 2px; text-align: left; }
}
/* Rena: σελίδες «Σύνδεση χρήστη» (.dnnLoginService), «Επαναφορά κωδικού» (.dnnSendPassword), «Νέος κωδικός» (.dnnPasswordReset) του DNN.
   Ετικέτα: το .dnnFormLabel {width: 32%} του default.css εφαρμοζόταν και στο label μέσα στη στήλη .dnnLabel (32% του 32% = 40px), οπότε το «Όνομα χρήστη:» έσπαγε σε δύο γραμμές. */
.dnnLoginService .dnnLabel > label.dnnFormLabel { float: none; width: auto; padding-right: 0; margin-right: 0; white-space: nowrap; }
/* Κείμενο στα πεδία: 11.25px από το default.css → 15px, όσο και οι ετικέτες */
.dnnLoginService .dnnFormItem input[type=text], .dnnLoginService .dnnFormItem input[type=password],
.dnnSendPassword .dnnFormItem input[type=text], .dnnPasswordReset .dnnFormItem input[type=text], .dnnPasswordReset .dnnFormItem input[type=password] { font-size: 15px; }
/* Κουμπιά: το theme δίνει 16px και κεφαλαία μόνο στα .dnnSecondaryAction· το κύριο κουμπί (Σύνδεση / Αποστολή συνδέσμου / Αλλαγή κωδικού) έμενε 13px
   και, με άλλο ύψος γραμμής, στοιχιζόταν χαμηλότερα. Ίδια γραμματοσειρά, ύψος και στοίχιση για όλα· κανονική γραφή, όπως στο υπόλοιπο portal (απόφαση χρήστη). */
.dnnLoginService a.dnnPrimaryAction, .dnnLoginService a.dnnSecondaryAction,
.dnnSendPassword a.dnnPrimaryAction, .dnnSendPassword a.dnnSecondaryAction,
.dnnPasswordReset a.dnnPrimaryAction, .dnnPasswordReset a.dnnSecondaryAction { font-size: 16px; line-height: 1; text-transform: none; vertical-align: middle; padding: 9px 20px; margin: 0 8px 9px 0; }
/* Σύνδεση: «Σύνδεση» και «Ακύρωση» δίπλα-δίπλα, κάτω από τα πεδία· «Επαναφορά κωδικού» από κάτω, κεντραρισμένο ανάμεσά τους.
   Στο Login.ascx το «Επαναφορά κωδικού» είναι σε επόμενη γραμμή της φόρμας, οπότε οι δύο γραμμές των κουμπιών «ανοίγουν» (display: contents) μέσα σε grid:
   στήλη 1 = στήλη ετικετών (το κενό span της γραμμής), στήλες 2-3 = τα δύο κουμπιά, και το «Επαναφορά κωδικού» πιάνει τις στήλες 2-3 κεντραρισμένο. */
.dnnLogin .LoginPanel { max-width: 100%; padding-right: 0; }
.dnnLoginService { display: grid; grid-template-columns: auto auto auto 1fr; align-items: center; }
.dnnLoginService::before, .dnnLoginService::after { display: none; }
.dnnLoginService > .dnnFormItem { grid-column: 1 / -1; }
.dnnLoginService > .dnnFormItem > .dnnLabel, .dnnLoginService > .dnnFormItem > .dnnFormLabel { width: 150px; }
.dnnLoginService > .dnnFormItem:has(> .dnnPrimaryAction), .dnnLoginService > .dnnFormItem:has(.dnnLoginActions),
.dnnLoginService .dnnLoginActions, .dnnLoginService .dnnLoginActions ul, .dnnLoginService .dnnLoginActions li { display: contents; }
.dnnLoginService > .dnnFormItem:has(> .dnnPrimaryAction) > .dnnFormLabel { grid-column: 1; float: none; height: 1px; }
.dnnLoginService a.dnnPrimaryAction { grid-column: 2; }
.dnnLoginService > .dnnFormItem:has(> .dnnPrimaryAction) > a.dnnSecondaryAction { grid-column: 3; }
.dnnLoginService .dnnLoginActions a { grid-column: 2 / 4; justify-self: center; margin-right: 8px; }
.dnnLoginService > .dnnFormItem:has(.dnnLoginActions) > .dnnFormLabel { display: none; }
/* Κινητό/μικρό tablet: ετικέτες πάνω από τα πεδία, όλα αριστερά, πεδία σε όλο το πλάτος· τα κουμπιά με την ίδια διάταξη, από την αριστερή άκρη */
@media (max-width: 767px) {
  .dnnLoginService > .dnnFormItem > .dnnLabel { width: 100%; text-align: left; padding-right: 0; margin-right: 0; }
  .dnnLoginService > .dnnFormItem > .dnnFormLabel { display: none; }
  .dnnLoginService .dnnFormItem input[type=text], .dnnLoginService .dnnFormItem input[type=password] { width: 100%; min-width: 0; max-width: none; }
}

/* EasyDNNnews 15: τα templates του φορτώνουν Font Awesome 6 μετά το 4, οπότε τα εικονίδια μάρκας με ονόματα FA4 (fa fa-facebook…) θέλουν τη γραμματοσειρά FA6 Brands */
.fa.fa-facebook, .fa.fa-facebook-square, .fa.fa-facebook-official, .fa.fa-twitter, .fa.fa-twitter-square { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }

/* Αρχική: «Ανά κατηγορία» (module 400, μόνο στην Αρχική) | «Δημοφιλή», «Συντάκτες» (leftPane8 / sidebarPane8) σε γκρι ζώνη, ίδια με τη ζώνη BottomBanner του θέματος
   (base.css .eds_bottomBannerBg), χωρίς αλλαγή στο skin. Το φόντο απλώνει σε όλο το πλάτος με box-shadow + clip-path. Ο κανόνας πιάνει μόνο τη γραμμή με το 400,
   γιατί το home.ascx είναι το skin όλων των σελίδων και οι σελίδες κατηγοριών έχουν κι αυτές leftPane8. Απόφαση χρήστη 08/11/2026. */
.EasyDNNSkin_NewsMagazine > .container:has(> .row .DnnModule-400) { position: relative; margin-top: 20px; margin-bottom: 20px; padding-top: 15px; padding-bottom: 15px; background-color: #f1f0f0; box-shadow: 0 0 0 100vmax #f1f0f0; clip-path: inset(0 -100vmax); }
.EasyDNNSkin_NewsMagazine > .container:has(> .row .DnnModule-400)::before,
.EasyDNNSkin_NewsMagazine > .container:has(> .row .DnnModule-400)::after { content: ""; position: absolute; left: 0; right: 0; display: block; height: 10px; border-radius: 100%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3); }
.EasyDNNSkin_NewsMagazine > .container:has(> .row .DnnModule-400)::before { top: -10px; }
.EasyDNNSkin_NewsMagazine > .container:has(> .row .DnnModule-400)::after { bottom: -10px; }

/* Σελίδα «Άρθρο» φιλτραρισμένη ανά κατηγορία (/Άρθρο/category/…, module 417): η επικεφαλίδα κατηγορίας του List_Article_Multi_2_15_Rena.html
   στην ίδια θέση και με τα ίδια διαστήματα με τον τίτλο container των σελίδων του μενού (container noTitle του 417 → padding-top 30px). Απόφαση χρήστη 08/11/2026. */
.rena-categoryHeading { margin-top: -30px; }
.rena-categoryHeading > h2.eds_bottomBorder { line-height: 0; margin-bottom: 10px; }

/* Logo: το theme το περιορίζει στα 300 px· από tablet και πάνω εμφανίζεται στις πραγματικές του διαστάσεις (674×150). Στο κινητό ισχύει το max-width: 100% του theme. Απόφαση χρήστη 08/11/2026. */
@media only screen and (min-width: 769px) {
  .eds_logoAndBanner > div.eds_logo { width: 674px; }
}

/* Αρχική, module 393: η λίστα αντικαταστάθηκε από το μπλοκ 687 «Τελευταία νέα». Το 393 μένει μόνο για τη γραμμή των συντακτών (Προσθήκη άρθρου κ.λπ.), ορατό μόνο σε συνδεδεμένους. Απόφαση χρήστη 09/11/2026. */
.DnnModule-393 [id$="pnlListArticles"] { display: none; }
