/*
// Routino map layout web page style sheet.
//
// Part of the Routino routing software.
//
// This file Copyright 2008-2014, 2019, 2025 Andrew M. Bishop
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


/*----------------------------------*/
/* Body HTML formatting             */
/*----------------------------------*/

BODY
{
 /* fonts and text styles */

 font-family: sans-serif;
 font-size:   12px;

 /* colours */

 background-color: white;
 color:            black;
}


/*-------*/
/* Panel */
/*-------*/

DIV#panel
{
 width:    21em;

 position: absolute;
 top:      0.3em;
 bottom:   auto;
 right:    auto;
 left:     0.3em;

 padding: 3px;

 font-size: small;
 font-family: initial;
 line-height: 1.2;

 z-index: 2000;

 cursor: initial;
}

DIV.tab_content
{
 overflow-x: clip;
 overflow-y: scroll;

 max-height: calc(100vh - 2*0.3em - 1.2em - 2*10px);

 background-color: white;
}


/*-----*/
/* Map */
/*-----*/

DIV#map
{
 position: fixed;
 top:      0;
 bottom:   0;
 right:    0;
 left:     0;

 z-index: -1;
}

DIV#attribution
{
 position: fixed;
 top:      auto;
 bottom:   0.3em;
 left:     auto;
 right:    0.3em;

 padding: 3px;

 border-radius: 0.3em;

 background-color: white;

 font-size: small;
 font-family: initial;
 line-height: 1;

 z-index: 1000;
}


/*-----------------------------*/
/* Leaflet base layer selector */
/*-----------------------------*/

FORM.leaflet-control-layers-list
{
 text-align: left;
}

DIV.leaflet-control-layers DIV
{
 text-align: left;
}

/*------------------*/
/* Leaflet controls */
/*------------------*/

.leaflet-bottom
{
 bottom: 2.5em !important;
}

/*---------------------*/
/* OpenLayers controls */
/*---------------------*/

.ol-full-screen-false, .ol-full-screen-true
{
 width:  2em !important;
 height: 2em !important;
}

.ol-zoom
{
 left: auto !important;
 right: 0.5em;
 top: 3.5em !important;
}

.ol-zoom-in, .ol-zoom-out
{
 width:  2em !important;
 height: 2em !important;
}

.layer-switcher
{
 top: 8.5em !important;
}

.ol-scale-line
{
 left: auto !important;
 bottom: 2em !important;
 right: 1em !important;
}

@media (resolution < 2x)
{
 .ol-full-screen-false, .ol-full-screen-true
 {
  width:  1.5em !important;
  height: 1.5em !important;
 }

 .ol-zoom-in, .ol-zoom-out
 {
  width:  1.5em !important;
  height: 1.5em !important;
 }
}