/**
 * PR Pressemitteilungen – Darstellung der Downloads in Pressemitteilungen (Frontend).
 *
 * Warum: Das Ordner-Design „default“ von WP File Download setzt Dateien nebeneinander in Spalten
 * (je ca. 50 % Breite, Schaltflächenbereich höchstens 30 % davon). Mit der Website-eigenen Gestaltung
 * (feste Höhe der Schaltflächen, Symbol unter dem Text) werden „Herunterladen“ und „Vorschau“ ab zwei
 * Dateien abgeschnitten. Hier: eine Datei je Zeile, Schaltflächen nebeneinander über die volle Breite –
 * wie die Einzeldatei-Elemente auf cottbus.de.
 *
 * Nur auf Beiträgen, die mit dem Assistenten erstellt wurden (Körperklasse „pr-pm-pressemitteilung“).
 * Farben der Schaltflächen bleiben die der Website.
 *
 * @package PR_Pressemitteilungen
 */

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list {
	gap: 0; /* Abstände setzt WP File Download je Datei selbst (Ordner-Einstellung „Rand“) */
}

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file:not(.flex_span) {
	/* !important nur hier: WP File Download setzt unter 720 px selbst „flex: 0 !important“. */
	flex: 1 1 100% !important;
	/* Inhalt oben, Schaltflächen darunter – als Spalte OHNE Umbruch. cottbus.de setzt die Karte bereits auf
	   „flex-direction: column“; mit Umbruch landete der Schaltflächenbereich sonst in einer zweiten Spalte
	   rechts außerhalb der Karte (schmaler roter Streifen). */
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	width: auto;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

/* Platzhalter für das Spaltenraster wird nicht gebraucht. */
body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file.flex_span {
	display: none;
}

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .filecontent {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
}

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .filecontent h3,
body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .filecontent h3 a {
	overflow-wrap: anywhere;
}

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right {
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 14px 0 0;
	padding: 0;
	text-align: center;
}

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a.downloadlink,
body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a.openlink {
	display: inline-flex;
	flex: 1 1 50%;
	flex-direction: row-reverse; /* Symbol vor dem Text */
	align-items: center;
	justify-content: center;
	gap: .55em;
	box-sizing: border-box;
	width: auto;
	height: auto;
	min-height: 2.9em;
	margin: 0;
	padding: .75em 1em;
	overflow: visible;
	border-radius: 0;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: .03em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a.downloadlink i,
body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a.openlink i {
	margin: 0;
	font-size: 1.35em;
	line-height: 1;
	vertical-align: middle;
}

/* Nur eine Schaltfläche (z. B. Vorschau abgeschaltet) → volle Breite. */
body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a:only-child {
	flex-basis: 100%;
}

/* Unter 720 px stellt WP File Download die Liste auf Spalten-Richtung – dann keine prozentuale Basis
   (bei unbestimmter Höhe rechnen ältere Safari-Versionen sie falsch). */
@media (max-width: 720px) {
	body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file:not(.flex_span) {
		flex: 0 0 auto !important;
	}
}

@media (max-width: 480px) {
	body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a.downloadlink,
	body.pr-pm-pressemitteilung .wpfd-content-default .wpfd_list .file .file-right a.openlink {
		flex-basis: 100%;
	}
}