/* Nijo Google News - badge προτεινομενης πηγης.
   Οι τιμες κληρονομουνται απο το design system του αρθρου (--a-*) οταν υπαρχει,
   αλλιως πεφτουν σε ουδετερα. Το --nijogn-set ερχεται απο τις ρυθμισεις και υπερισχυει. */

.nijogn {
	--nijogn-accent: var(--nijogn-set, var(--a-t, #b15232));
	--nijogn-bg: var(--a-cream, #fdfbf8);
	--nijogn-bg-hover: var(--a-sand, #faf5ee);
	--nijogn-border: var(--a-line, #e7ddcf);
	--nijogn-text: var(--a-ink, #22201d);
	--nijogn-muted: var(--a-mut, #6d675d);
	margin: 2.2em 0;
	font-family: inherit;
	line-height: 1.45;
}

.nijogn--center { text-align: center; }
.nijogn--right  { text-align: right; }

.nijogn__btn {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	max-width: 540px;
	margin: 0;
	padding: 15px 18px;
	text-align: left;
	background: var(--nijogn-bg);
	border: 1px solid var(--nijogn-border);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(34, 32, 29, .05);
	cursor: pointer;
	color: var(--nijogn-text);
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.nijogn__btn:hover,
.nijogn__btn:focus-visible {
	background: var(--nijogn-bg-hover);
	border-color: var(--nijogn-accent);
	box-shadow: 0 6px 18px rgba(34, 32, 29, .12);
	transform: translateY(-1px);
	color: var(--nijogn-text);
}

.nijogn__btn:focus-visible {
	outline: 2px solid var(--nijogn-accent);
	outline-offset: 2px;
}

.nijogn__btn:active { transform: translateY(0); }

.nijogn__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid var(--nijogn-border);
}

.nijogn__icon .nijogn__g { display: block; }

.nijogn__txt {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.nijogn__label {
	font-weight: 700;
	font-size: .97em;
	line-height: 1.32;
	color: var(--nijogn-text);
}

.nijogn__sub {
	font-size: .82em;
	line-height: 1.35;
	color: var(--nijogn-muted);
	font-weight: 400;
}

.nijogn__plus {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: var(--nijogn-accent);
	background: rgba(0, 0, 0, .05);
	background: color-mix(in srgb, var(--nijogn-accent) 11%, transparent);
	transition: background-color .18s ease, color .18s ease;
}

.nijogn__btn:hover .nijogn__plus {
	background: var(--nijogn-accent);
	color: #fff;
}

.nijogn__done {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 540px;
	padding: 15px 18px;
	border: 1px solid #cfe0cd;
	border-radius: 12px;
	background: #f4f9f3;
	color: #2f5c2a;
	font-size: .92em;
	line-height: 1.4;
	text-align: left;
}

.nijogn__done[hidden] { display: none; }

.nijogn__check {
	flex: 0 0 auto;
	display: inline-flex;
	color: #3d7a35;
}

.nijogn__fallback {
	display: inline-block;
	padding: 12px 18px;
	border: 1px solid var(--nijogn-border);
	border-radius: 12px;
	text-decoration: none;
	color: var(--nijogn-text);
}

@media (max-width: 480px) {
	.nijogn { margin: 1.8em 0; }
	.nijogn__btn { gap: 11px; padding: 13px 14px; }
	.nijogn__icon { width: 34px; height: 34px; }
	.nijogn__icon .nijogn__g { width: 20px; height: 20px; }
	.nijogn__label { font-size: .92em; }
	.nijogn__sub { font-size: .78em; }
	.nijogn__plus { width: 26px; height: 26px; }
}

/* ---------- Αιωρούμενο κάτω αριστερά ----------
   Λιτή κάρτα σε στυλ Google (όπως το widget του aboutnet.gr): λευκή, γκρι περίγραμμα,
   πολύχρωμο G, μία γραμμή κειμένου, γκρι κουμπί κλεισίματος. Δεν κληρονομεί χρώματα από
   το θέμα, ώστε να φαίνεται ίδια παντού. Το JS τη μεταφέρει στο <body>, την εμφανίζει στη
   μέση του άρθρου και την ανεβάζει πάνω από ό,τι άλλο σταθερό υπάρχει στη γωνία. */

.nijogn--float {
	display: none;
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 99990;
	width: 270px;
	max-width: calc(100vw - 32px);
	margin: 0;
	font-family: Roboto, "Google Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.35;
	color: #202124;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .28s ease, transform .28s ease, bottom .2s ease;
}

.nijogn--float.is-on { display: block; }
.nijogn--float.is-in { opacity: 1; transform: translateY(0); }
/* δεν χωράει δίπλα στα άλλα στοιχεία της γωνίας: κρύβεται μέχρι να ελευθερωθεί ο χώρος */
.nijogn--float.is-in.is-blocked { opacity: 0; transform: translateY(16px); pointer-events: none; }

/* Τα θέματα συχνά επιβάλλουν σε κάθε <button> ύψος, nowrap, κεφαλαία κ.λπ.: τα ακυρώνουμε. */
.nijogn--float,
.nijogn--float *,
.nijogn--float *::before,
.nijogn--float *::after { box-sizing: border-box; }

.nijogn--float .nijogn__card {
	display: flex;
	align-items: center;
	gap: 11px;
	width: 100%;
	height: auto;
	min-height: 0;
	max-height: none;
	overflow: visible;
	white-space: normal;
	word-break: normal;
	overflow-wrap: break-word;
	line-height: 1.35;
	float: none;
	margin: 0;
	padding: 12px 46px 12px 14px;
	text-align: left;
	background: #fff;
	border: 1px solid #dadce0;
	border-radius: 16px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .2);
	color: #202124;
	font: inherit;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .15s ease, box-shadow .15s ease;
}

.nijogn--float .nijogn__card:hover,
.nijogn--float .nijogn__card:focus-visible {
	background: #f8f9fa;
	color: #202124;
	box-shadow: 0 6px 22px rgba(0, 0, 0, .24);
}

.nijogn--float .nijogn__card:focus-visible {
	outline: 2px solid #1a73e8;
	outline-offset: 2px;
}

.nijogn--float .nijogn__gicon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
}

.nijogn--float .nijogn__gicon .nijogn__g {
	display: block;
	width: 20px;
	height: 20px;
}

.nijogn--float .nijogn__ftxt {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	white-space: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	color: #202124;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}

.nijogn--float .nijogn__x {
	position: absolute;
	top: 50%;
	right: 10px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	min-width: 0;
	min-height: 0;
	margin: -14px 0 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f1f3f4;
	color: #5f6368;
	box-shadow: none;
	cursor: pointer;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .15s ease, color .15s ease;
}

.nijogn--float .nijogn__x:hover,
.nijogn--float .nijogn__x:focus-visible {
	background: #e8eaed;
	color: #202124;
}

.nijogn--float .nijogn__x:focus-visible {
	outline: 2px solid #1a73e8;
	outline-offset: 2px;
}

.nijogn--float .nijogn__x svg { display: block; }

.nijogn--float .nijogn__done {
	display: flex;
	width: 100%;
	max-width: none;
	padding: 12px 46px 12px 14px;
	border: 1px solid #ceead6;
	border-radius: 16px;
	background: #e6f4ea;
	color: #137333;
	font-size: 14px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .2);
}

.nijogn--float .nijogn__done[hidden] { display: none; }

@media (max-width: 600px) {
	.nijogn--float {
		left: 12px;
		bottom: 12px;
		width: 260px;
		max-width: calc(100vw - 88px);
	}
}

/* ---------- Στην αρχή του άρθρου (στυλ Gazzetta) ----------
   Γκρι πλαίσιο με μια φράση και κουμπί-χάπι με το G της Google. Τυπώνεται στο footer
   κρυφό και το JS το βάζει πριν από την πρώτη παράγραφο του άρθρου. */

.nijogn--top { display: none; }

/* Τα !important προστατεύουν το μπλοκ από θέματα που μηδενίζουν padding ή αλλάζουν τα κουμπιά.
   Το margin-left και το max-width τα ορίζει το JS inline με !important, που υπερισχύει. */
.nijogn--top.is-placed {
	display: block !important;
	clear: both;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 520px !important;
	height: auto !important;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 4px 12px 16px !important;
	background: #f4f4f4 !important;
	border: 1px solid #808080 !important;
	border-radius: 20px !important;
	color: #000 !important;
	font-family: inherit;
	line-height: 1.5 !important;
	text-align: center !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.nijogn--top *,
.nijogn--top *::before,
.nijogn--top *::after { box-sizing: border-box; }

.nijogn--top .nijogn__ttl {
	display: block !important;
	margin: 0 !important;
	padding: 14px 8px !important;
	color: #000 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	text-align: center !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.nijogn--top .nijogn__pill {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	background: #fff;
	border: 2px solid #000 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #000;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	text-align: center !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-decoration: none !important;
	white-space: normal !important;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .15s ease, color .15s ease;
}

.nijogn--top .nijogn__pill:hover,
.nijogn--top .nijogn__pill:focus-visible {
	background: #000 !important;
	color: #fff !important;
}

.nijogn--top .nijogn__pill:focus-visible {
	outline: 2px solid #1a73e8;
	outline-offset: 2px;
}

.nijogn--top .nijogn__gicon {
	flex: 0 0 auto;
	display: inline-flex;
	width: 24px;
	height: 24px;
	padding: 0;
	border-radius: 50%;
	background: #fff;
}

.nijogn--top .nijogn__gicon .nijogn__g { display: block; width: 24px; height: 24px; }

.nijogn--top .nijogn__ptxt { display: block; min-width: 0; }

.nijogn--top .nijogn__done {
	display: flex;
	justify-content: center;
	max-width: none;
	width: 100%;
	border-radius: 999px;
}

.nijogn--top .nijogn__done[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
	.nijogn__btn { transition: none; }
	.nijogn__btn:hover { transform: none; }
	.nijogn--float { transition: none; transform: none; }
}