/* Popravki za delovanje brez WordPress/jQuery skript (videz ostaja enak originalu). */

/* Elementor vstopne animacije: brez JS mora biti vsebina vidna */
html:not(.ip-js) .elementor-invisible { visibility: visible !important; }
@media (prefers-reduced-motion: reduce) {
  .elementor-invisible { visibility: visible !important; }
  .animated { animation: none !important; }
}

/* Royal mreža objav (prej isotope/JS pozicioniranje) → flex; razmiki iz data-settings (Runtime.tsx) */
.wpr-grid {
  display: flex !important; flex-wrap: wrap; column-gap: var(--ip-gh, 15px); row-gap: var(--ip-gv, 15px);
  height: auto !important; opacity: 1 !important;
}
.wpr-grid > .wpr-grid-item {
  position: static !important; left: auto !important; top: auto !important;
  float: none !important; margin: 0 !important; opacity: 1 !important; transform: none !important;
  width: 100% !important; box-sizing: border-box;
}
.wpr-grid-item-inner, .wpr-grid-media-wrap { opacity: 1 !important; }
.wpr-grid-columns-1 .wpr-grid > .wpr-grid-item { width: 100% !important; }
.wpr-grid-columns-2 .wpr-grid > .wpr-grid-item { width: calc((100% - 1 * var(--ip-gh, 15px)) / 2) !important; }
.wpr-grid-columns-3 .wpr-grid > .wpr-grid-item { width: calc((100% - 2 * var(--ip-gh, 15px)) / 3) !important; }
.wpr-grid-columns-4 .wpr-grid > .wpr-grid-item { width: calc((100% - 3 * var(--ip-gh, 15px)) / 4) !important; }
@media (max-width: 1366px) {
  .wpr-grid-columns--laptop1 .wpr-grid > .wpr-grid-item { width: 100% !important; }
  .wpr-grid-columns--laptop2 .wpr-grid > .wpr-grid-item { width: calc((100% - 1 * var(--ip-gh, 15px)) / 2) !important; }
  .wpr-grid-columns--laptop3 .wpr-grid > .wpr-grid-item { width: calc((100% - 2 * var(--ip-gh, 15px)) / 3) !important; }
  .wpr-grid-columns--laptop4 .wpr-grid > .wpr-grid-item { width: calc((100% - 3 * var(--ip-gh, 15px)) / 4) !important; }
}
@media (max-width: 1024px) {
  .wpr-grid-columns--tablet1 .wpr-grid > .wpr-grid-item { width: 100% !important; }
  .wpr-grid-columns--tablet2 .wpr-grid > .wpr-grid-item { width: calc((100% - 1 * var(--ip-gh, 15px)) / 2) !important; }
  .wpr-grid-columns--tablet3 .wpr-grid > .wpr-grid-item { width: calc((100% - 2 * var(--ip-gh, 15px)) / 3) !important; }
  .wpr-grid-columns--tablet4 .wpr-grid > .wpr-grid-item { width: calc((100% - 3 * var(--ip-gh, 15px)) / 4) !important; }
}
@media (max-width: 767px) {
  .wpr-grid-columns--mobile1 .wpr-grid > .wpr-grid-item { width: 100% !important; }
  .wpr-grid-columns--mobile2 .wpr-grid > .wpr-grid-item { width: calc((100% - 1 * var(--ip-gh, 15px)) / 2) !important; }
  .wpr-grid-columns--mobile3 .wpr-grid > .wpr-grid-item { width: calc((100% - 2 * var(--ip-gh, 15px)) / 3) !important; }
  .wpr-grid-columns--mobile4 .wpr-grid > .wpr-grid-item { width: calc((100% - 3 * var(--ip-gh, 15px)) / 4) !important; }
}
.ip-grid-list > .wpr-grid-item > .wpr-grid-item-inner { display: flex; align-items: flex-start; gap: var(--ip-media-gap, 20px); }
.ip-grid-list.ip-media-right > .wpr-grid-item > .wpr-grid-item-inner { flex-direction: row-reverse; }
.ip-grid-list .wpr-grid-media-wrap { flex: 0 0 var(--ip-media-w, 30%); max-width: var(--ip-media-w, 30%); }
.ip-grid-list .wpr-grid-media-wrap img { width: 100%; height: auto; display: block; }
.ip-grid-list .wpr-grid-item-below-content { flex: 1 1 auto; min-width: 0; }

/* Cloudflare Turnstile v vprašalniku: odmik od zadnjega odgovora, poravnan levo z odgovori, gumb tik pod njim */
.forminator-ui .ip-turnstile { margin: 36px 0 0 !important; min-height: 65px; line-height: 0; }
.forminator-ui .ip-turnstile iframe { max-width: 100%; }
.forminator-ui .ip-turnstile + input + .forminator-pagination-footer,
.forminator-ui .ip-turnstile ~ .forminator-pagination-footer { margin-top: 24px !important; }
@media (max-width: 767px) {
  .forminator-ui .ip-turnstile { margin-top: 28px !important; }
}

/* Vstopne animacije (slideInLeft/Right) so stran začasno razširile → na tablici/telefonu se je dala povleči vstran */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) { html, body { overflow-x: hidden; } }

/* Domača stran, "S čim se ukvarjamo": na tablici je bilo 3 + 1 + 3 + 1 kartic s praznimi mesti → 4 v vrsti */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-9 .elementor-element-043a20d > .elementor-container,
  .elementor-9 .elementor-element-89f5811 > .elementor-container { flex-wrap: nowrap; }
  .elementor-9 .elementor-element-043a20d > .elementor-container > .elementor-column,
  .elementor-9 .elementor-element-89f5811 > .elementor-container > .elementor-column { width: 25% !important; }
}
/* … na telefonu: 2 kartici v vrsti namesto 8 ozkih ena pod drugo */
@media (max-width: 767px) {
  .elementor-9 .elementor-element-043a20d > .elementor-container,
  .elementor-9 .elementor-element-89f5811 > .elementor-container { display: flex; flex-wrap: wrap; }
  .elementor-9 .elementor-element-043a20d > .elementor-container > .elementor-column,
  .elementor-9 .elementor-element-89f5811 > .elementor-container > .elementor-column { width: 50% !important; }
  .elementor-9 .elementor-element-043a20d .elementor-widget-wpr-promo-box,
  .elementor-9 .elementor-element-89f5811 .elementor-widget-wpr-promo-box { width: 100% !important; max-width: 100% !important; }
}

/* Glava na tablici: vodoravni meni je imel ~9 px pisavo → hamburger že do 1024 px (kot na telefonu) */
@media (min-width: 768px) and (max-width: 1024px) {
  .wpr-nav-menu-bp-mobile .wpr-nav-menu-container { display: none !important; }
  .wpr-nav-menu-bp-mobile .wpr-mobile-nav-menu-container { display: block !important; }
  .wpr-nav-menu-bp-mobile .wpr-mobile-toggle-wrap { text-align: right; }
  .wpr-nav-menu-bp-mobile .wpr-mobile-nav-menu:not(.wpr-mobile-mega-menu),
  .wpr-nav-menu-bp-mobile .wpr-mobile-nav-menu-container { pointer-events: auto; }
}
@media (max-width: 767px) {
  .elementor-9 .elementor-element-043a20d, .elementor-9 .elementor-element-89f5811 { padding-left: 0 !important; padding-right: 0 !important; }
  .elementor-9 .elementor-element-043a20d > .elementor-container,
  .elementor-9 .elementor-element-89f5811 > .elementor-container { max-width: 100% !important; width: 100%; }
  .elementor-9 .elementor-element-043a20d .elementor-widget-wrap,
  .elementor-9 .elementor-element-89f5811 .elementor-widget-wrap { margin: 6px !important; }
}