/* ---------------------------------------
   PHP CAN OVERRIDE
--------------------------------------- */
/* Toto je defaultní styly, které se použijí, pokud není nastaveno nic v PHP adminu */
#ums {
    --ums-color-active-listitem: greenyellow;

    --ums-color-active-floor-btn: red;
    --ums-border-width-active-floor-btn: 2px;
    --ums-border-color-active-floor-btn: red;

    --ums-unit-state-1: greenyellow;
    --ums-unit-state-1-stroke: blue;
    --ums-unit-state-1-stroke-width: 20px;

    --ums-unit-state-2: orange;
    --ums-unit-state-2-stroke: blue;
    --ums-unit-state-2-stroke-width: 20px;

    --ums-unit-state-3: red;
    --ums-unit-state-3-stroke: blue;
    --ums-unit-state-3-stroke-width: 20px;

    --ums-selector-opacity-inactive: 0;
    --ums-selector-opacity-muted: 0.3;

    --display-hide: none;
}

/* ---------------------------------------
   PHP DOESNT OVERRIDE
--------------------------------------- */
/* CATEGORY: active states */
/* #ums .active_listitem  {
    background-color: var(--ums-color-active-listitem);
}*/

/* custom TERASY SYLVÁN start */
#ums .active_listitem > .byty-listing-inner  {
    background-color: var(--ums-color-active-listitem);
}
/* custom TERASY SYLVÁN end */

#ums .active_floor_btn  {
    background-color: var(--ums-color-active-floor-btn);
    border-style: solid; /* aktuálně zde natvrdo definováno */
    border-width: var(--ums-border-width-active-floor-btn);
    border-color: var(--ums-border-color-active-floor-btn);
}

/* CATEGORY: unit states */
.state_1 {
    fill: var(--ums-unit-state-1);
    opacity: var(--ums-selector-opacity-inactive);
    stroke: var(--ums-unit-state-1-stroke);
    stroke-width: var(--ums-unit-state-1-stroke-width);
}
.state_2 {
    fill: var(--ums-unit-state-2);
    opacity: var(--ums-selector-opacity-muted);
    stroke: var(--ums-unit-state-2-stroke);
    stroke-width: var(--ums-unit-state-2-stroke-width);
}

.state_3 {
    fill: var(--ums-unit-state-3);
    opacity: var(--ums-selector-opacity-muted);
    stroke: var(--ums-unit-state-3-stroke);
    stroke-width: var(--ums-unit-state-3-stroke-width);
}

/* CATEGORY: default display none */
[id^="floor_MP_"]:not(#floor_MP_EMPTYSELECT) {
    display: var(--display-hide);
}
  
[id^="floor_MM_"] {
    display: var(--display-hide);
}
  
#MM_BD_popup {
    display: var(--display-hide);
}

#MM_popup_floor {
    display: var(--display-hide);
}

/* ID #ums je root wrapper, který vynucuje prioritu pro tento styly */
#ums [id^="unit_popupitem_"] {
    display: var(--display-hide);
}

/* CATEGORY: default opacity 0 */
[id^="unit_floor_selector_MM_"], [id^="unit_floor_selector_MP_"], [id^="unit_flat_selector_MM_"]:not(.state_2):not(.state_3), [id^="unit_flat_selector_MP_"]:not(.state_2):not(.state_3) {
    opacity: var(--ums-selector-opacity-inactive);
}

/* CATEGORY: pointer effect */
[id^="unit_floor_selector_MM_"], [id^="unit_flat_selector_MM_"] {
    cursor: pointer;
}