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

/* ---------- Αιωρούμενο κάτω αριστερά ----------
   Το JS το μεταφέρει στο <body> και το εμφανίζει όταν ο αναγνώστης
   έχει διαβάσει περίπου το μισό άρθρο. */

.nijogn--float {
	display: none;
	position: fixed;
	left: 20px;
	bottom: 20px;
	z-index: 99990;
	width: 380px;
	max-width: calc(100vw - 40px);
	margin: 0;
	font-size: 15px;
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .28s ease, transform .28s ease;
}

.nijogn--float.is-on { display: block; }
.nijogn--float.is-in { opacity: 1; transform: translateY(0); }

.nijogn--float .nijogn__btn,
.nijogn--float .nijogn__done {
	width: 100%;
	max-width: none;
	box-shadow: 0 10px 30px rgba(34, 32, 29, .16), 0 2px 6px rgba(34, 32, 29, .08);
}

.nijogn--float .nijogn__btn { padding-right: 16px; }

.nijogn__x {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--nijogn-border);
	border-radius: 50%;
	background: #fff;
	color: var(--nijogn-muted);
	box-shadow: 0 2px 8px rgba(34, 32, 29, .14);
	cursor: pointer;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
	transition: color .15s ease, border-color .15s ease;
}

.nijogn__x:hover,
.nijogn__x:focus-visible {
	color: var(--nijogn-text);
	border-color: var(--nijogn-accent);
	background: #fff;
}

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

.nijogn__x svg { display: block; }

@media (max-width: 600px) {
	/* η δεξιά γωνία μένει ελεύθερη για κουμπί «πάνω» ή chat */
	.nijogn--float {
		left: 12px;
		right: 76px;
		bottom: 12px;
		width: auto;
		max-width: none;
		font-size: 14px;
	}
	.nijogn__x { top: -9px; right: -4px; }
}

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