/* 

// Created :: 2025-02-23
// Updated :: 2025-10-27

// 2025-10-27 :: Reset for cnsrdm

*/ 

* { margin: 0px; padding: 0px; } 
body { vertical-align: baseline; }

/* Obecné  */

div.breaker { clear: both; border: 0px; }
hr.breaker { clear: both; border: 0px; }
hr.none { border: 0px; }

/* Layout  */

#content { padding: 0px 20px 0px 20px; box-sizing: border-box; }

/* Errors */

.error_box { padding: 20px 20px; margin: 10px 0px 0px 0px; box-sizing: border-box; }
.error_box * {  }
.error_box ul { text-align: center; }
.error_box ul li {}

.success_box { padding: 20px 20px; margin: 10px 0px 0px 0px; box-sizing: border-box; }
.success_box * {  }
.success_box ul {  }
.success_box ul li {  }

/* Kontejner pro přihlášení */

#prihlaseni_container { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
#prihlaseni { padding: 30px; box-sizing: border-box; border-radius: 0px; width: 320px; text-align: center; }
#prihlaseni .errors_prihlaseni { padding: 10px; border-radius: 5px; margin-bottom: 15px; }
#prihlaseni .line { margin-bottom: 10px; text-align: left; }
#prihlaseni .line:last-child { margin-bottom: 0px; }
#prihlaseni .line label { display: block; margin-bottom: 5px; }
#prihlaseni .line .input input { width: 100%; padding: 10px; box-sizing: border-box; border-radius: 0px; }
#prihlaseni .line .input input:focus { outline: none; }
#prihlaseni .line input[type="checkbox"] { margin-right: 5px; width: 12px; height: 12px; vertical-align: bottom; }
#prihlaseni input[type="submit"] { width: 100%; padding: 10px; border: none; border-radius: 0px; 
    cursor: pointer; transition: background 0.3s ease; margin-top: 30px; }
#prihlaseni .show-password { display: block; text-align: right; cursor: pointer; margin-top: 5px; }

/* Horní lišta */

#tray { padding: 5px 20px; margin: 0; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }

#tray .leftbox { display: flex; align-items: center; flex: 1; }
#tray .rightbox { display: flex; justify-content: flex-end; align-items: center; flex: 1; }
#tray .rightbox ul { display: flex; list-style: none; padding: 0; margin: 0; align-items: center; gap: 20px; }
#tray .rightbox ul li { display: flex; align-items: center; }

#tray .rightbox ul li.search { display: flex; align-items: center; }
#tray .rightbox ul li.search form { margin: 0; padding: 0; display: flex; align-items: center; }

#tray .rightbox ul li.search input {
  height: 23px; line-height: 20px; padding: 4px 6px; 
  border-radius: 0px; box-sizing: border-box; border: 0; font-family: inherit; -webkit-appearance: none; appearance: none; outline: none; }
#tray a, #tray strong { display: flex; align-items: center; height: 23px; }

/* Horní lišta */

#hornilista2 { padding: 10px 20px; }
#hornilista2 li { display: inline-block; padding: 0px 10px 0px 0px;  }
#hornilista2 li.leftspace { padding-left: 30px; }

/* Subline */

div.subline { margin-top: 10px; }
h1+div.subline {  }
div.subline.last {  }
div.subline ul { float: left; margin-right: 20px; }
div.subline li { list-style-type: none; display: inline-block; margin-right: 10px; }
div.subline a {  }

div.subline2 {  }
div.subline2.last { }
div.subline2 ul { float: left; margin-right: 20px; }
div.subline2 li { list-style-type: none; display: inline-block; margin-right: 10px; }
div.subline2 a {  }

div.subline3 {  }
div.subline3.last { }
div.subline3 ul { float: left; margin-right: 20px; }
div.subline3 li { list-style-type: none; display: inline-block; margin-right: 10px; }
div.subline3 a {  }

/* Nadpisy */

h1 { margin-top: 10px; }
h2 { margin-top: 20px; }

/* TinyMCE */

.tox-tinymce { border-radius: 0 !important; }

/* Odstavce */

p.popis { margin-top: 10px; }
h1+p.popis {  }

/* Tables */

table * { }
h1 + table.standard {  }
table.standard { margin-top: 10px; width: 100%; overflow: hidden; border-collapse: collapse; }
p.popis + .forcetbl table.standard  { margin-top: 5px; }
xdiv.subline.last + table.standard { margin-top: 0px; }
table.standard th { padding: 5px; vertical-align: top; text-align: left; }
table.standard td { padding: 5px; vertical-align: top; }
table.standard.mini td { padding: 3px; }
table.standard td.zalomit { word-break: break-all; overflow-wrap: anywhere; white-space: normal; }

table.standard h2 { padding: 0px; margin: 0px; }

table.context { margin-top: 10px; overflow: hidden; border-collapse: collapse; }
table.context td { padding: 2px 5px; }
table.context td:first-child { padding-left: 0px; }
table.context td.prikazy { padding-left: 50px; }
table.context td.prikazy a { text-decoration: none; }
table.context td.prikazy a:hover { text-decoration: underline; }

/* Forms */

form { }

fieldset.classic { padding: 10px 20px 18px 20px; box-sizing: border-box; margin-top: 10px; } 
div.subline.last + form { margin-top: 0px; }
div.subline + form { margin-top: 0px; }
legend { padding: 0px 15px; margin-left: 0px; } 
fieldset.classic label { padding-bottom: 3px; display: block; } 
fieldset.classic div.form_line { margin-bottom: 0px; }
fieldset.classic div.form_line.space_bottom { margin-bottom: 10px; }

fieldset.classic input { border: 0px; width: 100%; padding: 5px; box-sizing: border-box; }
fieldset.classic select { 
    border: 0px; width: 100%; padding: 6px; box-sizing: border-box; 
    appearance: none;  /* Odstraní nativní styl pro většinu prohlížečů */
    -webkit-appearance: none;  /* Specificky pro Safari */
    -moz-appearance: none;  /* Pro Firefox */
    border-radius: 0px;
    /* SVG šipka s `currentColor` */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill=\"white\"><path d=\"M7 10l5 5 5-5z\"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 30px;
}
fieldset.classic input[type="checkbox"]  
{ 
    width: 25px; height: 25px;
    appearance: none; /* Odstranění výchozího vzhledu pro vlastní styl */
    border-radius: 0px; /* Zaoblené rohy */
    cursor: pointer; /* Kurzorem ukáže, že je klikací */
    display: inline-block; position: relative;
}

/* Přidání symbolu ✔ do checkboxu */
fieldset.classic input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

fieldset.classic.innerMax30p input { max-width: 30%; }
fieldset.classic.innerMax50p input { max-width: 50%; }

fieldset.classic.columns2 {  }
fieldset.classic.columns2 .column { width: 48%; }
fieldset.classic.columns2 .column1 { float: left; }
fieldset.classic.columns2 .column2 { float: right; }

fieldset.classic.columns3 { display: flex; justify-content: space-between; gap: 2%; }
fieldset.classic.columns3 .column { flex: 1; max-width: 32%; }

fieldset.classic.columns4 { display: flex; justify-content: space-between; gap: 2%; }
fieldset.classic.columns4 .column { flex: 1; max-width: 25%; }

fieldset div.column_obrazek_nahled {  }
fieldset .column_obrazek_nahled .imgBox { display: flex; align-items: center; gap: 10px; }
fieldset .column_obrazek_nahled .imgPreview img { height: 120px; }
fieldset .column_obrazek_nahled .imgActions { display: flex; flex-direction: column; gap: 5px; }

fieldset .column_obrazek_nahled .imgActions button.imgLink { padding: 0; margin: 0; cursor: pointer; }

button.btn_form { padding: 10px 20px; margin-top: 10px; border: 0px; }

/* Admin Box ??? */

.admin_box { padding: 15px 20px 15px 20px; margin-bottom: 10px; box-sizing: border-box;  } 

/* Galerie  */

#galerie_preview { display: none; }

.admin_box.obrazky_preview img { margin: 0px 5px 5px 0px; height: 150px; }

.admin_box.galerie_nahled h5 { padding-right: 0px; padding-left: 20px; display: inline-block; }
.admin_box.galerie_nahled h5:first-child { padding-left: 0px; }
.admin_box.galerie_nahled .imgBox { width: 100%; margin-bottom: 15px; }
.admin_box.galerie_nahled .imgBox:last-child { margin-bottom: 0px; }
.admin_box.galerie_nahled .imgBox .img { float: left; max-width: 20%; }
.admin_box.galerie_nahled .imgBox .popis { float: left; max-width: 75%; margin-left: 5%; padding: 15px; box-sizing: border-box; }
.admin_box.galerie_nahled .imgBox img { transition: transform 0.2s ease-in-out; }
.admin_box.galerie_nahled .imgBox img.thumbnail { max-width: 100%; max-width: 100px; margin: 0px 5px 0px 0px; display: block; }
.admin_box.galerie_nahled .imgBox img:hover { transform: scale(1.05); }
.admin_box.galerie_nahled .imgBox span { margin-top: 5px; }

/* Struktura :: Srom */

ul.struktura { list-style-type: none; list-style-position: inside; margin-top: 10px; margin-left: 0px; padding-left: 0px; }
ul.struktura .handle { margin-left: 10px; margin-right: 20px; }
ul.struktura li { list-style-type: none; margin-left: 10px; }
ul.struktura li.level_1 { margin-left: 0px; }
ul.struktura li ul li:last-child { padding-bottom: 30px; }
ul.struktura .btn-pridat { margin-left: 20px; }

/* Patička */

#footer { padding: 20px; margin-top: 50px; text-align: center; }