@import "modal--BuG6MK.css";

body {
    background-color: lightgrey;
}

.text-darkred { color: darkred; }

.item-header-danger{
    line-height: 1.42rem;
    font-weight: bold;
    background-color: #8f0e07;
    color: #fff;
}

.card.floor-active .card-header{
    background-color: #8f0e07 !important;
    color: #fff !important;
}

/* Aktivní místnost v seznamu */
.list-group-item.room-active {
    background-color: #8f0e07 !important;
    color: #fff !important;
    border-color: #8f0e07 !important;
}

.alert.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.map-transition {
    transition: opacity 0.3s ease-in-out;
}

/* Výchozí stav */
.map-transition-visible {
    opacity: 1;
}

/* Fade-out při přepnutí mapy */
.map-transition-hidden {
    opacity: 0;
}

svg .room-highlight text {
    fill: #ffffff !important;
    font-weight: 700;
    z-index: 1000;
}

/* Zvýraznění polygonu / polyline / path / rect (obrys místnosti) */
svg .room-highlight polygon,
svg .room-highlight polyline,
svg .room-highlight path,
svg .room-highlight rect {
    stroke: #8f0e07 !important;     /* červený okraj */
    stroke-width: 4 !important;
    fill: #8f0e07 !important;        /* výplň místnosti */
    fill-opacity: 0.85 !important;   /* lehce průsvitná */
}

.map-viewport {
    width: 100%;
    height: auto;          /* případně podle layoutu */
    overflow: hidden;
    position: relative;
    touch-action: none;     /* důležité pro touch pan/zoom */
}

.map-viewport svg {
    width: 100%;
    height: 100%;
    display: block;
}

.external-links-menu .nav-link {
    text-decoration: none;
}

.external-links-menu .nav-link:hover,
.external-links-menu .nav-link:focus {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.nav-divider {
    border-left: 1px solid darkred;
    height: 16px;
}

.breadcrumb-divider {
    border-left: 1px solid white;
    height: 24px;
}

ol.breadcrumb a{
    color: white;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.9rem;
}

ol.breadcrumb a:hover,
ol.breadcrumb a:focus{
    text-decoration: underline;
}

.logo-vspj {
    width: clamp(100px, 15vw, 150px);
    height: auto;
}

@media (max-width: 991px) {
    /* při collapse (navbar-expand-lg) oddělovače skrýt */
    .nav-divider {
        display: none;
    }
}

.map-viewport { min-height: 520px; }
@media (max-width: 1900px) { .map-viewport { min-height: 380px; } }

/* Zmenšení ikony navbar toggleru */
.navbar-toggler {
    padding: 0.1rem 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    width: 2.2rem;
    height: 1.6rem;
}

.navbar-toggler-icon {
    width: 1.1rem;
    height: 1.1rem;
}