/*
Theme Name: srmtflow-theme
Author: Gemini + SMARTini
Description: Ein radikal reduziertes Fullscreen-Theme für das smrtflow Plugin.
Version: 1.0
*/

/* Reset aller Abstände */
html, body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden; /* Verhindert das Scrollen der gesamten Seite */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background-color: #f4f4f5; /* Leichtes Grau für den Canvas-Hintergrund */
}

/*  */
.app-container {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100vw;
}

/* Der Container für den Shortcode */
.board-wrapper {
	flex-grow: 1; 
	position: relative;
	width: 100%;
	height: 100%;
}

/* */
.board-wrapper .entry-content,
.board-wrapper .entry-content > div {
	height: 100%;
	width: 100%;
}

/* ==========================================================================
   WordPress Passwort-Formular
   ========================================================================== */

/*  */
.post-password-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 20px;
	background-color: #f4f4f5; /* Gleicher Hintergrund wie das Board */
}

/*  */
.post-password-form p {
	margin-bottom: 15px;
	color: #3f3f46;
	font-size: 1.1rem;
	max-width: 400px;
	line-height: 1.5;
}

/*  */
.post-password-form label {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0.9rem;
	color: #71717a;
	font-weight: 500;
}

/*  */
.post-password-form input[type="password"] {
	margin-top: 10px;
	padding: 14px 16px;
	font-size: 1rem;
	border: 1px solid #d4d4d8;
	border-radius: 8px; /* Moderne, abgerundete Ecken */
	width: 280px;
	max-width: 100%;
	outline: none;
	background-color: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/*  */
.post-password-form input[type="password"]:focus {
	border-color: #0568ae;
	box-shadow: 0 0 0 3px rgba(5, 104, 174, 0.2);
}

/*  */
.post-password-form input[type="submit"] {
	margin-top: 20px;
	background-color: #0568ae;
	color: #ffffff;
	border: none;
	padding: 14px 28px;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

/* */
.post-password-form input[type="submit"]:hover {
	background-color: #04528a; /* Eine Nuance dunkler als #0568ae */
}