/* ΟΙΚΑΝΟ · WCAG 2.1 AA. Μόνο ό,τι χρειάζεται· η εμφάνιση μένει ίδια. */

/* 1.4.3 Αντίθεση: το πράσινο της μάρκας λίγο πιο σκούρο (4.01 → 5.06:1 σε λευκό, 4.85:1 σε κρεμ), το Viber ανεπαίσθητα (4.48 → 4.56:1) */
html:root {
	--wp--preset--color--brand-green: #527a0a;
	--wp--preset--color--viber: #7160ee;
}
.is-style-viber .wp-block-button__link:hover { background: #5c49d8; }

/* 1.4.3 Τα μεγάλα νούμερα των βημάτων (01–04) σε λευκή κάρτα.
   Είναι 54px/900, άρα μεγάλο κείμενο: κατώφλι 3:1. Το lime #b3dc3c δίνει 1.59:1 — πραγματική αποτυχία.
   Το περίγραμμα δεν μετράει στον τύπο της αντίθεσης, οπότε σκουραίνει το ίδιο το γέμισμα:
   #7b9c1c = 3.17:1, ίδια απόχρωση (hue 75) και κορεσμός με το lime. */
.o-step__n {
	color: #7b9c1c;
	-webkit-text-stroke: 1px var(--wp--preset--color--primary-dark, #3a5706);
	paint-order: stroke fill;
}

/* 2.4.7 / 1.4.11 Ορατό focus και σε λευκό φόντο: το lime περίγραμμα του θέματος (3px, offset 2px) αποκτά σκούρο εσωτερικό και εξωτερικό δαχτυλίδι */
:focus-visible {
	box-shadow: 0 0 0 6px var(--wp--preset--color--contrast, #18210f) !important;
}
.oikano-form input:focus-visible,
.oikano-form select:focus-visible,
.oikano-form textarea:focus-visible {
	box-shadow: none !important;
}

/* 2.2.2 Παύση στο slider της αρχικής */
.od-slider.is-user-paused .od-dot.is-active i { animation-play-state: paused !important; }
.od-pause {
	position: relative;
	flex: none;
	width: 32px;
	height: 32px;
	margin-left: 10px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--o-glass-border, rgba(255,255,255,.35));
	background: var(--o-glass, rgba(0,0,0,.35));
	color: #fff;
	cursor: pointer;
}
.od-pause:hover { background: var(--o-glass-strong, rgba(0,0,0,.55)); }
.od-pause::before,
.od-pause::after {
	content: "";
	position: absolute;
	top: 10px;
	width: 3px;
	height: 12px;
	border-radius: 1px;
	background: currentColor;
}
.od-pause::before { left: 11px; }
.od-pause::after { right: 11px; }
.od-pause[aria-pressed="true"]::after { display: none; }
.od-pause[aria-pressed="true"]::before {
	left: 12px;
	width: 0;
	height: 0;
	border-radius: 0;
	background: none;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent currentColor;
}
.od-slider.is-static .od-pause { display: none; }

/* Κείμενο μόνο για αναγνώστες οθόνης */
.oa11y-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}