/* GPS sledenje - pulzirajoča pika */
@keyframes gps-pulse {
  0%   { transform: scale(1);   opacity: 1; }
  50%  { transform: scale(1.6); opacity: 0.5; }
  100% { transform: scale(1);   opacity: 1; }
}
.gps-dot path, .gps-dot circle {
  animation: gps-pulse 2s ease-in-out infinite;
}

/* ================================================================
   HARD RESET: nevtralizira WordPress temo in brskalniške privzete stile.
   Vse znotraj #app je povsem neodvisno od strani/teme.
================================================================ */
#app, #app * {
  box-sizing: border-box !important;
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Prepreči, da tema vpliva na fontte in barve tipografije znotraj #app */
#app h1,#app h2,#app h3,#app h4,#app h5,#app h6 {
  all: unset;
  display: block;
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  color: inherit !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#app p { margin: 0 0 4px !important; padding: 0 !important; font-size: inherit !important; }
#app a { color: inherit; }

/* Reset form elementov – tema pogosto agresivno stilizira te */
#app input[type=text],#app input[type=date],#app input[type=number],
#app input[type=color],#app select,#app textarea {
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-family: inherit !important;
  line-height: normal !important;
  box-shadow: none !important;
}
#app button {
  -webkit-appearance: none !important;
  appearance: none !important;
  font-family: inherit !important;
  line-height: normal !important;
  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}

/* === LEVI PANEL – forsiraj temne barve ne glede na temo === */
#leftPanel {
  background: #1e2d3d !important;
  color: #e8eaed !important;
}
#leftPanel * { color: #e8eaed !important; }
#leftPanel h3 {
  color: #8ab4d9 !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  border-bottom: 1px solid #2e4560 !important;
  padding: 10px 12px 5px !important;
  margin: 0 !important;
}
#leftPanel .lp-input,
#leftPanel input[type=text],
#leftPanel input[type=date],
#leftPanel textarea,
#leftPanel select {
  background: #243648 !important;
  border: 1px solid #3a5a80 !important;
  color: #e8eaed !important;
  border-radius: 4px !important;
  padding: 5px 8px !important;
}
#leftPanel .lp-input::placeholder,
#leftPanel input::placeholder,
#leftPanel textarea::placeholder { color: #5a7a9a !important; opacity: 1 !important; }
#leftPanel button.exp-btn {
  background: #2e4560 !important;
  color: #e8eaed !important;
  border: none !important;
  padding: 7px 8px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  text-align: left !important;
  width: calc(100% - 16px) !important;
  display: block !important;
  margin: 5px 8px 0 !important;
}
#leftPanel button.exp-btn.active { background: #2b6cb0 !important; font-weight: 700 !important; }
#leftPanel button.exp-btn:hover { background: #3a5a80 !important; }
#leftPanel #btnAddDay {
  background: #1a936f !important;
  color: #fff !important;
  border: none !important;
}
#leftPanel .lp-toggle {
  color: #aec6e0 !important;
  border-top: 1px solid #2e4560 !important;
}
#leftPanel .lp-toggle:hover { background: #243648 !important; }
#leftPanel .lp-label { color: #8ab4d9 !important; }
#leftPanel .day-tab.active { background: #2e4560 !important; }
#leftPanel input[type=color] {
  background: none !important;
  border: 1px solid #3a5a80 !important;
  padding: 0 !important;
}

/* === DESNI PANEL – forsiraj svetle barve ne glede na temo === */
#sidebar {
  background: #f5f5f3 !important;
  color: #222 !important;
  border-left: 1px solid #ddd !important;
}
#sidebar .section h2 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a3a6a !important;
  border-bottom: 2px solid #2b6cb0 !important;
  padding-bottom: 4px !important;
  margin: 0 0 6px !important;
}
#sidebar .panel {
  background: #fff !important;
  border: 1px solid #c8d8ed !important;
  border-radius: 6px !important;
  padding: 9px 11px !important;
  margin-bottom: 10px !important;
  box-shadow: 0 1px 3px rgba(43,108,176,0.07) !important;
}
#sidebar .panel label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-bottom: 3px !important;
  color: #333 !important;
}
#sidebar .panel select,
#sidebar .panel input[type=text],
#sidebar .panel input[type=number] {
  width: 100% !important;
  padding: 5px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  margin-bottom: 7px !important;
  background: #fff !important;
  color: #222 !important;
}
#sidebar .btn {
  background: #2b6cb0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 7px 9px !important;
  font-size: 12.5px !important;
  width: 100% !important;
  display: block !important;
  margin-bottom: 5px !important;
  text-align: left !important;
}
#sidebar .btn:hover { background: #245a93 !important; }
#sidebar .btn.secondary { background: #546e7a !important; }
#sidebar .btn.secondary:hover { background: #37474f !important; }
#sidebar .btn.danger { background: #c0392b !important; }
#sidebar .btn.danger:hover { background: #962d22 !important; }
#sidebar .btn.success { background: #1e8449 !important; }
#sidebar .btn.success:hover { background: #186a3b !important; }
#sidebar .hint { font-size: 11.5px !important; color: #666 !important; line-height: 1.4 !important; }
#sidebar .stat-row { font-size: 12px !important; color: #333 !important; }

/* ================================================================
   RESET + LAYOUT
================================================================ */
*,*::before,*::after{box-sizing:border-box;}
/* V WP vtičniku NE nastavljamo html/body overflow - pusti WP strani da normalno deluje.
   Globalne barve in font so nastavljeni na #mepi-app-wrapper in #app. */
#mepi-app-wrapper {
  font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  color: #222;
  overflow: hidden !important;
  box-sizing: border-box;
  /* Upoštevaj WP admin bar (32px desktop, 46px mobile) */
  position: relative;
}
body.admin-bar #mepi-app-wrapper {
  height: calc(var(--mepi-configured-height, 100vh) - var(--wp-admin--admin-bar--height, 32px)) !important;
}

#app {
  display: flex;
  height: 100% !important; /* zapolni #mepi-app-wrapper */
  width: 100% !important;
  min-height: 400px;
  overflow: hidden !important; /* ključno: omeji flex otroke na to višino */
}

/* ================================================================
   LEVNI PANEL  (expedición tip + dnevi)
================================================================ */
#leftPanel{
  width:270px;flex:0 0 270px;
  height:100% !important;
  max-height:100% !important;
  background:#1e2d3d !important;color:#e8eaed !important;
  display:flex !important;flex-direction:column !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  transition:transform .25s;z-index:500;
  box-sizing:border-box !important;
}
#leftPanel h3{margin:0;padding:10px 12px 5px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8ab4d9;border-bottom:1px solid #2e4560;}

/* Polja v levem panelu */
.lp-label{display:block;color:#8ab4d9;font-size:10.5px;margin:5px 10px 2px;}
.lp-input{
  display:block;width:calc(100% - 20px);margin:0 10px 5px;
  box-sizing:border-box;background:#243648;border:1px solid #3a5a80;
  color:#e8eaed;border-radius:4px;padding:5px 8px;font-size:11.5px;
}
.lp-input:focus{outline:none;border-color:#5a8ab8;}
.lp-input::placeholder{color:#5a7a9a;}
textarea.lp-input{resize:vertical;min-height:60px;font-family:inherit;}

/* Toggle sekcije v levem panelu */
.lp-toggle{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 12px;cursor:pointer;color:#aec6e0;
  border-top:1px solid #2e4560;font-size:11.5px;user-select:none;
}
.lp-toggle:hover{background:#243648;}
.lp-toggle .arrow{font-size:9px;transition:transform .2s;}
.lp-toggle.open .arrow{transform:rotate(90deg);}
.lp-section{display:none;border-bottom:1px solid #2e4560;}
.lp-section.open{display:block;}

/* Date input v day tabu */
.day-date{
  font-size:9.5px;background:#1a2d42;border:1px solid #3a5a80;
  color:#aec6e0;border-radius:3px;padding:1px 4px;
  width:82px;margin-left:4px;flex-shrink:0;
}
.day-date:focus{outline:none;border-color:#5a8ab8;}
.exp-btn{
  display:block;width:calc(100% - 16px);margin:5px 8px 0;
  background:#2e4560;color:#e8eaed;border:none;border-radius:5px;
  padding:7px 8px;font-size:12px;text-align:left;cursor:pointer;
}
.exp-btn:hover{background:#3a5a80;}
.exp-btn.active{background:#2b6cb0;font-weight:700;}

#dayList{padding:6px 0;}
.day-tab{
  display:flex;align-items:center;
  padding:7px 10px;cursor:pointer;border-left:3px solid transparent;
  font-size:12.5px;gap:6px;
}
.day-tab.active{background:#2e4560;}
.day-tab .day-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.day-tab .day-label{flex:1;}
.day-tab .day-del{
  background:none;border:none;color:#9aa;cursor:pointer;font-size:14px;padding:0 2px;
  display:none;
}
.day-tab:hover .day-del{display:inline;}

#btnAddDay{
  margin:6px 8px 8px;width:calc(100% - 16px);
  background:#1a936f;color:#fff;border:none;border-radius:5px;
  padding:6px;font-size:12px;cursor:pointer;
}
#btnAddDay:hover{background:#147a5c;}

/* ================================================================
   KARTA
================================================================ */
#map {
  flex: 1 1 auto !important;
  min-height: 0 !important; /* kritično za flex child v Firefox in WP temah */
  min-width: 0 !important;
  height: 100% !important;
  position: relative !important;
}

/* ================================================================
   DESNI PANEL  (kontrole)
================================================================ */
#sidebar{
  width:310px;flex:0 0 310px;
  height:100% !important;
  max-height:100% !important;
  /* Scrollbar na LEVI strani desnega menija - direction:rtl trick */
  direction:rtl;
  background:#e8edf4 !important; /* malo modrikasta, bolj vidna od teme */
  border-left:3px solid #2b6cb0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  transition:transform .25s;
  box-sizing:border-box !important;
}
/* Vsebina sidebara se vrne v ltr */
#sidebar > *, #sidebar .section, #sidebar .panel, #sidebar .btn {
  direction:ltr;
}
#sidebarTopBar{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 12px 8px;
  background:#2b6cb0;
  border-bottom:2px solid #1a4a80;
  direction:ltr;
}
#sidebarTopBar span{font-weight:700;font-size:14px;color:#fff;}
#btnToggleHints{background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.3);}
#btnToggleHints:hover{background:rgba(255,255,255,0.35);}

body.hide-hints .hint{display:none !important;}
#btnToggleHints{background:#e8e8e8;border:none;border-radius:4px;padding:4px 9px;font-size:11.5px;cursor:pointer;}
#btnToggleHints:hover{background:#d0d0d0;}

.section{padding:10px 12px 4px;}
.section h2{font-size:13px;font-weight:700;margin:0 0 6px;padding-bottom:4px;border-bottom:2px solid #2b6cb0;color:#1e2d3d;}
.panel{background:#fff;border:1px solid #e2e2e2;border-radius:6px;padding:9px 11px;margin-bottom:10px;}
.panel label{display:block;font-size:12px;font-weight:600;margin-bottom:3px;}
.panel select,.panel input[type=text]{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px;font-size:12px;margin-bottom:7px;}
.hint{font-size:11.5px;color:#666;line-height:1.4;margin-top:4px;}

.btn{
  display:block;width:100%;color:#fff;border:none;border-radius:6px;
  padding:7px 9px;cursor:pointer;font-size:12.5px;margin-bottom:5px;text-align:left;
  background:linear-gradient(180deg,#3a7fd5 0%,#2b6cb0 50%,#245a93 100%);
  box-shadow:0 2px 4px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);
  transition:all .15s ease;
  position:relative;
}
.btn:hover{
  background:linear-gradient(180deg,#4a8fe0 0%,#3578c0 50%,#2b6cb0 100%);
  box-shadow:0 3px 7px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateY(-1px);
}
.btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.2);}
.btn:hover{background:#245a93;}
.btn.secondary{background:linear-gradient(180deg,#647e8a 0%,#546e7a 50%,#455c67 100%);}
.btn.secondary:hover{background:linear-gradient(180deg,#748e9a 0%,#647e8a 50%,#546e7a 100%);}
.btn.danger{background:linear-gradient(180deg,#d44538 0%,#c0392b 50%,#a03024 100%);}
.btn.danger:hover{background:linear-gradient(180deg,#e05048 0%,#d04538 50%,#b03424 100%);}
.btn.success{background:linear-gradient(180deg,#28a05a 0%,#1e8449 50%,#186a3b 100%);}
.btn.success:hover{background:linear-gradient(180deg,#32b068 0%,#28a05a 50%,#1e8449 100%);}
.btn.active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);filter:brightness(.85);}

.stat-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px dashed #e8e8e8;}
.stat-row span:first-child{color:#555;}
.stat-row span:last-child{font-weight:600;}

/* barve per-dan v statistikah */
.seg-color-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:middle;}

/* color picker vrstica */
.color-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;}
.color-row label{margin:0;font-weight:600;flex:1;}
.color-row input[type=color]{width:32px;height:24px;padding:0;border:1px solid #ccc;border-radius:3px;cursor:pointer;}

/* snap status */
#snapStatus{font-size:11.5px;font-weight:600;display:none;margin-top:4px;}

/* waypoint label na karti */
.wp-label{background:rgba(255,255,255,.92);border:1px solid #ccc;border-radius:3px;padding:1px 6px;font-size:11.5px;font-weight:600;white-space:nowrap;}
.wp-label::before{display:none;}

/* waypoint popup */
.wp-popup-form input,.wp-popup-form select,.wp-popup-form textarea{width:100%;box-sizing:border-box;margin-bottom:5px;font-size:12px;padding:4px;}
.wp-popup-form button{font-size:12px;padding:4px 8px;margin-right:4px;cursor:pointer;}

/* seznam waypointov */
.wp-list-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 6px;border:1px solid #eee;border-radius:4px;margin-bottom:3px;background:#fafafa;}
.wp-list-item .wp-list-name{font-weight:600;cursor:pointer;flex:1;}
.wp-list-item button{font-size:11px;padding:2px 5px;margin-left:3px;cursor:pointer;}

/* analiza tabela */
#routeAnalysisOutput table{width:100%;border-collapse:collapse;font-size:10.5px;margin-top:6px;}
#routeAnalysisOutput th,#routeAnalysisOutput td{border:1px solid #e0e0e0;padding:2.5px 3px;text-align:right;}
#routeAnalysisOutput th:first-child,#routeAnalysisOutput td:first-child{text-align:left;}
#routeAnalysisOutput th{background:#f0f0f0;font-size:10px;}
#routeAnalysisOutput .analysis-summary{font-size:11.5px;font-weight:600;margin-top:5px;}

/* segment urejanje */
#segEditHint{font-size:11px;color:#555;line-height:1.4;margin-top:5px;}

/* PDF karte */
.map-page-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 6px;border:1px solid #eee;border-radius:4px;margin-bottom:3px;background:#fafafa;}
.map-page-item button{font-size:11px;padding:2px 5px;margin-left:2px;cursor:pointer;}

/* ================================================================
   MODAL  (višinski profil)
================================================================ */
.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal-box{background:#fff;border-radius:8px;padding:16px;width:min(960px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,.3);}
.modal-box h3{margin:0 0 10px;font-size:15px;display:flex;justify-content:space-between;align-items:center;}
.modal-close-btn{background:#eee;border:none;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px;}
.modal-close-btn:hover{background:#ddd;}
.modal-checks{display:flex;gap:14px;margin-bottom:8px;font-size:12.5px;}
.modal-checks label{display:flex;align-items:center;gap:5px;font-weight:400;}

/* ================================================================
   MOBILNI TOGGLE GUMBI (FAB)
================================================================ */
/* Moderne tab handle za mobilne naprave */
#fabLeft,#fabRight{
  display:none;
  position:fixed;top:28vh;
  z-index:999999 !important;
  background:rgba(43,108,176,0.18); /* Zelo transparentno v zaprtem stanju */
  color:#fff;border:none;cursor:pointer;
  width:38px;height:76px;
  font-size:22px;
  align-items:center;justify-content:center;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1.5px solid rgba(255,255,255,0.3);
  box-shadow:0 4px 20px rgba(0,0,0,.3);
  transition:background .2s, transform .15s;
  user-select:none;-webkit-user-select:none;
  /* KLJUČNO za mobilne: odstranjuje 300ms delay + preprečuje zoom pri dvojnem tapku */
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(43,108,176,0.3);
  pointer-events:auto !important;
  /* Ni na absolutnem robu - 4px notranje da brskalnik ne zaznava edge navigation */
  outline:none;
}
#fabLeft{left:0;border-radius:0 16px 16px 0;border-left:none;}
#fabRight{right:0;border-radius:16px 0 0 16px;border-right:none;}
#fabLeft:active,#fabRight:active{background:rgba(43,108,176,0.7);transform:scale(0.95);}
/* Vizualni feedback med dragom - pokažemo majhno puščico */
#fabLeft::after,#fabRight::after{
  content:'⋮⋮';
  display:block;
  font-size:9px;
  opacity:0.5;
  letter-spacing:-1px;
  line-height:0.9;
  margin-top:2px;
}
#fabLeft.panel-open,#fabRight.panel-open{
  /* Ko je panel odprt: skoraj nevidna, samo frosted glass ostane */
  background:rgba(20,40,80,0.08) !important;
  border-color:rgba(255,255,255,0.06) !important;
  color:rgba(255,255,255,0.35) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  box-shadow:none !important;
}
/* Overlay za zapiranje plošč na mobilnem (klik zunaj) */
#mepi-panel-overlay{
  display:none;
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.4);z-index:850;
}
#mepi-panel-overlay.visible{display:block;}

/* ================================================================
   RESPONSIVE
================================================================ */
@media(max-width:960px){
  #leftPanel{
    position:fixed;left:0;top:0;bottom:0;height:100%;width:280px;
    transform:translateX(-100%);z-index:900;
    box-shadow:3px 0 16px rgba(0,0,0,.4);
    transition:transform .25s cubic-bezier(.4,0,.2,1);
  }
  #leftPanel.open{transform:translateX(0);}
  #sidebar{
    position:fixed;right:0;top:0;bottom:0;height:100%;width:320px;
    transform:translateX(110%);z-index:900;
    box-shadow:-3px 0 16px rgba(0,0,0,.4);
    transition:transform .25s cubic-bezier(.4,0,.2,1);
  }
  #sidebar.open{transform:translateX(0);}
  #fabLeft,#fabRight{display:flex;}
  /* Karta zavzame ves ekran na mobilnem */
  #app{flex-direction:column;}
  #map{flex:1 1 auto;}
}
@media(max-width:520px){
  #leftPanel{width:90vw;}
  #sidebar{width:92vw;}
  #fabLeft{display:flex;top:26vh;left:0;width:42px;height:80px;font-size:22px;}
  #fabRight{display:flex;top:26vh;right:0;width:42px;height:80px;font-size:22px;}
}

/* Zoom + Layer kontrole — desno spodaj, vidne na vseh napravah */
#map .leaflet-bottom.leaflet-right {
  bottom: 24px;
  right: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
#map .leaflet-bottom.leaflet-left {
  bottom: 24px;
  left: 8px;
}
/* Mobilne: malo višje ker je GPS panel spodaj */
@media (max-width: 960px) {
  /* Ko je GPS panel viden, premakni kontrole višje */
  #map.gps-panel-visible .leaflet-bottom.leaflet-right { bottom: 100px; }
}
/* Leaflet zoom gumbi - stil */
#map .leaflet-control-zoom {
  border: none !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
#map .leaflet-control-zoom a {
  width: 32px !important; height: 32px !important;
  line-height: 32px !important; font-size: 18px !important;
  border-radius: 6px !important;
  background: rgba(255,255,255,0.92) !important;
  color: #1a3a6a !important;
  margin-bottom: 3px !important;
}
/* Layer switcher */
#map .leaflet-control-layers-toggle {
  width: 32px !important; height: 32px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
  background-color: rgba(255,255,255,0.92) !important;
}

/* User spinnerji na karti */
.mepi-user-spinner {
  background: transparent !important;
  border: none !important;
  z-index: 9000 !important;
}
.mepi-user-spinner div {
  pointer-events: auto;
}

/* ================================================================
   Mobile browser bottom bar fix (Chrome/Edge Android)
   Brskalnikova vrstica na dnu pokriva GPS panel → dodamo odmik
================================================================ */

/* Osnova: map polna višina brez brskalnikove vrstice */
#map {
  height: 100dvh !important; /* dynamic viewport height */
}

/* GPS panel - odmik za brskalnikovo vrstico */
#gpsPanel {
  padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  /* Chrome/Edge Android ima ~56px spodnjo vrstico */
  margin-bottom: 0 !important;
}

/* Waypoint bar - nad GPS panelom */
#waypointBar {
  padding-bottom: max(4px, env(safe-area-inset-bottom)) !important;
}

/* Ko je brskalnik v fullscreen (PWA) - ni bottom bara */
@media (display-mode: standalone) {
  #gpsPanel { padding-bottom: max(8px, env(safe-area-inset-bottom)) !important; }
  #map { height: 100dvh !important; }
}

/* Chrome Android - zaznaj z JS in dodaj class .browser-has-bottom-bar */
body.browser-has-bottom-bar #gpsPanel {
  margin-bottom: 0 !important;
  transform: translateY(0) !important;
}

/* ===== POPUP in MENI POPRAVKI 2.1.0 ===== */

/* Oba menija: 80% širine */
#leftPanel {
  width: min(80vw, 400px) !important;
  flex: 0 0 min(80vw, 400px) !important;
}
#sidebar {
  width: min(80vw, 440px) !important;
  flex: 0 0 min(80vw, 440px) !important;
}
@media (max-width: 600px) {
  #leftPanel, #sidebar { width: 80vw !important; }
}

/* Tekst na sredino v menijih */
#leftPanel .lp-label,
#leftPanel .lp-section h3,
#leftPanel .section-title,
#sidebar .section h2,
#sidebar .panel .hint,
#sidebar .stat-row {
  text-align: center;
}
#sidebar .section h2 {
  text-align: center;
  font-size: 13px;
}

/* Popup gumbi v levem menuju */
.lp-popup-btn:hover, .lp-popup-btn:active {
  background: rgba(255,255,255,0.12) !important;
}

/* Popup modal - večje črke za mobile */
#lpModalContent label {
  font-size: 15px !important;
  color: rgba(255,255,255,0.85);
  display: block;
  margin-bottom: 6px;
}
#lpModalContent input,
#lpModalContent textarea,
#lpModalContent select {
  font-size: 15px !important;
  padding: 10px 12px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 14px !important;
}
#lpModalContent textarea {
  min-height: 100px;
  resize: vertical;
}