/* =========================================================================
   Modern refresh overlay — Prenova Kopalnice
   Loaded AFTER all original stylesheets. Only touches spacing, corners,
   shadows, hover states and card-ification of bullet lists.
   Does NOT touch: colors, fonts, the hero photo, or the decorative
   oversized outline headline effect.
   ========================================================================= */

html { scroll-behavior: smooth; }

:root{
  --mr-radius-sm: 10px;
  --mr-radius-md: 16px;
  --mr-radius-lg: 22px;
  --mr-shadow: 0 12px 32px -14px rgba(33,29,26,.28);
  --mr-shadow-hover: 0 20px 44px -16px rgba(33,29,26,.38);
  --mr-ease: cubic-bezier(.4,0,.2,1);
}

/* ---------- Buttons: soften corners, add lift-on-hover ---------- */
.elementor-button,
button.elementor-button,
a.elementor-button,
input[type="submit"].elementor-button{
  border-radius: 999px !important;
  box-shadow: var(--mr-shadow) !important;
  transition: transform .28s var(--mr-ease), box-shadow .28s var(--mr-ease), background-color .28s var(--mr-ease) !important;
}
.elementor-button:hover,
button.elementor-button:hover,
a.elementor-button:hover{
  transform: translateY(-3px);
  box-shadow: var(--mr-shadow-hover) !important;
}

/* ---------- Images: rounded corners + soft depth everywhere,
   except full-bleed section backgrounds (those use background-image,
   so plain <img> tags are always content images, never the hero). ---------- */
.elementor-widget-image img,
.elementor-widget-theme-post-featured-image img,
.elementor-image-gallery img{
  border-radius: var(--mr-radius-md) !important;
  transition: transform .5s var(--mr-ease), box-shadow .4s var(--mr-ease) !important;
}
.elementor-widget-image:hover img{
  transform: scale(1.015);
}

/* ---------- Feature / service bullet lists → modern card grid.
   Only lists whose items contain a bold sub-heading (the descriptive
   feature lists) are affected. Simple link lists (footer nav, contact
   info, short comma-style bullet points) are left exactly as-is. ---------- */
.elementor-icon-list-items:has(> .elementor-icon-list-item strong),
.elementor-icon-list-items:has(> .elementor-icon-list-item b){
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 18px !important;
}
.elementor-icon-list-items:has(> .elementor-icon-list-item strong) > .elementor-icon-list-item,
.elementor-icon-list-items:has(> .elementor-icon-list-item b) > .elementor-icon-list-item{
  background: #ffffff;
  border-radius: var(--mr-radius-md);
  box-shadow: var(--mr-shadow);
  padding: 22px 24px !important;
  margin: 0 !important;
  transition: transform .3s var(--mr-ease), box-shadow .3s var(--mr-ease);
}
.elementor-icon-list-items:has(> .elementor-icon-list-item strong) > .elementor-icon-list-item:hover,
.elementor-icon-list-items:has(> .elementor-icon-list-item b) > .elementor-icon-list-item:hover{
  transform: translateY(-4px);
  box-shadow: var(--mr-shadow-hover);
}
.elementor-icon-list-items:has(> .elementor-icon-list-item strong) .elementor-icon-list-text,
.elementor-icon-list-items:has(> .elementor-icon-list-item b) .elementor-icon-list-text{
  display: block;
}

/* ---------- Testimonial cards: rounded, elevated, on-brand quote badge ---------- */
.elementskit-single-testimonial-slider{
  border-radius: var(--mr-radius-lg) !important;
  box-shadow: var(--mr-shadow) !important;
  padding: 8px !important;
  transition: box-shadow .3s var(--mr-ease);
}
.elementskit-single-testimonial-slider:hover{
  box-shadow: var(--mr-shadow-hover) !important;
}
.elementskit-icon-content.commentor-badge::before{
  background-color: var(--e-global-color-primary, #BF793B) !important;
}
.elementskit-commentor-image img{
  border-radius: 50% !important;
}

/* ---------- Sticky header: subtle depth so it lifts off the page ---------- */
.site-header{
  box-shadow: 0 2px 20px rgba(0,0,0,.06);
}

/* ---------- General link/button hover polish ---------- */
a{ transition: color .2s var(--mr-ease), opacity .2s var(--mr-ease); }

/* ---------- Footer link rows: a touch more breathing room ---------- */
.site-footer .elementor-icon-list-items:not(:has(strong)) .elementor-icon-list-item{
  padding-block: 2px;
}

/* ---------- Mobile polish: comfortable spacing on small icon-list cards ---------- */
@media (max-width: 767px){
  .elementor-icon-list-items:has(> .elementor-icon-list-item strong) > .elementor-icon-list-item,
  .elementor-icon-list-items:has(> .elementor-icon-list-item b) > .elementor-icon-list-item{
    padding: 18px 20px !important;
  }
}

/* =========================================================================
   Icon-font fallback fixes — the exported copy is missing the ekiticons /
   fontawesome webfont files, so these glyphs rendered blank. Redrawn with
   pure CSS / unicode so they always work, with no external font needed.
   ========================================================================= */

/* Mobile menu hamburger toggle */
.ekit-menu-icon.icon-menu-11{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 14px;
  vertical-align: middle;
}
.ekit-menu-icon.icon-menu-11::before{
  content: "" !important;
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

/* Nav dropdown chevron (e.g. next to "Storitve") */
.icon.icon-down-arrow1{
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-inline-start: 4px;
}
.icon.icon-down-arrow1::before{
  content: "" !important;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-3px);
}

/* Button / link arrows */
.icon.icon-right-arrow::before,
.icon.icon-arrow-right::before{
  content: "\2192" !important; /* right arrow */
  font-family: inherit !important;
}

/* Website / globe icon in footer - clean monochrome line icon (matches the
   other SVG icons on the page), not an emoji, so it stays on-brand. */
.icon.icon-planet-earth{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18'/><path d='M12 3c2.8 2.6 4.2 5.7 4.2 9s-1.4 6.4-4.2 9c-2.8-2.6-4.2-5.7-4.2-9s1.4-6.4 4.2-9z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18'/><path d='M12 3c2.8 2.6 4.2 5.7 4.2 9s-1.4 6.4-4.2 9c-2.8-2.6-4.2-5.7-4.2-9s1.4-6.4 4.2-9z'/></svg>") no-repeat center / contain;
  vertical-align: middle;
}
.icon.icon-planet-earth::before{
  content: "" !important;
}

/* Email envelope icon (e.g. on the Kontakt page) - same clean line-icon
   treatment, no font file required. */
.icon.icon-envelope{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m2 7 10 6 10-6'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m2 7 10 6 10-6'/></svg>") no-repeat center / contain;
  vertical-align: middle;
}
.icon.icon-envelope::before{
  content: "" !important;
}

/* Form success checkmark */
.mf-success-icon.fas.fa-check::before{
  content: "\2713" !important; /* check */
  font-family: inherit !important;
}

/* Testimonial "quote" watermark badge icon */
.icon.icon-quote::before{
  content: "\201C" !important;
  font-family: inherit !important;
  font-weight: 700;
}