.elementor-20564 .elementor-element.elementor-element-3b59067{--display:flex;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 45px 0px rgba(0,0,0,0.5);--padding-top:24px;--padding-bottom:24px;--padding-left:22px;--padding-right:22px;}.elementor-20564 .elementor-element.elementor-element-3b59067::before, .elementor-20564 .elementor-element.elementor-element-3b59067 > .elementor-background-video-container::before, .elementor-20564 .elementor-element.elementor-element-3b59067 > .e-con-inner > .elementor-background-video-container::before, .elementor-20564 .elementor-element.elementor-element-3b59067 > .elementor-background-slideshow::before, .elementor-20564 .elementor-element.elementor-element-3b59067 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20564 .elementor-element.elementor-element-3b59067 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-20564 .elementor-element.elementor-element-9c99c7d{background-color:var( --e-global-color-c6729e8 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:999px 999px 999px 999px;}#elementor-popup-modal-20564{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-20564 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-20564 .dialog-close-button{display:flex;}#elementor-popup-modal-20564 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-20564 .elementor-element.elementor-element-3b59067{--border-radius:24px 24px 24px 24px;--padding-top:28px;--padding-bottom:28px;--padding-left:20px;--padding-right:20px;}.elementor-20564 .elementor-element.elementor-element-9c99c7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-3b59067 *//* =====================================================
   X-FIT SEARCH POPUP - FINAL CENTER FIX
   Klasa na unutrašnjem containeru: xfit-search-popup
   ===================================================== */

/* Vanjski Elementor popup = crna kartica */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-widget-content {
  width: calc(100vw - 28px) !important;
  max-width: 328px !important;
  height: 150px !important;
  min-height: 150px !important;

  background: #171717 !important;
  border: 1px solid #2b2b2b !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.45) !important;

  padding: 0 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Elementor unutrašnji prostor */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-message {
  width: 100% !important;
  height: 150px !important;
  min-height: 150px !important;

  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Unutrašnji container pokriva cijelu karticu */
.xfit-search-popup {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 150px !important;
  min-height: 150px !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  padding: 0 18px !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
}

/* Sakrij naslov ako postoji */
.xfit-search-popup .elementor-widget-heading {
  display: none !important;
}

/* Ukloni Elementor margine na widgetima */
.xfit-search-popup .elementor-widget,
.xfit-search-popup .elementor-element {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Search forma */
.xfit-search-popup form,
.xfit-search-popup .elementor-search-form {
  width: 100% !important;
  max-width: 276px !important;
  height: 49px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  position: relative !important;
}

/* Bijeli pill input */
.xfit-search-popup input[type="search"],
.xfit-search-popup input[type="text"] {
  width: 100% !important;
  height: 49px !important;

  background: #ffffff !important;
  color: #222222 !important;

  border: none !important;
  border-radius: 999px !important;
  outline: none !important;
  box-shadow: none !important;

  padding: 0 22px 0 46px !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 49px !important;
}

/* Placeholder */
.xfit-search-popup input::placeholder {
  color: #9b9b9b !important;
  opacity: 1 !important;
}

/* Search ikonica */
.xfit-search-popup .elementor-search-form__icon,
.xfit-search-popup button[type="submit"] {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 18px !important;
  height: 18px !important;

  color: #ff5a45 !important;
  fill: #ff5a45 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  z-index: 3 !important;
}

/* Ikonica unutra */
.xfit-search-popup .elementor-search-form__icon i,
.xfit-search-popup .elementor-search-form__icon svg,
.xfit-search-popup button[type="submit"] i,
.xfit-search-popup button[type="submit"] svg {
  color: #ff5a45 !important;
  fill: #ff5a45 !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

/* X zatvaranje */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;

  position: absolute !important;
  top: 13px !important;
  right: 13px !important;
  left: auto !important;
  bottom: auto !important;

  width: 18px !important;
  height: 18px !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;

  z-index: 99999 !important;
  cursor: pointer !important;
}

/* X ikonica */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button i,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button svg {
  color: rgba(255,255,255,0.50) !important;
  fill: rgba(255,255,255,0.50) !important;

  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  line-height: 1 !important;
}

/* X hover */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button:hover i,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button:hover svg {
  color: #E50914 !important;
  fill: #E50914 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-popup-modal:has(.xfit-search-popup) .dialog-widget-content,
  .elementor-popup-modal:has(.xfit-search-popup) .dialog-message,
  .xfit-search-popup {
    height: 150px !important;
    min-height: 150px !important;
  }

  .elementor-popup-modal:has(.xfit-search-popup) .dialog-widget-content {
    width: calc(100vw - 28px) !important;
    max-width: 328px !important;
  }

  .xfit-search-popup form,
  .xfit-search-popup .elementor-search-form {
    max-width: 276px !important;
  }
}
/* =====================================================
   X-FIT FIBOSEARCH POPUP - FORCE CENTER FIX
   ===================================================== */

/* kartica */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-widget-content {
  height: 150px !important;
  min-height: 150px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* unutrašnji prostor */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-message {
  height: 150px !important;
  min-height: 150px !important;
  position: relative !important;
}

/* container popupa */
.xfit-search-popup {
  height: 150px !important;
  min-height: 150px !important;
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* sakrij naslov ako postoji */
.xfit-search-popup .elementor-widget-heading {
  display: none !important;
}

/* FiboSearch widget zakucan u sredinu */
.xfit-search-popup .elementor-widget-shortcode,
.xfit-search-popup .elementor-widget-html,
.xfit-search-popup .dgwt-wcas-search-wrapp {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;

  width: calc(100% - 52px) !important;
  max-width: 276px !important;

  transform: translate(-50%, -50%) !important;

  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
}

/* unutrašnji FiboSearch container */
.xfit-search-popup .elementor-widget-shortcode .elementor-widget-container,
.xfit-search-popup .elementor-widget-html .elementor-widget-container,
.xfit-search-popup .dgwt-wcas-search-wrapp,
.xfit-search-popup .dgwt-wcas-sf-wrapp,
.xfit-search-popup .dgwt-wcas-search-form {
  width: 100% !important;
  max-width: 276px !important;
  height: 49px !important;

  margin: 0 !important;
  padding: 0 !important;

  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* input */
.xfit-search-popup .dgwt-wcas-search-input,
.xfit-search-popup input[type="search"],
.xfit-search-popup input[type="text"] {
  width: 100% !important;
  height: 49px !important;

  background: #ffffff !important;
  color: #222 !important;

  border: none !important;
  border-radius: 999px !important;
  outline: none !important;
  box-shadow: none !important;

  padding: 0 22px 0 46px !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 49px !important;
}

/* placeholder */
.xfit-search-popup input::placeholder {
  color: #9b9b9b !important;
  opacity: 1 !important;
}

/* search ikonica */
.xfit-search-popup .dgwt-wcas-ico-magnifier,
.xfit-search-popup .dgwt-wcas-search-submit,
.xfit-search-popup .elementor-search-form__icon,
.xfit-search-popup button[type="submit"] {
  color: #ff5a45 !important;
  fill: #ff5a45 !important;
}

/* X gore desno */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;

  position: absolute !important;
  top: 13px !important;
  right: 13px !important;

  width: 18px !important;
  height: 18px !important;

  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  z-index: 99999 !important;
}

.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button i,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button svg {
  color: rgba(255,255,255,0.50) !important;
  fill: rgba(255,255,255,0.50) !important;

  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
}
/* X-FIT popup close button - clean final */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button:focus,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button:active {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;

  width: 22px !important;
  height: 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;
  z-index: 99999 !important;
}

/* ukloni plavi kvadrat / focus border */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* sama X ikonica */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button i,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button svg {
  color: rgba(255,255,255,0.45) !important;
  fill: rgba(255,255,255,0.45) !important;

  width: 15px !important;
  height: 15px !important;
  font-size: 15px !important;
}

/* hover */
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button:hover i,
.elementor-popup-modal:has(.xfit-search-popup) .dialog-close-button:hover svg {
  color: #E50914 !important;
  fill: #E50914 !important;
}/* End custom CSS */