@charset "UTF-8";
/* xl - DESKTOP STYLES */
.usluge img {
  border-radius: 20px 20px 0px 0px;
}
/* Fluent Forms – bold labels */
.fluentform label {
  font-weight: 700 !important;
  text-shadow: 2px 2px 5px #000000;
}
.hfe-post-card .hfe-post-image a img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777778;
  object-fit: cover;
}
.site-logo-img img, .site-logo-img .transparent-custom-logo img, .ast-theme-transparent-header .site-logo-img img {
  filter: none !important;
}
.ast-site-identity {
  padding: 10px 0;
}
/* Fix only the visible Astra header bar */
.main-header-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #ffffff3b !important;
  /* 👈 default */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
/* ============================= */
/* DROPDOWN BACKGROUND CONTROL */
/* ============================= */
/* Default – NOT scrolled (transparent dropdown) */
.main-header-bar .sub-menu {
  background-color: rgba(255, 255, 255, 0) !important;
  backdrop-filter: blur(6px);
  /* optional glass effect */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
/* Optional: remove border if Astra adds one */
.main-header-bar .sub-menu {
  border: none !important;
}
/* Scrolled state – solid dropdown */
.header-scrolled .main-header-bar .sub-menu {
  background-color: #f2f2f2 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
/* Dropdown links styling (optional but recommended) */
.main-header-bar .sub-menu a {
  color: #000;
}
/* Hover state */
.main-header-bar .sub-menu a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* Default (desktop > 1024px) */
body {
  padding-top: 0px;
  background-color: #f2f2f2 !important;
  /* solid on scroll */
}
/* Tablet & mobile (≤ 1024px) */
@media (max-width: 1024px) {
  body {
    padding-top: 100px !important;
  }
}
/* Scrolled state */
.header-scrolled .main-header-bar {
  background-color: #f2f2f2 !important;
  /* solid on scroll */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.hfe-post-card {
  background-color: #ffffff70;
  border-radius: 25px;
  overflow: hidden;
  /* ensures rounded corners apply to image */
  box-shadow: 9px 10px 15px 6px rgba(0, 0, 0, 0.5);
}
.hfe-post-image {
  border-radius: 25px;
}
.hfe-post-image a {
  display: block;
  border-radius: 25px;
}
.hfe-post-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 25px 25px 0 0;
}
.hfe-post-content {
  /* background-color: #ff000070; */
  /* optional, kept commented */
  padding: 16px;
}
.hfe-post-title a {
  text-decoration: none;
}
.hfe-read-more {
  display: block;
  text-align: right;
  margin-top: 12px;
}
.elementor-button, .ast-custom-button, button {
  background: linear-gradient(90deg, #b8bb8e, #bdb76b, #c3c59d, #a0ad68) !important;
}
.ff-btn, .ff-btn-submit {
  border-radius: 25px !important;
  font-size: 0.875rem !important;
  padding: 16px 40px !important;
}
.ff-btn:hover, .ff-btn-submit:hover {
  color: #f2f2f2 !important;
}
.elementor-540 {
  --divider-color: linear-gradient(90deg, #b8bb8e, /* dark olive green */ #bdb76b, /* dark khaki / goldish */ #c3c59d, /* true gold */ #a0ad68 /* muted green-gold */) !important;
}
.ast-primary-header button.menu-toggle {
  background: #f2f2f2 !important;
  padding: 10px 12px;
  border-radius: 6px;
}
/* Remove table borders in header widget and center content */
.header-widget-area .wp-block-table table, .header-widget-area .wp-block-table td, .header-widget-area .wp-block-table th {
  border: none !important;
}
.header-widget-area .wp-block-table table {
  margin: 0;
}
.header-widget-area .wp-block-table td {
  padding: 0px 13px;
}
/* Footer sections reset */
.footer-widget-area-inner section {
  margin: 0 !important;
  padding: 0;
  text-align: left;
}
/* Set all Elementor images height */
.elementor-widget-image img {
  height: 213px;
  width: 100%;
  object-fit: cover;
}
.usluge img {
  height: 213px;
  width: 100%;
  object-fit: cover;
}
.footer-widget-area-inner .widget_text p {
  margin: 0 !important;
  padding: 10px 0;
}
.ast-icon.icon-search svg {
  margin: 6px !important;
  height: 1em !important;
  width: 1em !important;
}
/* ============================= */
/* MOBILE MENU TRANSPARENCY */
/* ============================= */
/* Mobile header dropdown - transparent by default */
.ast-mobile-header-content {
  background-color: rgba(255, 255, 255, 0.23) !important;
  backdrop-filter: blur(6px);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
/* Mobile menu navigation */
#ast-mobile-header .main-header-bar-navigation {
  background-color: transparent !important;
}
/* Mobile sub-menus - transparent by default */
#ast-mobile-header .sub-menu {
  background-color: rgba(255, 255, 255, 0) !important;
  backdrop-filter: blur(6px);
  transition: background-color 0.3s ease;
}
/* Scrolled state – solid mobile dropdown */
.header-scrolled .ast-mobile-header-content {
  background-color: #f2f2f2 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.header-scrolled #ast-mobile-header .sub-menu {
  background-color: #f2f2f2 !important;
}
/* Mobile menu links styling */
#ast-mobile-header .menu-link {
  color: #000;
}
#ast-mobile-header .menu-link:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* MOBILE SLIDER */
@media (max-width: 768px) {
  /* pojedinačna kartica */
  /* sakrij scrollbar (clean look) */
  /* hide scrollbar */
  #ast-mobile-header {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  .elementor-element-b4d1b03 {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
  }
  .elementor-element-b4d1b03 > .e-con {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  .elementor-element-b4d1b03::-webkit-scrollbar {
    display: none;
  }
  .elementor-element-b4d1b03 {
    scrollbar-width: none;
  }
  .hfe-posts-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    gap: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 50px;
  }
  .hfe-posts-grid .hfe-post-card {
    flex: 0 0 85%;
    scroll-snap-align: start;
  }
  .hfe-posts-grid::-webkit-scrollbar {
    display: none;
  }
  .hfe-posts-grid {
    scrollbar-width: none;
  }
}
/* Target all buttons inside this specific gallery */
#foogallery-gallery-1700_8 button {
  background: #f2f2f2 !important;
  /* button background */
  border-color: #f2f2f2 !important;
  /* button border, if any */
}
/* Ciljamo sve dugmad unutar panela */
.fg-panel .fg-panel-button, .fg-panel .fg-panel-thumbs-button {
  background: #f2f2f2 !important;
  /* pozadina gumba */
  border-color: #f2f2f2 !important;
  /* border ako postoji */
}
/* Opcionalno: hover i active stanja, ako želiš da boja ostane ista */
.fg-panel .fg-panel-button:hover, .fg-panel .fg-panel-button:active, .fg-panel .fg-panel-thumbs-button:hover, .fg-panel .fg-panel-thumbs-button:active {
  background: #f2f2f2 !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F7-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BACCC%3BAAAA%3BAAAA%3BADDD%3BACQA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAD5BA%3BACkCA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADlCA%3BAAAA%3BAAAA%3BAAAA%3BACiDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADjDA%3BACwDA%3BAAAA%3BAAAA%3BADxDA%3BAC6DA%3BAAAA%3BAAAA%3BAAAA%3BAD7DA%3BACmEA%3BAAAA%3BAAAA%3BADnEA%3BACwEA%3BAAAA%3BAAAA%3BADxEA%3BAC8EA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD9EA%3BACoFA%3BAACI%3BAAAA%3BAAAA%3BAAAA%3BADrFJ%3BAC0FA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD9JA%3BACsKA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BADhLA%3BACqLA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADrLA%3BAC4LA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhNA%3BAAAA%3BAAAA%3BAAAA%3BAC4NA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD5NA%3BACmOA%3BAAAA%3BAAAA%3BADnOA%3BACwOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADxOA%3BAC%2BOA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BADpPA%3BACyPA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAD7PA%3BACmQA%3BAAAA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWC%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADjUF%3BACwUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADxUA%3BAC8UA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD9UA%3BACsVA%3BAAAA%3BAAAA%22%7D */