/*
 * CNC SEO 10/2026: οι τίτλοι του hwd (κατηγορίες, συνέδρια, βίντεο) και της επικοινωνίας έγιναν h1 (ήταν h2).
 * Εδώ οι κανόνες του template που ίσχυαν μόνο για h2, για να μείνει η εμφάνιση ίδια. Φορτώνεται τελευταίο
 * (index.php: JHtml stylesheet user.css). Το :where() κρατά το specificity του απλού «h2» του template.css.
 */

/* template.css: h2 { font-size: 22px; line-height: 24px } (h1: 26px / 28px) */
h1:where(.media-category-title, .media-media-title) {
	font-size: 22px;
	line-height: 24px;
}

/* ruler.css: .com_hwdmediashare.view-categories #content .media-header h2 (λίστες συνεδρίων, live) */
.com_hwdmediashare.view-categories #content .media-header h1 {
	display: inline-block;
	position: relative;
	color: #0a334f;
	font-size: 36px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
}
.com_hwdmediashare.view-categories #content .media-header h1::before {
	content: " ";
	width: 120px;
	height: 2px;
	position: absolute;
	background: #0a334f;
	top: 18px;
	left: calc(100% + 20px);
}

/* ruler.css: .view-contact #content .page-header h2 (επικοινωνία) */
.view-contact #content .page-header h1 {
	display: inline-block;
	position: relative;
	color: #0a334f;
	font-size: 36px;
	line-height: 40px;
	font-weight: 400;
	text-transform: uppercase;
}
.view-contact #content .page-header h1::before {
	content: " ";
	width: 120px;
	height: 2px;
	position: absolute;
	background: #0a334f;
	top: 18px;
	left: calc(100% + 20px);
}

/* ruler-responsive.css: #content .ce-container .page-header h2::before { display: none } σε 1-480, 481-768, 768-979px */
@media (min-width: 1px) and (max-width: 979px) {
	#content .ce-container .page-header h1::before {
		display: none;
	}
}

/* Κρυφό h1 της αρχικής: το διαβάζουν μηχανές αναζήτησης και αναγνώστες οθόνης, δεν φαίνεται */
.cnc-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Countdown των συνεδρίων (αρχική, Live, κατηγορίες, blog): ετικέτες 13px ώστε να χωρούν κάτω από τα κουτάκια (με 15px σε
   1440px απείχαν 1-5px η μία από την άλλη). Τα νούμερα μένουν 15px. Απόφαση χρήστη 22/10/2026. */
.countdate .timer {
	font-size: 13px;
}
.countdate .timer span {
	font-size: 15px;
}

/* Countdown: 4 ίσες στήλες με κενό 6px και τετράγωνα κουτιά έως 48px, κεντραρισμένα, με τη λέξη ακριβώς από κάτω.
   Το nireas.css αφαιρούσε 20px από κάθε στήλη (padding-right), οπότε στις 6 κάρτες της αρχικής (MacBook 1492-1512px) τα
   κουτιά έβγαιναν 26x40, στενότερα από τη λέξη, και η σειρά έγερνε αριστερά. Απόφαση χρήστη 22/10/2026. */
.countdate {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 6px;
}
.countdate .timer {
	float: none;
	width: auto;
	padding: 0;
}
.countdate .timer span {
	float: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 48px;
	aspect-ratio: 1;
	height: auto;
	margin: 0 auto 4px;
	padding: 0;
}

/* CNC 23/10/2026: αντίθεση κειμένου (WCAG AA 4,5:1, Lighthouse color-contrast), απόφαση χρήστη «Α: ίδια χρώματα, σκούρα γράμματα»:
   το πράσινο #00cc74 και το πορτοκαλί #ff8700 μένουν, τα γράμματα γίνονται το σκούρο μπλε του header #0a334f (6,2:1 και 5,5:1)·
   το ΕΓΓΡΑΦΗ γίνεται ελάχιστα πιο σκούρο μπλε (#0386c3 → #0279b0, 4,9:1 με λευκά)· τα hover μένουν όπως ήταν. */
.header-right .login .button-drop.dropdown-toggle { color: #0a334f !important; }
.login .custom a.login-button { color: #0a334f; }
.login .custom a.reg-button { border-color: #0279b0; background-color: #0279b0; }
body.site .addeventatc { color: #0a334f !important; }
body #cpnb-accept-btn, body .cpnb-button-ok, body .cpnb-m-enableAllButton { color: #0a334f !important; }
.letter .inputbox { color: #767676; }
/* Σύνδεσμοι στο κείμενο του footer: υπογράμμιση, για να ξεχωρίζουν και χωρίς το χρώμα (Lighthouse link-in-text-block) */
.footer .copy a { text-decoration: underline; }
/* Zoom στο κινητό (meta viewport χωρίς user-scalable=no): το iPhone μεγεθύνει όταν πατάς σε πεδίο κάτω από 16px */
@media (max-width: 991.98px) {
	.search .inputbox { font-size: 16px; }
}

/* CNC 23/10/2026: αρχικές (1390 EN, 1507 και 1557 EL): το κενό .main-content κρυφό όπως στο J3. Το ruler.css το κρύβει μόνο στα 1390/1507·
   από τότε που η ελληνική αρχική είναι το 1557 (προεπιλογή EL) φαινόταν ένα άδειο κομμάτι 190px στη μέση της σελίδας. Ύψος 0 αντί για
   display:none, ώστε το <main> και το κρυφό <h1> να μένουν για αναγνώστες οθόνης/AI agents (Lighthouse landmark-one-main). */
.itemid-1390 .main-content,
.itemid-1507 .main-content,
.itemid-1557 .main-content {
	display: block !important;
	height: 0;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	overflow: hidden;
}
/* Σύνδεσμος όρων στη φόρμα newsletter: υπογράμμιση, όπως στο footer (Lighthouse link-in-text-block) */
.letter .fieldacyterms a { text-decoration: underline; }