/**
 * @file
 * Využívá jen a pouze View při tisku a zobrazení jako markdown.
 */

:root{
    --md-content-font-size: 3.5mm;
    --md-content-page-width: 220mm;
}

.content-markdown-tof-btn
,.content-markdown-tof
{
    position: absolute;
}
.content-markdown-tof
{
    /* transform: translateY(40px); */
    background: #0e0e14;
    padding: 1rem 2em 1rem 0rem;
    border-radius: 0.5rem;
    border: 2px solid #443838;
    max-height: 90vh;
    overflow: auto;
}
/* pro white theme - media*/
@media (prefers-color-scheme: light) {
    .content-markdown-tof
    {
        background: #f8f9fa;
        border: 2px solid #c8c9ca;
    }
}

.content-markdown-tof h4{
    margin-left: 1rem;
}

.md-content-jbcore .overview
{
    display: none;
}

.md-content-jbcore .codeLike,
.md-content-jbcore pre{
    border: calc(var(--md-content-font-size) * 0.1) solid silver;
    border-radius: calc(var(--md-content-font-size) * 0.5);
    padding: calc(var(--md-content-font-size) * 1) calc(var(--md-content-font-size) * 1);
    font-size: var(--md-content-font-size);
}

.md-content-jbcore pre{
    font-family: 'Courier New', Courier, monospace;
}

.md-content-jbcore
{
    font-size: var(--md-content-font-size);
    line-height: 1.3;
    max-width: var(--md-content-page-width);
    margin: auto;
    font-family: Arial, sans-serif;
}

.md-content-jbcore h3::before,
.md-content-jbcore h4::before,
.md-content-jbcore h5::before,
.md-content-jbcore h6::before 
{
    content: '► ';
}

.md-content-jbcore h2,
.md-content-jbcore h3,
.md-content-jbcore h4,
.md-content-jbcore h5,
.md-content-jbcore h6
{
    font-weight: bold;
    border-bottom: calc(var(--md-content-font-size) * 0.15) solid transparent;
    margin-top: calc(var(--md-content-font-size) * 2);
    margin-bottom: calc(var(--md-content-font-size) * 1.5);
}

.md-content-jbcore h1,
.md-content-jbcore .subheader,
.md-content-jbcore div.div-version{
	color:#0d7320;
}

.md-content-jbcore h1,
.md-content-jbcore .subheader
{
    font-size: calc(var(--md-content-font-size) * 4);
    border-bottom: none;
    margin-bottom: 6rem;
    text-align: center;
}
.md-content-jbcore .subheader{
    font-size: calc(var(--md-content-font-size) * 2);
    font-style: italic !important;
}

.md-content-jbcore div.div-version {
	text-align: center;
	font-style: italic;
	font-weight:bold;
	border-top: 0.4rem double #0d7320;
	border-bottom: 0.4rem double #0d7320;
    margin-bottom: calc(var(--md-content-font-size) * 1.5);
}

.md-content-jbcore div.div-version p{
    margin-top: calc(var(--md-content-font-size) * 1.5);
    margin-bottom: calc(var(--md-content-font-size) * 1.5);
}

.md-content-jbcore h2{
    font-size: calc(var(--md-content-font-size) * 2);
    color:#21a153;
    border-bottom-color: #135c2f;
}   
.md-content-jbcore h3 {
    font-size: calc(var(--md-content-font-size) * 1.5);
    color: #0ba0a0;
    border-bottom-color: #053838;
}
.md-content-jbcore h4{
    font-size: calc(var(--md-content-font-size) * 1.3);
    color:#29a6c1;
    border-bottom-color: #1b6a7c;
}    
.md-content-jbcore h5{
    font-size: calc(var(--md-content-font-size) * 1.2);
    color: #9898ff;
    border-bottom-color: rgb(69, 98, 128);
}
.md-content-jbcore h6 {
    font-size: calc(var(--md-content-font-size) * 1.1);
    color: #3f6d52;
    border-bottom-color: #203629;
}


.md-content-jbcore h3{
    margin-left: calc(var(--md-content-font-size) * 1.5);
}
.md-content-jbcore h4{
    margin-left: calc(var(--md-content-font-size) * 3);
}
.md-content-jbcore h5,
.md-content-jbcore h6{
    font-style: italic;
    margin-left: calc(var(--md-content-font-size) * 4.5);
}

.md-content-jbcore table,
.print-cov .md-content-jbcore table
{
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    display: block;
    width: max-content;
    max-width: calc(var(--md-content-page-width) * 1);
    overflow: auto;
    margin: auto;
    margin-top: calc(var(--md-content-font-size) * 1.5);
    margin-bottom: calc(var(--md-content-font-size) * 1.5);
}
  
.md-content-jbcore table th,
.print-cov .md-content-jbcore table th,
.md-content-jbcore table td,
.print-cov .md-content-jbcore table td
{
	font-size: var(--md-content-font-size) !important;
    line-height: 1.3 !important;
	/* padding: 0.6rem 1.3rem; */
    padding: calc(var(--md-content-font-size) * 0.6) calc(var(--md-content-font-size) * 1.3) !important;
	/* border: 0.1rem solid #d4dbe1; */
    border: calc(var(--md-content-font-size) * 0.1) solid #d4dbe1 !important;
}
.md-content-jbcore table tbody tr:nth-child(2n),
.print-cov .md-content-jbcore table tbody tr:nth-child(2n)
{
	background-color: rgb(241, 241, 241);
}

.md-content-jbcore table thead tr,
.print-cov .md-content-jbcore table thead tr
{
    color: black;
    background-color: #c7e7e2;
    font-size: 110%;
}
.print-cov .md-content-jbcore table tbody tr,
.md-content-jbcore table tbody tr
{
    background-color: white;
    color:black;
}

.md-content-jbcore table a,
.md-content-jbcore table a:visited,
.md-content-jbcore table a:active,
.md-content-jbcore table a:hover
{
    color: #012955;
    text-decoration: none;
}

.md-content-jbcore img{
    max-height: calc(var(--md-content-font-size) * 50);
    max-width: calc( var(--md-content-page-width) * 0.9);    
    margin-left: auto;
    margin-right: auto;
    display: block;  
	box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); /* Jemná záře kolem obrázku */
	margin-top: 1rem;
	margin-bottom: 1rem;
    
    page-break-before: auto;
    page-break-after: auto; 
    page-break-inside: avoid;
}

.md-content-jbcore .alert-warning,
.md-content-jbcore .alert-danger,
.md-content-jbcore .alert-success,
.md-content-jbcore .alert-secondary,
.md-content-jbcore .alert-primary,
.md-content-jbcore .alert-info,
.md-content-jbcore .alert-light,
.md-content-jbcore .alert-dark
{
	position: relative;
	padding: .2rem 1.2rem;
	margin-bottom: 1rem;
	border: 0.15rem solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .45rem;	
}

.md-content-jbcore .alert-warning{
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;	
}

.md-content-jbcore .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.md-content-jbcore .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.md-content-jbcore .alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.md-content-jbcore .alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.md-content-jbcore .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.md-content-jbcore .alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.md-content-jbcore .alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.md-content-jbcore :not(pre):not(.hljs) > code {
	color: #b09459;
	font-size: inherit;
    line-height: 1.3;
}

.md-content-jbcore .print-break {
    position: relative;
    page-break-after: always;
    margin: 0;
    padding: 0;
    border: none;
    height: 1px;
}

.md-content-jbcore .toc-div {
    font-size: calc(var(--md-content-font-size) * 1);
    border: calc(var(--md-content-font-size) * 0.1) solid silver;
    border-radius: calc(var(--md-content-font-size) * 0.5);
    padding: calc(var(--md-content-font-size) * 1);
    margin-bottom: calc(var(--md-content-font-size) * 1.5);
    padding-left: calc(var(--md-content-font-size) * 2);
}

.md-content-jbcore .tableNoBorders table
{
    border-collapse: collapse;
    border-spacing: 0;
}

.md-content-jbcore .tableNoBorders table tr,
.md-content-jbcore .tableNoBorders table td,
.md-content-jbcore .tableNoBorders table th
{
    border: none !important;
    background-color: transparent !important;    
}
.md-content-jbcore .tableNoHEader table thead,
.md-content-jbcore .tableNoHEader table thead tr,
.md-content-jbcore .tableNoHEader table th
{
    display: none !important;
}
.md-content-jbcore .tableNoStrips table tr,
.md-content-jbcore .tableNoStrips table td,
.md-content-jbcore .tableNoStrips table th
{
    background:none;
    background-color: transparent;
}

/* BOF div image scale  */

:root{
    --divImg-scale-factor:1;
}

.md-content-jbcore .div100 img,
.md-content-jbcore  .div90 img,
.md-content-jbcore  .div80 img,
.md-content-jbcore  .div70 img,
.md-content-jbcore  .div75 img,
.md-content-jbcore  .div60 img,
.md-content-jbcore  .div50 img,
.md-content-jbcore  .div40 img,
.md-content-jbcore  .div30 img,
.md-content-jbcore  .div25 img,
.md-content-jbcore  .div20 img,
.md-content-jbcore  .div10 img
{
    max-height: inherit !important;
    max-width: inherit !important;
    height: inherit !important;
    width: calc( var(--md-content-page-width) * var(--divImg-scale-factor) ) !important;
}

.md-content-jbcore .div100100 img,
.md-content-jbcore   .div9090 img,
.md-content-jbcore   .div8080 img,
.md-content-jbcore   .div7070 img,
.md-content-jbcore   .div7575 img,
.md-content-jbcore   .div6060 img,
.md-content-jbcore   .div5050 img,
.md-content-jbcore   .div4040 img,
.md-content-jbcore   .div3030 img,
.md-content-jbcore   .div2525 img,
.md-content-jbcore   .div2020 img,
.md-content-jbcore   .div1010 img
{
    max-height: calc( var(--md-content-page-width) * var(--divImg-scale-factor) ) !important;
    max-width: calc( var(--md-content-page-width) * var(--divImg-scale-factor) ) !important;
    width: inherit !important;
    height: inherit !important;
}

.md-content-jbcore   .div1010 img,
.md-content-jbcore     .div10 img { --divImg-scale-factor: 0.1; }

.md-content-jbcore   .div2020 img,
.md-content-jbcore     .div20 img { --divImg-scale-factor: 0.2; }

.md-content-jbcore   .div2525 img,
.md-content-jbcore     .div25 img { --divImg-scale-factor: 0.25; }

.md-content-jbcore   .div3030 img,
.md-content-jbcore     .div30 img { --divImg-scale-factor: 0.3; }

.md-content-jbcore   .div4040 img,
.md-content-jbcore     .div40 img { --divImg-scale-factor: 0.4; }

.md-content-jbcore   .div5050 img,
.md-content-jbcore     .div50 img { --divImg-scale-factor: 0.5; }

.md-content-jbcore   .div6060 img,
.md-content-jbcore     .div60 img { --divImg-scale-factor: 0.6; }

.md-content-jbcore   .div7070 img,
.md-content-jbcore     .div70 img { --divImg-scale-factor: 0.7; }

.md-content-jbcore   .div7575 img,
.md-content-jbcore     .div75 img { --divImg-scale-factor: 0.75; }

.md-content-jbcore   .div8080 img,
.md-content-jbcore     .div80 img { --divImg-scale-factor: 0.8; }

.md-content-jbcore   .div9090 img,
.md-content-jbcore     .div90 img { --divImg-scale-factor: 0.9; }

/* EOF div image scale  */

.md-content-jbcore .footnotes
{
    margin-top: 2rem;
    border-top: 1px solid black;
    padding: 1rem;
    font-size: calc(var(--md-content-font-size) * 0.8);
    line-height: 1.2;
    font-family: 'Courier New', Courier, monospace;
}

.md-content-jbcore hr{
    border: calc(var(--md-content-font-size) * 0.15) solid var(--bs-body-color);
    margin-top: calc(var(--md-content-font-size) * 1.5);
    margin-bottom: calc(var(--md-content-font-size) * 1.5);
}
.md-content-jbcore .pdf-document-view{
    width: 100%;
    margin: auto;
}
.md-content-jbcore .pdf-document-view iframe
{
    width: 100%;
    height: calc(var(--md-content-page-width) * 0.74);
}

.md-content-jbcore .video-container{
    width: 100%;
    text-align: center;
}
.md-content-jbcore .video-container video{
    max-width: 50%;
    max-height: 30vh;
}

@media print {
    .content-markdown-tof-btn,
    .content-markdown-tof,
    .jbcore-bar
    {
        display: none !important;
    }
}

.print-cov .content-markdown-tof-btn,
.print-cov .content-markdown-tof
{
    display: none !important;
}

html,body{
    height: 100% !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.print-cov
p {
    page-break-inside: avoid;
    position: relative; 
}
.print-cov .md-content-jbcore .pdf-document-view{
    display: none;
}

.print-cov
.md-content-jbcore
{
    background-image: url('/templates/zlkl/imgs/logo_water.png'); /* Cesta k obrázku */
    background-repeat: repeat; /* Opakování obrázku */
    background-size: calc(var(--md-content-page-width) * 0.25); /* Velikost obrázku (volitelné) */
    background-position: center; /* Středová pozice opakování (volitelné) */    

    page-break-inside: avoid; /* Zamezí rozdělení obrázku na dvě stránky */
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;
    padding: 0 1rem;
}

.content-markdown-tof>a{
    padding: 0.5rem;
}

.code-toolbar>pre {
    page-break-inside: avoid !important;
    display: block; /* Ensure it's treated as a block element */
}
.code-toolbar>pre>code {
    white-space: pre-wrap !important;
}