/* css pro rmapa - typ sumavanet 2025 */

        #layer-obal {
    			font-family: Arial, Helvetica, sans-serif;
      	}
 
       /* Styl kontejneru pro schovávání přepínače */
        .layer-switch-container {
            position: absolute;
            top: 43px;
            right: 10px;
            width: 175px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid #ccc;
            border-radius: 5px;
            /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
            z-index: 1000;
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }

        /* Schovaný přepínač */
        .hidden {
            transform: translateY(-200%);
            opacity: 0;
        }

        /* Tlačítko pro schování/zobrazení */
        .layer-toggle-button {
        		box-sizing: border-box;
            position: absolute;
            top: 10px;
            right: 10px; 
            z-index: 1100;
            width: 175px;
            height: 30px;
            background: white;
            color: black;
            border: none;
            border-radius: 5px;
            padding: 5px 10px;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transition: background 0.3s;
            border: 1px solid #ccc;
        }

        .layer-toggle-button:hover {
            background: #0056b3;
        }
        
.layer-toggle-button img {
  height: 20px;
}
        
.leaflet-control-layers-expanded {
  box-sizing: border-box;
  width: 100%;
}

.leaflet-control-layers-expanded label {
	margin-top: 5px;
	margin-bottom: 5px;
}	

/*zmena*/

#layer-obal {
  position: relative;
  top: calc(-100vh + 20px)
}

.layer-toggle-button::before {
  position: relative;
 
  font: normal normal normal 20px/1 FontAwesome;
    font-weight: normal;
    font-size: 20px;
   
  font-family: FontAwesome;
  content: "\f054";
  content: ">";
  font-size: 17px;
  color: #6d6d6d;
  
 
  content: "";
  background-image: url(/mapy/icon/chevron-right-solid.svg);
  width: 25px;
  height: 20px;
  display: block;
  background-repeat:no-repeat;
  opacity:0.7;
  
}

.layer-toggle-button {
 
  position: absolute;
  top: 50px;
  right: 185px;
  z-index: 999;
  width: 35px;
  height: 60px;
  font-size: 0px;
  border-radius: 5px 0 0 5px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#layer-obal:has(.hidden) .layer-toggle-button{

 transform: translateX(530%);

}

#layer-obal:has(.hidden) .layer-toggle-button::before{
  content: "\f053";
  content: "<";
  content: "";
  background-image: url(/mapy/icon/chevron-left-solid.svg);
 
 }

.hidden {
  transform: translateX(100%);
  opacity: 0;
}


/*  de */
body.maplng-de .layer-switch-container, body.maplng-en .layer-switch-container {
  transform: translateX(100%);
  opacity: 0;
 
}
body.maplng-de .layer-switch-container.hidden, body.maplng-en .layer-switch-container.hidden  {
  transform: translateX(0%);
  opacity: 1;
  
}

body.maplng-de #layer-obal:has(:not(.hidden)) .layer-toggle-button, body.maplng-en #layer-obal:has(:not(.hidden)) .layer-toggle-button {

  transform: translateX(530%);
 
 
 }

 body.maplng-de #layer-obal:has(:not(.hidden)) .layer-toggle-button::before,  body.maplng-en #layer-obal:has(:not(.hidden)) .layer-toggle-button::before{

  background-image: url(/mapy/icon/chevron-left-solid.svg);
  
 
 }

 body.maplng-de #layer-obal:has(.hidden) .layer-toggle-button,  body.maplng-en #layer-obal:has(.hidden) .layer-toggle-button {

  transform: translateX(0%);
  
 
 }

 body.maplng-de #layer-obal:has(.hidden) .layer-toggle-button::before, body.maplng-en #layer-obal:has(.hidden) .layer-toggle-button::before{

  background-image: url(/mapy/icon/chevron-right-solid.svg);
  
 
 }




/* end - de*/ 

.layer-toggle-button:hover {
  background: #ecf5ff;
}