/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-elementor-child
*/

/* =========================
   HIDROGRAFIJA-LIKE DESIGN TOKENS
   (blue UI + light background)
========================= */
:root{
  --c-primary: #0B5FA5;   /* brand/modra */
  --c-primary-2: #083D6B; /* temnejša modra */
  --c-accent: #17A2B8;    /* svetlejši poudarek */
  --c-text: #1B1F24;
  --c-muted: #5B6773;
  --c-bg: #F3F7FB;
  --c-surface: #FFFFFF;
  --c-border: rgba(8, 61, 107, .14);

  --radius: 12px;
  --radius-lg: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
  --shadow-sm: 0 6px 18px rgba(0,0,0,.05);

  --ease: cubic-bezier(.2,.8,.2,1);
  --t: 220ms var(--ease);
	
  --sidebar-w: 300px;
}

/* =========================
   BASE
========================= */
body{
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;	
	padding-left: var(--sidebar-w);
	overflow-x: hidden;
}

a{
  color: var(--c-primary);
  transition: color var(--t), opacity var(--t);
}
a:hover{ color: var(--c-primary-2); }

::selection{
  background: rgba(18,160,215,.25);
}

/* =========================
   MOBILE MENU 
========================= */

/* =========================
   TYPO (clean + readable)
========================= */
h1,h2,h3,h4,h5{
  color: var(--c-primary-2);
  letter-spacing: -0.01em;
}
p{ color: var(--c-text); }
small, .is-muted{ color: var(--c-muted); }

/* =========================
   ELEMENTOR CONTAINERS / SECTIONS
   (nice default spacing)
========================= */
.elementor-section.elementor-section-boxed > .elementor-container{
  padding-left: 18px;
  padding-right: 18px;
}

/* =========================
   BUTTONS
========================= */
.elementor-button,
button,
input[type="submit"],
.wp-element-button{
  border-radius: var(--radius);
  transition: transform var(--t), box-shadow var(--t), background var(--t), border-color var(--t), color var(--t);
}

.elementor-button.elementor-size-sm{ border-radius: 10px; }
.elementor-button.elementor-size-lg{ border-radius: var(--radius-lg); }

.elementor-button{
  background: var(--c-primary);
  border: 1px solid rgba(0,0,0,0);
	cursor: pointer;
}
.elementor-button:hover{
  background: var(--c-primary-2);
  box-shadow: var(--shadow-sm);
}

/* Outline utility (uporabno za sekundarne CTA-je) */
.btn-outline .elementor-button{
  background: transparent;
  color: var(--c-primary-2);
  border: 1px solid var(--c-border);
}
.btn-outline .elementor-button:hover{
  background: rgba(11,95,165,.08);
  transform: translateY(-1px);
}

/* =========================
   CARD / SURFACE UTILITIES
========================= */
.u-card{
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: 22px;
}

.u-card-hover{
  transition: transform var(--t), box-shadow var(--t), border-color var(--t);
}
.u-card-hover:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
  border-color: rgba(11,95,165,.22);
}

/* =========================
   FORMS (basic polish)
========================= */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
textarea, select{
  border-radius: 10px;
  border: 1px solid var(--c-border);
  background: #fff;
  transition: border-color var(--t), box-shadow var(--t);
}
input:focus, textarea:focus, select:focus{
  outline: none;
  border-color: rgba(18,160,215,.65);
  box-shadow: 0 0 0 4px rgba(18,160,215,.18);
}

/* =========================
   SIMPLE TABLE (if you use WP tables)
========================= */
/*
table{
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
th, td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(8,61,107,.10);
}
th{
  text-align: left;
  color: var(--c-primary-2);
  background: rgba(11,95,165,.06);
}
tr:last-child td{ border-bottom: 0; }*/

/* Popravek panela z detaili boje */
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-gallery-container {
	width: auto !important;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-view {
	flex-direction: row !important;
}

.wpgmza-custom-fields > div {
	align-items: start !important;
	flex-direction: column;
	font-size: 13px;
	font-family: Roboto;
	color: black;
}

.wpgmza-custom-fields > div > span {
	font-weight: 700;
}

.wpgmza-panel-info-window [data-custom-field-id="2"], .wpgmza-panel-info-window [data-custom-field-id="8"], .wpgmza-panel-info-window [data-custom-field-id="20"], .wpgmza-panel-info-window [data-custom-field-id="16"], .wpgmza-panel-info-window [data-custom-field-id="9"], .wpgmza-panel-info-window [data-custom-field-id="21"] {
  display: block !important; 
}

.wpgmza-panel-info-window [data-custom-field-id="2"] .custom-field-label, .wpgmza-panel-info-window [data-custom-field-id="8"] .custom-field-label, .wpgmza-panel-info-window [data-custom-field-id="20"] .custom-field-label, .wpgmza-panel-info-window [data-custom-field-id="16"] .custom-field-label, .wpgmza-panel-info-window [data-custom-field-id="9"] .custom-field-label, .wpgmza-panel-info-window [data-custom-field-id="21"] .custom-field-label {
  display: block !important;
}

.wpgmza-panel-info-window [data-custom-field-id="8"] .square-asci, .wpgmza-panel-info-window [data-custom-field-id="20"] .square-asci, .wpgmza-panel-info-window [data-custom-field-id="16"] .square-asci {
	line-height: 0;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-custom-fields > div {
	line-height: 1.1;
}

/* Toolbar */
.wpgmza-standalone-component {
	padding: 1em 1em 0 1em;
}

.wpgmza-filter-widgets {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap !important;
	align-items: center !important;
	margin-bottom: 1em;
	gap: 5px;
}

.wpgmza-filter-widgets > select {
	max-width: 160px;
	border-radius: 10px !important;
	padding-top: 7px !important;	
	padding-bottom: 7px !important;
}

.wpgmza-reset-custom-fields {
	background-color: var(--e-global-color-primary) !important;
  fill: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-secondary) !important;
	border-radius: 10px;
	    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);	
    padding: 12px 24px !important;
}
.wpgmza-reset-custom-fields:hover {
  background-color: var(--e-global-color-accent) !important;
}


#wpgmza_table_1_info, #hg-info-placeholder {
  margin-right: auto;
}

/* Tabel */
#wpgmza_table_1_wrapper {
	max-height: calc(100vh - var(--map-height) - var(--filter-height) - var(--inner-footer-height)) !important;
	/*min-height: calc(100vh - var(--map-height) - var(--filter-height) - var(--inner-footer-height)) !important;*/
	min-height: 300px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

#wpgmza_table_1 {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

#wpgmza_table_1 thead tr th {
	position: sticky;
	top: 0;
	z-index: 1;
}

#wpgmza_table_1 thead th {
	background-color: var(--c-accent);
	border: 0;
	padding-left: 10px;
	text-align: left;	
  color: var(--c-bg);
	vertical-align: middle;
}

#wpgmza_table_1 thead th:first-child {
	border-radius: 10px 0 0 10px;
}

#wpgmza_table_1 thead th:last-child {
	border-radius: 0 10px 10px 0;
}

#wpgmza_table_1 tbody tr:nth-child(even) td {	
	background-color: #eff4fa;	
}

#wpgmza_table_1 tbody tr:hover td {	
	background-color: #e8f0f7;	
}

#wpgmza_table_1 tbody td {	
	background-color: var(--c-bg);
	border-color: #deeaf5;
}

/* TABLE DIMENSIONS */
/* #wpgmza_table_1 {
    table-layout: fixed;
    width: 100%;
}

#wpgmza_table_1 th,
#wpgmza_table_1 td {
    box-sizing: border-box;
}

#wpgmza_table_1 th {
    vertical-align: top;
    white-space: nowrap;
} */

/* #wpgmza_table_1 th:nth-child(1),
#wpgmza_table_1 td:nth-child(1) {
    min-width: 100px;
	max-width: 100px;
}

#wpgmza_table_1 th:nth-child(2),
#wpgmza_table_1 td:nth-child(2) {
    min-width: 240px;
	max-width: 240px;
}

#wpgmza_table_1 th:nth-child(3),
#wpgmza_table_1 td:nth-child(3) {
    min-width: 120px !important;
    max-width: 120px !important;
}

#wpgmza_table_1 th:nth-child(4),
#wpgmza_table_1 td:nth-child(4),
#wpgmza_table_1 th:nth-child(5),
#wpgmza_table_1 td:nth-child(5),
#wpgmza_table_1 th:nth-child(6),
#wpgmza_table_1 td:nth-child(6) {
    min-width: 140px !important;
    max-width: 140px !important;
}

#wpgmza_table_1 th:nth-child(8),
#wpgmza_table_1 td:nth-child(8) {
    min-width: 180px !important;
    max-width: 180px !important;
}

#wpgmza_table_1 th:last-child,
#wpgmza_table_1 td:last-child {
    min-width: 62px !important;
    max-width: 62px !important;
} */
/*
/* ID (SI) / ID (INT) */
#wpgmza_table_1 th.wpgmza_table_custom_field_1,
#wpgmza_table_1 td.wpgmza_table_custom_field_1 {
    min-width: 100px !important;
    max-width: 100px !important;
}

/* Območje, ime */
#wpgmza_table_1 th.wpgmza_table_custom_field_2,
#wpgmza_table_1 td.wpgmza_table_custom_field_2,
#wpgmza_table_1 th.wpgmza_table_custom_field_16,
#wpgmza_table_1 td.wpgmza_table_custom_field_16 {
    min-width: 240px !important;
    max-width: 240px !important;
}

/* Geog. širina / dolžina */
#wpgmza_table_1 th.wpgmza_table_custom_field_3,
#wpgmza_table_1 td.wpgmza_table_custom_field_3 {
    min-width: 120px !important;
    max-width: 120px !important;
}

/* Karakteristike / characteristic */
#wpgmza_table_1 th.wpgmza_table_custom_field_7,
#wpgmza_table_1 td.wpgmza_table_custom_field_7,
#wpgmza_table_1 th.wpgmza_table_custom_field_19,
#wpgmza_table_1 td.wpgmza_table_custom_field_19,
#wpgmza_table_1 th.wpgmza_table_custom_field_10,
#wpgmza_table_1 td.wpgmza_table_custom_field_10,
#wpgmza_table_1 th.wpgmza_table_custom_field_11,
#wpgmza_table_1 td.wpgmza_table_custom_field_11 {
    min-width: 140px !important;
    max-width: 140px !important;
}

/* Struktura / Structure */
#wpgmza_table_1 th.wpgmza_table_custom_field_8,
#wpgmza_table_1 td.wpgmza_table_custom_field_8,
#wpgmza_table_1 th.wpgmza_table_custom_field_20,
#wpgmza_table_1 td.wpgmza_table_custom_field_20 {
    min-width: 180px !important;
    max-width: 180px !important;
}

/* Dopolnilne informacije / Remarks */
#wpgmza_table_1 th.wpgmza_table_custom_field_9,
#wpgmza_table_1 td.wpgmza_table_custom_field_9,
#wpgmza_table_1 th.wpgmza_table_custom_field_21,
#wpgmza_table_1 td.wpgmza_table_custom_field_21 {
    min-width: 140px !important;
    max-width: 140px !important;
}

/* OZP */
#wpgmza_table_1 th.wpgmza_table_custom_field_12,
#wpgmza_table_1 td.wpgmza_table_custom_field_12 {
    min-width: 62px !important;
    max-width: 62px !important;
}

/* POPUP MARKER INFO */
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card .wpgmza-panel-info-window-style-card-inner .wpgmza-gallery-container {
	min-width: 150px !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card.wpgmza-panel-info-window-populated {
	max-height: 400px !important;
	height: 400px !important;
	min-width: 470px !important;
}
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card .wpgmza-panel-info-window-style-card-inner {
	flex-direction: row !important;
	padding: 10px !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card .wpgmza-panel-info-window-style-card-inner .wpgmza-panel-actions {
	position: absolute !important;
	top: 5px !important;
	right: 5px !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-custom-fields > div i {
color: inherit !important;
	width: auto !important;
	margin-left: 0 !important;
}


@media (max-width: 1750px){

  /* 1) Selecti + reset naj bodo "prva vrstica" in naj rastejo */
	.wpgmza-filter-widgets[data-map-id="1"] {
		flex-wrap: wrap !important;
	}
  .wpgmza-filter-widgets[data-map-id="1"]
  select[data-wpgmza-filter-widget-class][data-field-id]{
    order:1;
    flex: 1 1 220px;   /* prilagodi min širino po okusu */
    min-width: 180px;
  }
	.wpgmza-filter-widgets > select {
		max-width: unset !important;
	}

  .wpgmza-filter-widgets[data-map-id="1"] .wpgmza-reset-custom-fields{
    order:1;
    flex: 0 0 auto;    /* gumb naj ostane "tight" */
    white-space:nowrap;
  }

  /* 2) Ostali elementi naj gredo v 2. vrstico */
  /* info NE sme biti 100% */
  #wpgmza_table_1_info,
  #hg-info-placeholder{
    order:2;
    flex: 0 0 50%;      /* <-- ključna sprememba */
    margin-right:auto;   /* potisne ostale desno */
    white-space:nowrap;
  }

  #hg-pdf-export,
  #hg-display-stats,
	#hg-report-change,
  .wpgmza-filter-widgets[data-map-id="1"] .wpml-ls{
    order:2;
    flex: 0 0 auto;
  }

  /* (opcijsko) WPML potisni desno v 2. vrstici */
  .wpgmza-filter-widgets[data-map-id="1"] .wpml-ls{
    margin-left:auto;
  }
	
	.hfe-copyright-wrapper {
		text-align: center;
	}
	
.wpgmza-custom-field-filter-widget-checkboxes[data-field-id="25"] {
  order: 1;
}
}

@media (max-width: 1400px){
	:root {
		--inner-footer-height: 71px !important;
		--filter-height: 119.5px !important;
		--thead-height: 101px !important;
		 --sidebar-w: 0;
	}
 body {
  padding-left: 0;
	}
	
	.gm-style div[role="button"][tabindex="0"]:not(.wpgmza-aria-bridge)::before {
		top: -2.33px !important;
		left: -2.33px !important;
	}
	
	.wpgmza-filter-widgets[data-map-id="1"]
  select[data-wpgmza-filter-widget-class][data-field-id]{
    order:1;
    flex: 1 1 150px;   /* prilagodi min širino po okusu */
    min-width: 150px;
  }
/* Mobile Menu */
  #hg-menu-wrapper{
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    transition: transform .35s ease, opacity .25s ease, visibility 0s linear .35s;
  }

  #hg-menu-wrapper.is-open{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition: transform .35s ease, opacity .25s ease;
  }


}

@media (max-width: 786px) {
	:root {
		--map-height: 300px !important;
		--inner-footer-height: 106.5px !important;
		--filter-height: 119.5px !important;
		--thead-height: 101px !important;
	}
	
	#wpgmza_map_1 {
		height: 300px !important;
		position: sticky !important;
		top: 0;
		z-index: 2;
	}
	
	#wpgmza_table_1_wrapper {
		max-height: calc(100vh - var(--map-height) - var(--inner-footer-height)) !important;
		min-height: calc(100vh - var(--map-height) - var(--inner-footer-height)) !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.wpgmza-standalone-component select {
		max-width: 100% !important;
	}
	.wpgmza-reset-custom-fields {	
		align-self: end;
	}
	.wpgmza-filter-widgets.hg-has-toolbar {
		flex-direction: column;
		flex-wrap: no-wrap !important;
	}
	.wpgmza-filter-widgets.hg-has-toolbar > .dataTables_info {
		order: 3;
		text-align: center;
	}
	.wpgmza-filter-widgets.hg-has-toolbar > #hg-controls {
		flex-direction: row;
	}
	
	.elementor-7 .elementor-element.elementor-element-2633975.elementor-element {
		order: 3 !important;
	}
	
	.wpgmza-filter-widgets[data-map-id="1"]
	  select[data-wpgmza-filter-widget-class][data-field-id]{
		order:1;
		flex: 1 1 100%;   /* prilagodi min širino po okusu */
		min-width: 180px;
		  margin-right: 0;
	  }
	
	.wpgmza-filter-widgets[data-map-id="1"] .wpgmza-reset-custom-fields {
		order: 1;
        flex: 1 1 auto;
        white-space: nowrap;
	}
	#wpgmza_table_1_info,
  #hg-info-placeholder{
	  order: 3;
    flex: 0 0 60%;
	}
	
	#wpgmza_table_1 tbody {
		min-height: 400px;
	}
	
	.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card.wpgmza-panel-info-window-populated {
		max-height: 216px !important;
		height: 216px !important;
		min-width: 400px !important;
	}
	
	.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card .wpgmza-panel-info-window-style-card-inner .wpgmza-gallery-container {
		position: sticky;
		top: 10px;
		height: fit-content;
	}
	/* TABLE DIMENSIONS */
/*#wpgmza_table_1 {
    table-layout: fixed;
    width: 100%;
}

#wpgmza_table_1 th,
#wpgmza_table_1 td {
    box-sizing: border-box;
}

#wpgmza_table_1 th {
    vertical-align: top;
    white-space: nowrap;
}*/

/* 1 → custom_field_1 */
#wpgmza_table_1 th.wpgmza_table_custom_field_1,
#wpgmza_table_1 td.wpgmza_table_custom_field_1 {
    min-width: 92px !important;
    max-width: 92px !important;
}

/* 2 → custom_field_2 + 16 (lokacija / ime) */
#wpgmza_table_1 th.wpgmza_table_custom_field_2,
#wpgmza_table_1 td.wpgmza_table_custom_field_2,
#wpgmza_table_1 th.wpgmza_table_custom_field_16,
#wpgmza_table_1 td.wpgmza_table_custom_field_16 {
    min-width: unset !important;
    max-width: unset !important;
}

/* 3 → custom_field_3 (geo) */
#wpgmza_table_1 th.wpgmza_table_custom_field_3,
#wpgmza_table_1 td.wpgmza_table_custom_field_3 {
    min-width: 100px !important;
    max-width: 100px !important;
}

/* 4,5,6 → več manjših info stolpcev */
#wpgmza_table_1 th.wpgmza_table_custom_field_7,
#wpgmza_table_1 td.wpgmza_table_custom_field_7,
#wpgmza_table_1 th.wpgmza_table_custom_field_19,
#wpgmza_table_1 td.wpgmza_table_custom_field_19,
#wpgmza_table_1 th.wpgmza_table_custom_field_10,
#wpgmza_table_1 td.wpgmza_table_custom_field_10 {
    min-width: unset !important;
    max-width: unset !important;
}

/* 8 → custom_field_11 */
#wpgmza_table_1 th.wpgmza_table_custom_field_11,
#wpgmza_table_1 td.wpgmza_table_custom_field_11 {
    min-width: unset !important;
    max-width: unset !important;
}

/* last → custom_field_12 */
#wpgmza_table_1 th.wpgmza_table_custom_field_12,
#wpgmza_table_1 td.wpgmza_table_custom_field_12 {
    min-width: unset !important;
    max-width: unset !important;
}
	
}

@media (max-width: 470px) {
	
  #hg-pdf-export,
  #hg-display-stats {
    order:2;
    flex: 1 1 auto;
  }
	#hg-pdf-export a,
	#hg-display-stats a {
	width: 100%;
}
	.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card .wpgmza-panel-info-window-style-card-inner .wpgmza-gallery-container {
		min-width: 100px !important;
	}
	.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window-style-card.wpgmza-panel-info-window-populated {		
		min-width: calc(100vw - 70px) !important;
	}
	
	/*#wpgmza_table_1 thead th:nth-child(3) {
		border-radius: 0 10px 10px 0;
	}*/
}