html * {
    max-height: 1000000px;
    /* reset, ktery vypne font size boost v mobile Chrome */
}

/* 
.mobile-menu li.active {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(175, 1, 2, var(--tw-text-opacity));
}
*/

.desktopmenu a.active {
    --tw-text-opacity: 1;
    color: rgba(252, 211, 77, var(--tw-text-opacity));
}

/* 
option:hover {
    background-color: yellow;
}
*/
#slideshow > div { 
  position: absolute; 
  top: 0px; 
  left: 0px; 
  right: 0px; 
  bottom: 0px; 
}

/* Line clamp pro top inzeraty v hornim slideru */
.topslider-text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.demosidebar {
  margin-top: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23666666' fill-opacity='0.4'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/* darkmode switch - mobile */
#toggleDarkMode:checked ~ label .toggleDarkMode-dot {
        --tw-translate-x: 0.75rem;
}
#toggleDarkMode2:checked ~ label .toggleDarkMode2-dot {
        --tw-translate-x: 1.5rem;
}


#toggleDarkMode2 ~ label .toggleDarkMode2-dot::before {
        font-family: "Font Awesome 5 Free";
        font-size: 16px !important;
        position: absolute;
        top: -3px;
        right: 3px;
        content: "\f185";
}

#toggleDarkMode2:checked ~ label .toggleDarkMode2-dot::before {
        font-family: "Font Awesome 5 Free";
        font-size: 16px !important;
        position: absolute;
        top: -3px;
        right: 2px;
        content: "\f186";
}