/**
 * Word Viewer - CSS
 *
 * Štýly pre Word prehliadač s Mammoth.js
 * Renderuje DOCX ako HTML s vzhľadom dokumentu
 *
 * @package SRZ_Rada
 * @since 1.0.0
 */

/* ==========================================================================
   Word Viewer - Základné štýly
   ========================================================================== */

.srz-word-viewer {
	--word-page-width: 210mm;
	--word-page-padding: 25mm;
	--word-page-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Word Content Container
   ========================================================================== */

.srz-word-content {
	overflow: auto;
	background-color: var(--doc-canvas-bg, #525659);
	padding: 20px;
	display: flex;
	justify-content: center;
}

/* ==========================================================================
   Word Document - Stránka
   ========================================================================== */

.srz-word-document {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100%;
}

.srz-word-page {
	background-color: #ffffff;
	box-shadow: var(--word-page-shadow);
	border-radius: 2px;
	width: var(--word-page-width);
	max-width: 100%;
	min-height: 297mm;
	padding: var(--word-page-padding);
	box-sizing: border-box;
	margin: 0 auto;
	transition: transform 0.2s ease;
	transform-origin: top center;
}

.srz-word-body {
	font-family: 'Calibri', 'Segoe UI', 'Arial', sans-serif;
	font-size: 11pt;
	line-height: 1.5;
	color: #000000;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* ==========================================================================
   Word Document - Typografia
   ========================================================================== */

.srz-word-body h1 {
	font-size: 24pt;
	font-weight: bold;
	margin: 24pt 0 12pt 0;
	color: #2e74b5;
	line-height: 1.2;
}

.srz-word-body h1:first-child {
	margin-top: 0;
}

.srz-word-body h1.doc-title {
	font-size: 26pt;
	text-align: center;
	color: #000000;
	margin-bottom: 6pt;
}

.srz-word-body h2 {
	font-size: 18pt;
	font-weight: bold;
	margin: 18pt 0 10pt 0;
	color: #2e74b5;
	line-height: 1.2;
}

.srz-word-body h3 {
	font-size: 14pt;
	font-weight: bold;
	margin: 14pt 0 8pt 0;
	color: #1f4d78;
	line-height: 1.2;
}

.srz-word-body h4 {
	font-size: 12pt;
	font-weight: bold;
	margin: 12pt 0 6pt 0;
	color: #2e74b5;
	font-style: italic;
	line-height: 1.2;
}

.srz-word-body h5 {
	font-size: 11pt;
	font-weight: bold;
	margin: 10pt 0 4pt 0;
	color: #1f4d78;
}

.srz-word-body h6 {
	font-size: 11pt;
	font-weight: normal;
	font-style: italic;
	margin: 10pt 0 4pt 0;
	color: #1f4d78;
}

.srz-word-body p {
	margin: 0 0 12pt 0;
	text-align: justify;
}

.srz-word-body p.doc-subtitle {
	font-size: 14pt;
	text-align: center;
	color: #5a5a5a;
	margin-top: 0;
}

.srz-word-body p:last-child {
	margin-bottom: 0;
}

/* ==========================================================================
   Word Document - Zoznamy
   ========================================================================== */

.srz-word-body ul,
.srz-word-body ol {
	margin: 12pt 0;
	padding-left: 36pt;
}

.srz-word-body li {
	margin-bottom: 6pt;
}

.srz-word-body li:last-child {
	margin-bottom: 0;
}

.srz-word-body ul ul,
.srz-word-body ol ol,
.srz-word-body ul ol,
.srz-word-body ol ul {
	margin: 6pt 0;
}

/* ==========================================================================
   Word Document - Tabuľky
   ========================================================================== */

.srz-word-body table {
	border-collapse: collapse;
	width: 100%;
	margin: 12pt 0;
	font-size: 10pt;
}

.srz-word-body th,
.srz-word-body td {
	border: 1px solid #000000;
	padding: 6pt 8pt;
	text-align: left;
	vertical-align: top;
}

.srz-word-body th {
	background-color: #4472c4;
	color: #ffffff;
	font-weight: bold;
}

.srz-word-body tr:nth-child(even) td {
	background-color: #d9e2f3;
}

.srz-word-body tr:nth-child(odd) td {
	background-color: #ffffff;
}

/* ==========================================================================
   Word Document - Obrázky
   ========================================================================== */

.srz-word-body img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 12pt auto;
}

/* ==========================================================================
   Word Document - Ďalšie elementy
   ========================================================================== */

.srz-word-body strong,
.srz-word-body b {
	font-weight: bold;
}

.srz-word-body em,
.srz-word-body i {
	font-style: italic;
}

.srz-word-body u {
	text-decoration: underline;
}

.srz-word-body s,
.srz-word-body strike {
	text-decoration: line-through;
}

.srz-word-body sup {
	font-size: 0.75em;
	vertical-align: super;
}

.srz-word-body sub {
	font-size: 0.75em;
	vertical-align: sub;
}

.srz-word-body blockquote {
	margin: 12pt 0;
	padding: 12pt 20pt;
	border-left: 4px solid var(--doc-primary, #3498db);
	background-color: #f8f9fa;
	font-style: italic;
}

.srz-word-body pre,
.srz-word-body code {
	font-family: 'Consolas', 'Courier New', monospace;
	font-size: 10pt;
	background-color: #f4f4f4;
	padding: 2pt 4pt;
	border-radius: 2px;
}

.srz-word-body pre {
	display: block;
	padding: 12pt;
	margin: 12pt 0;
	overflow-x: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.srz-word-body hr {
	border: none;
	border-top: 1px solid #d0d0d0;
	margin: 24pt 0;
}

.srz-word-body a {
	color: var(--doc-primary, #3498db);
	text-decoration: underline;
}

.srz-word-body a:hover {
	color: var(--doc-primary-dark, #2980b9);
}

/* ==========================================================================
   Fallback pre .doc súbory
   ========================================================================== */

.srz-word-viewer .srz-doc-fallback {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px;
	background-color: #ffffff;
	border-radius: 8px;
	max-width: 500px;
	margin: auto;
}

.srz-word-viewer .srz-doc-fallback-icon {
	margin-bottom: 20px;
}

.srz-word-viewer .srz-doc-fallback-icon .dashicons {
	font-size: 64px;
	width: 64px;
	height: 64px;
	color: var(--doc-primary, #3498db);
}

.srz-word-viewer .srz-doc-fallback-info h3 {
	font-size: 18px;
	margin: 0 0 12px 0;
	color: #333;
}

.srz-word-viewer .srz-doc-fallback-info p {
	font-size: 14px;
	color: #666;
	margin: 0 0 8px 0;
}

.srz-word-viewer .srz-doc-fallback-hint {
	font-size: 12px;
	color: #999;
	font-style: italic;
}

.srz-word-viewer .srz-doc-fallback-actions {
	margin-top: 20px;
}

.srz-word-viewer .srz-doc-fallback-actions .button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.srz-word-viewer .srz-doc-fallback-actions .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

/* ==========================================================================
   Responzívny dizajn
   ========================================================================== */

@media screen and (max-width: 900px) {
	.srz-word-viewer {
		--word-page-width: 100%;
		--word-page-padding: 15mm;
	}

	.srz-word-page {
		min-height: auto;
	}
}

@media screen and (max-width: 600px) {
	.srz-word-viewer {
		--word-page-padding: 10mm;
	}

	.srz-word-content {
		padding: 10px;
	}

	.srz-word-body {
		font-size: 10pt;
	}

	.srz-word-body h1 {
		font-size: 18pt;
	}

	.srz-word-body h2 {
		font-size: 14pt;
	}

	.srz-word-body h3 {
		font-size: 12pt;
	}

	.srz-word-body table {
		font-size: 9pt;
	}

	.srz-word-body th,
	.srz-word-body td {
		padding: 4pt 6pt;
	}
}

/* ==========================================================================
   Fullscreen mód
   ========================================================================== */

.srz-word-viewer.srz-doc-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: flex;
	flex-direction: column;
}

.srz-word-viewer.srz-doc-fullscreen .srz-word-content {
	flex: 1;
	height: auto;
}

/* ==========================================================================
   Tlač - @media print
   ========================================================================== */

@media print {
	.srz-word-viewer .srz-doc-toolbar,
	.srz-word-viewer .srz-doc-status {
		display: none !important;
	}

	.srz-word-viewer {
		background: none !important;
		box-shadow: none !important;
	}

	.srz-word-content {
		background: none !important;
		padding: 0 !important;
		overflow: visible !important;
		height: auto !important;
	}

	.srz-word-page {
		box-shadow: none !important;
		width: 100% !important;
		max-width: none !important;
		padding: 0 !important;
		transform: none !important;
	}

	.srz-word-body {
		font-size: 12pt;
	}
}