/* ==========================================================================
   php-net.pro — Leserbriefe ("Letters to the Editor") unter den Print-
   Artikeln. EINE Datei fuer alle vier Blaetter: sie haengt sich komplett an
   die Blatt-Tokens (--paper/--ink/--rule/--font-*), die jedes Blatt in
   seiner Tageszeit selbst definiert — Fallbacks decken Blaetter ab, die
   einzelne Tokens nicht kennen (DEV. faellt z. B. auf Sans zurueck).
   Geladen von print-top.php (Hauptzeitung) und print-sect-head.php.
   ========================================================================== */

.comments-print {
	margin-top: 2.4rem;
	padding-top: 1.1rem;
	border-top: 3px double var(--rule, currentColor);
}

.comments-print .comments-title {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: .8rem;
	margin: 0 0 1.1rem;
	font: 700 .82rem/1.4 var(--font-sans, sans-serif);
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--ink, currentColor);
}

.comments-print .comments-count {
	font: 500 .68rem/1.4 var(--font-mono, monospace);
	letter-spacing: .05em;
	text-transform: none;
	color: var(--ink-3, var(--ink-2, currentColor));
}

.comments-print .comments-empty {
	font: italic 400 .95rem/1.6 var(--font-serif, var(--font-sans, serif));
	text-align: center;
	color: var(--ink-2, currentColor);
}

.comments-print .comments-list { margin: 0; padding: 0; list-style: none; }

.comments-print .comment {
	padding: .9rem 0;
	border-bottom: 1px solid var(--rule-faint, var(--rule-soft, rgba(127, 127, 127, .25)));
}

.comments-print .comment:last-child { border-bottom: 0; }

.comments-print .comment-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .55rem; }

.comments-print .comment-author {
	font: 700 .78rem/1.5 var(--font-sans, sans-serif);
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--ink, currentColor);
}

.comments-print .comment-lang,
.comments-print .comment-time {
	font: 500 .66rem/1.5 var(--font-mono, monospace);
	color: var(--ink-3, var(--ink-2, currentColor));
	letter-spacing: .04em;
}

.comments-print .comment-body {
	margin-top: .35rem;
	font: 400 .95rem/1.65 var(--font-serif, var(--font-sans, serif));
	color: var(--ink, currentColor);
	overflow-wrap: anywhere;
}

.comments-print .comment-foot { display: flex; align-items: center; gap: .9rem; margin-top: .45rem; }

.comments-print .comment-votes { display: inline-flex; align-items: center; gap: .2rem; }

.comments-print .comment-vote {
	padding: .1rem .3rem;
	border: 0;
	background: transparent;
	font-size: .68rem;
	color: var(--ink-3, var(--ink-2, currentColor));
	cursor: pointer;
}

.comments-print .comment-vote:hover,
.comments-print .comment-vote.is-active { color: var(--link, var(--ink, currentColor)); }

.comments-print .comment-score {
	min-width: 2em;
	text-align: center;
	font: 600 .72rem/1.4 var(--font-mono, monospace);
	color: var(--ink-2, currentColor);
}

.comments-print .comment-action {
	padding: 0;
	border: 0;
	background: transparent;
	font: 500 .66rem/1.5 var(--font-mono, monospace);
	letter-spacing: .04em;
	color: var(--ink-3, var(--ink-2, currentColor));
	cursor: pointer;
}

.comments-print .comment-action:hover { color: var(--ink, currentColor); text-decoration: underline; }
.comments-print .comment-action:disabled { cursor: default; text-decoration: none; }

.comments-print .comment-fold > summary {
	list-style: none;
	cursor: pointer;
	font: italic 400 .8rem/1.6 var(--font-serif, var(--font-sans, serif));
	color: var(--ink-3, var(--ink-2, currentColor));
}
.comments-print .comment-fold > summary::-webkit-details-marker { display: none; }
.comments-print .comment-fold-open { text-decoration: underline; }
.comments-print .comment-fold[open] > summary { margin-bottom: .45rem; }
.comments-print .comment-fold[open] .comment-fold-open { display: none; }

/* Schreiben: schlichter Zeitungs-Kasten mit Haarlinien statt Karten-Look */
.comments-print .comments-compose,
.comments-print .comments-login {
	margin-top: 1.4rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--rule-soft, var(--rule-faint, rgba(127, 127, 127, .35)));
}

.comments-print .comments-compose h3,
.comments-print .comments-login h3 {
	margin: 0 0 .45rem;
	font: 700 .74rem/1.5 var(--font-sans, sans-serif);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ink, currentColor);
}

.comments-print .comments-login p {
	margin: 0 0 .8rem;
	font: 400 .88rem/1.6 var(--font-serif, var(--font-sans, serif));
	color: var(--ink-2, currentColor);
}

.comments-print .comments-me {
	display: flex;
	align-items: baseline;
	gap: .8rem;
	margin: 0 0 .8rem;
	font: 500 .7rem/1.5 var(--font-mono, monospace);
	color: var(--ink-2, currentColor);
}

.comments-print .comments-label {
	display: block;
	margin-bottom: .8rem;
	font: 600 .68rem/1.6 var(--font-mono, monospace);
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--ink-2, currentColor);
}

.comments-print .comments-label input,
.comments-print .comments-label textarea {
	display: block;
	width: 100%;
	margin-top: .3rem;
	padding: .5rem .65rem;
	border: 1px solid var(--rule-soft, var(--rule-faint, rgba(127, 127, 127, .35)));
	border-radius: 0;
	background: transparent;
	color: var(--ink, currentColor);
	font: 400 .92rem/1.6 var(--font-serif, var(--font-sans, serif));
}

.comments-print .comments-label textarea { resize: vertical; min-height: 6.5em; }

.comments-print .comments-label input:focus-visible,
.comments-print .comments-label textarea:focus-visible {
	outline: 2px solid var(--link, var(--ink, currentColor));
	outline-offset: 1px;
}

.comments-print .comments-submit {
	display: inline-flex;
	align-items: center;
	padding: .5rem 1.1rem;
	border: 1px solid var(--ink, currentColor);
	border-radius: 0;
	background: transparent;
	color: var(--ink, currentColor);
	font: 700 .72rem/1.4 var(--font-sans, sans-serif);
	letter-spacing: .14em;
	text-transform: uppercase;
	cursor: pointer;
}

.comments-print .comments-submit:hover { background: var(--ink, currentColor); color: var(--paper, #fff); }
.comments-print .comments-submit:disabled { opacity: .55; cursor: default; }

.comments-print .comments-error {
	margin: 0 0 .8rem;
	font: italic 400 .85rem/1.5 var(--font-serif, var(--font-sans, serif));
	color: var(--ink, currentColor);
	text-decoration: underline;
	text-decoration-style: dotted;
}

.comments-print .comments-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Print-Seiten laden news.css nicht — Screenreader-only hier ebenfalls definieren */
.comments-print .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Warten auf den Mail-Klick (sent-Phase) — Zeitungs-Variante */
.comments-print .comments-waiting {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0 0 .8rem;
	font: 500 .7rem/1.5 var(--font-mono, monospace);
	color: var(--ink-2, currentColor);
}

.comments-print .comments-spinner {
	flex: none;
	width: 13px;
	height: 13px;
	border: 2px solid var(--rule-soft, var(--rule-faint, rgba(127, 127, 127, .4)));
	border-top-color: var(--ink, currentColor);
	border-radius: 50%;
	animation: comments-spin .8s linear infinite;
}

@keyframes comments-spin { to { transform: rotate(360deg); } }

.comments-print .comments-sent-actions { margin: .5rem 0 0; font: 500 .68rem/1.6 var(--font-mono, monospace); color: var(--ink-3, var(--ink-2, currentColor)); }
.comments-print .comments-code-hint { margin: 0 0 .7rem; font: italic 400 .85rem/1.5 var(--font-serif, var(--font-sans, serif)); color: var(--ink-2, currentColor); }
.comments-print .comments-field-hint { margin: -.4rem 0 .8rem; font: italic 400 .78rem/1.5 var(--font-serif, var(--font-sans, serif)); color: var(--ink-3, var(--ink-2, currentColor)); }

/* Artikel-Bewertung ueber den Leserbriefen — gleiche Vote-Optik, Blatt-Tokens */
.article-rating-print { display: flex; align-items: center; gap: .7rem; margin: 1.4rem 0 0; }
.article-rating-print .article-rating-label { font: 500 .7rem/1.4 var(--font-mono, monospace); color: var(--ink-2, currentColor); }
.article-rating-print .comment-votes { display: inline-flex; align-items: center; gap: .2rem; }

.article-rating-print .comment-vote {
	padding: .1rem .3rem;
	border: 0;
	background: transparent;
	font-size: .68rem;
	color: var(--ink-3, var(--ink-2, currentColor));
	cursor: pointer;
}

.article-rating-print .comment-vote:hover,
.article-rating-print .comment-vote.is-active { color: var(--link, var(--ink, currentColor)); }

.article-rating-print .comment-score {
	min-width: 2em;
	text-align: center;
	font: 600 .72rem/1.4 var(--font-mono, monospace);
	color: var(--ink-2, currentColor);
}