.elementor-14 .elementor-element.elementor-element-cc705f7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.72;--overlay-mix-blend-mode:multiply;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-cc705f7:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-cc705f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skarbook.com/wp-content/uploads/2025/10/bg-room.jpg");background-position:center center;background-size:cover;}.elementor-14 .elementor-element.elementor-element-cc705f7::before, .elementor-14 .elementor-element.elementor-element-cc705f7 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-cc705f7 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-cc705f7 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-cc705f7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-cc705f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#200831;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-71fdf63 img{width:11%;}.elementor-14 .elementor-element.elementor-element-e9090b4{text-align:center;font-size:20px;color:#F1F1F1;}.elementor-14 .elementor-element.elementor-element-12c7aba{text-align:center;}.elementor-14 .elementor-element.elementor-element-12c7aba .elementor-heading-title{font-size:49px;font-weight:600;color:#FBFBFB;}.elementor-14 .elementor-element.elementor-element-82f139d{text-align:center;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-411b234 > .elementor-widget-container{background-color:#151516;padding:28px 28px 28px 28px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#1D1D1D;border-radius:8px 8px 8px 8px;}.elementor-14 .elementor-element.elementor-element-411b234{z-index:5;}.elementor-14 .elementor-element.elementor-element-2ced3b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-1ac707a{color:#FFFFFF;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-71fdf63 img{width:27%;}.elementor-14 .elementor-element.elementor-element-12c7aba{padding:0px 55px 0px 55px;}.elementor-14 .elementor-element.elementor-element-12c7aba .elementor-heading-title{font-size:36px;}.elementor-14 .elementor-element.elementor-element-82f139d{padding:0px 30px 0px 30px;font-size:16px;}.elementor-14 .elementor-element.elementor-element-411b234 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:42px 28px 42px 28px;}.elementor-14 .elementor-element.elementor-element-411b234.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-2ced3b9{--padding-top:0px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-14 .elementor-element.elementor-element-1ac707a{padding:0px 25px 0px 5px;text-align:center;}.elementor-14 .elementor-element.elementor-element-84c8dcf{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for wp-widget-mod_vikbooking_horizontalsearch, class: .elementor-element-411b234 *//* 🤍 Bijela boja teksta u Vik Booking Search Formu */
.vbo-horisearch-lbl-dt-4,
.vbo-horisearch-lbl-dt-5,
.vbo-horisearch-lbl-dt-6,
.vbmodhorsearchcheckindiv label,
.vbmodhorsearchcheckoutdiv label,
.vbmodhorsearchguestsdiv label,
.vbo-horisearch-placeholder,
.vbo-horisearch-showcalendar,
.vbo-horisearch-guests {
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
}
/* 🤍 Labela "Guests" u VikBooking Search Formu */
.vbmodhorsearch-hum-guests-wrap label,
.vbmodhorsearch-hum-dates-wrap label {
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important; /* bolja čitljivost na pozadini */
}
.vbo-horizsearch-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}
/* === 🖤 DARK MODE za Vik Booking horizontalni search === */

/* Glavni placeholderi (npr. Select date) */
.vbo-horizsearch-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Polja (Check-in, Check-out, Guests...) */
.vbo-horizsearch-calendar-from,
.vbo-horizsearch-calendar-to,
.vbo-horizsearch-dpicker-cont,
.vbmodhorsearch-humcalcont,
.vbmodhorsearch-hum-guests-wrap {
  background: #151516 !important;
  color: #ffffff !important;
  border: 1px solid #333 !important;
  box-shadow: none !important;
}

/* Broj gostiju i tekst unutar Guests sekcije */
.vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count > div span {
  color: #ffffff !important;
}

/* Ako ima ikonica (npr. "+" i "−" za broj gostiju) */
.vbmodhorsearch-hum-guests-wrap i,
.vbmodhorsearch-hum-guests-wrap svg {
  color: #ffffff !important;
  opacity: 0.9;
}

/* Na hover (blago zlatno ako želiš efekat) */
.vbo-horizsearch-placeholder:hover,
.vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count > div span:hover {
  color: #d4b998 !important; /* zlatna nijansa */
  transition: color 0.3s ease;
}
/* === 🖤 CLEAN DARK MODE bez border-a === */

/* Sva polja (Check-in, Check-out, Guests...) */
.vbo-horizsearch-calendar-from,
.vbo-horizsearch-calendar-to,
.vbo-horizsearch-dpicker-cont,
.vbmodhorsearch-humcalcont,
.vbmodhorsearch-hum-guests-wrap {
  background: #151516 !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Placeholder tekstovi (Select date, Guests, itd.) */
.vbo-horizsearch-placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Broj gostiju i tekst unutar Guests sekcije */
.vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count > div span {
  color: #ffffff !important;
}

/* Label-e iznad polja (Check-in date, Guests...) */
.vbo-horizsearch-lbl-dt-463,
.vbo-horizsearch-lbl-dt-815,
.vbmodhorsearch-hum-dates-wrap label {
  color: #ffffff !important;
}

/* Dugme “Search” ako želiš da bude skladno s tamnom temom */
.vbo-horizsearch-btn {
  background: #d4b998 !important; /* zlatna nijansa */
  color: #1b1b1b !important;
  border: none !important;
  transition: all 0.3s ease;
}
.vbo-horizsearch-btn:hover {
  background: #e1c9a3 !important;
}
/* === 🔥 Uklanjanje zelene konture (outline/border/focus) iz Vik Booking kalendara === */

.vbo-horizsearch-showcalendar,
.vbo-horizsearch-calendar-from,
.vbo-horizsearch-calendar-to,
.vbo-horizsearch-dpicker-cont,
.vbo-horizsearch-showcalendar *,
.vbo-horizsearch-calendar-from *,
.vbo-horizsearch-calendar-to *,
.vbo-horizsearch-dpicker-cont * {
  outline: none !important;
  border-color: #1b1b1b !important;
  box-shadow: none !important;
}

/* Dodatno — poništavanje svih hover/focus efekata */
.vbo-horizsearch-showcalendar:hover,
.vbo-horizsearch-showcalendar:focus,
.vbo-horizsearch-showcalendar:focus-within,
.vbo-horizsearch-calendar-from:hover,
.vbo-horizsearch-calendar-from:focus,
.vbo-horizsearch-calendar-from:focus-within,
.vbo-horizsearch-calendar-to:hover,
.vbo-horizsearch-calendar-to:focus,
.vbo-horizsearch-calendar-to:focus-within {
  outline: none !important;
  border: 1px solid #1b1b1b !important; /* ista boja kao pozadina */
  box-shadow: none !important;
  background: #1b1b1b !important; /* čista tamna pozadina */
}

/* Ako još nešto preuzima fokus iz font-awesome ikonica */
.vbo-horizsearch-showcalendar i:focus,
.vbo-horizsearch-showcalendar span:focus {
  outline: none !important;
}
/* === 🔥 Uklanjanje zelene konture (outline/border/focus) iz Guests boxa === */

.vbmodhorsearch-hum-guests-count,
.vbmodhorsearch-hum-guests-count * {
  outline: none !important;
  border-color: #1b1b1b !important;
  box-shadow: none !important;
  background: #1b1b1b !important; /* tamna pozadina */
  transition: background 0.3s ease !important;
}

/* Dodatno — poništavanje svih hover/focus efekata i dodavanje blagog hover tona */
.vbmodhorsearch-hum-guests-count:hover,
.vbmodhorsearch-hum-guests-count:focus,
.vbmodhorsearch-hum-guests-count:focus-within {
  outline: none !important;
  border: 1px solid #1b1b1b !important; /* ista kao pozadina */
  box-shadow: none !important;
  background: #222 !important; /* blago svjetlija nijansa na hover */
}
/* === Guests sekcija – bez unutrašnjih boxova, bez hover efekta === */

/* Glavni container za sve (Rooms, Adults, Children) */
.vbmodhorsearch-hum-guests-count {
  background: #151516 !important; /* ista pozadina kao ostatak */
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: flex !important;
  gap: 20px !important; /* razmak između elemenata */
  padding: 10px 15px !important;
}

/* Pojedinačni elementi unutar guests boxa */
.vbmodhorsearch-hum-guests-count > div {
  background: #151516 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Brojevi i tekst (Rooms, Adults, Children) */
.vbmodhorsearch-hum-guests-count span,
.vbmodhorsearch-hum-guests-count div {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Hover kompletno isključen */
.vbmodhorsearch-hum-guests-count:hover,
.vbmodhorsearch-hum-guests-count:focus,
.vbmodhorsearch-hum-guests-count *:hover,
.vbmodhorsearch-hum-guests-count *:focus {
  background: #151516 !important;
  border: none !important;
  box-shadow: none !important;
}
.vbmodhorsearch-hum-guests-wrap {
  position: relative !important;
  transform: translateY(-8px) !important; /* podigni 8px gore */
}
.vbmodhorsearch-hum-guests-wrap label {
  position: relative !important;
  top: 5px !important; /* spusti za 5px – po potrebi promijeni */
}
/* 1) Pregazi pravilo koje ga gura dole */
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
  align-self: center !important;   /* umjesto flex-end */
  float: none !important;          /* ukloni float */
  display: flex !important;
  align-items: center !important;
}

/* 2) Nudge: pomjeri SAMO dugme gore (po klasi – radi i kad se ID mijenja) */
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn.vbsearchinputmodhors.vbo-pref-color-btn {
  position: relative !important;
  top: 13px !important;            /* fino poravnanje: probaj -6px do -12px */
  margin-top: 0 !important;        /* za svaki slučaj pregazi moguće margine */
}
/* === Guests modifier popup (dropdown) dark mode === */
.vbmodhorsearch-hum-guests-modifier {
  background: #1b1b1b !important;      /* crna pozadina */
  color: #ffffff !important;           /* bijela slova */
  border: 1px solid #333 !important;   /* diskretan sivi rub */
  box-shadow: none !important;         /* bez sjene */
}

/* Tekst i brojevi unutar (Rooms, Adults, Children) */
.vbmodhorsearch-hum-guests-modifier * {
  color: #ffffff !important;
}

/* Ako postoje inputi ili select polja */
.vbmodhorsearch-hum-guests-modifier input,
.vbmodhorsearch-hum-guests-modifier select {
  background: #2a2a2a !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
}

/* Hover efekat za dugmiće (+, –) ako ih ima */
.vbmodhorsearch-hum-guests-modifier button:hover,
.vbmodhorsearch-hum-guests-modifier i:hover {
  color: #d4b998 !important; /* zlatna nijansa na hover */
  cursor: pointer;
}
/* === Tamni dropdown za Guests / Rooms === */
.vbmodhorsearch-hum-guests-modifier select,
.vbmodhorsearch-hum-guests-modifier-inner select,
.vbmodhorsearchroomsel select,
.vbhrsnelsp select {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
  border: 1px solid #333 !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;       /* uklanja nativni stil browsera */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* === Dropdown opcije === */
.vbmodhorsearch-hum-guests-modifier select option,
.vbmodhorsearchroomsel select option,
.vbhrsnelsp select option {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
}

/* === Kada je dropdown aktivan (kliknut) === */
.vbmodhorsearch-hum-guests-modifier select:focus,
.vbmodhorsearchroomsel select:focus,
.vbhrsnelsp select:focus {
  background-color: #1b1b1b !important;
  color: #ffffff !important;
  border-color: #d4b998 !important; /* suptilna zlatna linija */
  box-shadow: none !important;
  outline: none !important;
}
/* === POTPUNI TAMNI MOD ZA KALENDAR === */
.ui-datepicker,
.ui-widget.ui-widget-content,
.vbo-horizsearch-dpicker-cont.hasDatepicker,
.vbo-horizsearch-dpicker-cont .ui-datepicker-inline,
.ui-datepicker-calendar {
  background: #1b1b1b !important;   /* tamna pozadina svuda */
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ukloni bijelu pozadinu ćelija */
.ui-datepicker td,
.ui-datepicker tr,
.ui-datepicker th {
  background: #1b1b1b !important;
  border: none !important;
}

/* Datumi (tekst) */
.ui-datepicker td a,
.ui-datepicker td span {
  background: none !important;
  color: #ffffff !important;
  border: none !important;
}

/* Trenutni dan */
.ui-datepicker-today a {
  background: #222 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
}

/* Hover efekat */
.ui-datepicker td a:hover {
  background: #2a2a2a !important;
  color: #d4b998 !important; /* zlatni ton na hover */
  border-radius: 4px !important;
}

/* Nazivi mjeseci i navigacija */
.ui-datepicker-title,
.ui-datepicker-title select,
.ui-datepicker-prev,
.ui-datepicker-next {
  background: none !important;
  color: #ffffff !important;
  border: none !important;
  opacity: 0.9 !important;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  color: #d4b998 !important;
  opacity: 1 !important;
}

/* Ukloni sve plave/bijele slojeve koje plugin ubacuje */
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-default {
  background: none !important;
  border: none !important;
  color: #ffffff !important;
}

/* Hover efekat – zlatna pozadina, crni tekst */
.ui-datepicker td a:hover {
  background: #d4b998 !important;   /* zlatna */
  color: #000000 !important;        /* crni broj */
  border-radius: 4px !important;    /* lagano zaobljeno */
  transition: all 0.25s ease-in-out !important;
}

/* Fokusirani / aktivni dan (kad klikneš) može ostati u istom tonu */
.ui-datepicker .ui-state-active {
  background: #d4b998 !important;
  color: #000000 !important;
  border-radius: 4px !important;
}

.vbmodhorsearchtotnights,
.vbmodhorsearchtotnights * {
  color: #ffffff !important;
}



/* === samo za mobile verziju === */
@media (max-width: 767px) {
  /* Centriraj sve elemente unutar form-e */
  .vbo-mod-horsearch-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Datumi i polja */
  .vbo-horizsearch-showcalendar,
  .vbo-horizsearch-calendar-from,
  .vbo-horizsearch-calendar-to {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 10px auto !important;
    width: 100% !important;
    max-width: 320px !important;
  }

  /* Luksuzni izgled polja */
  .vbo-horizsearch-showcalendar {
    background-color: #1b1b1b !important;
    border: 1px solid #d4b998 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
  }

  .vbo-horizsearch-showcalendar:hover {
    background-color: #2a2a2a !important;
    border-color: #bfa27f !important;
    transform: scale(1.02);
  }

  .vbo-horizsearch-placeholder {
    text-align: center !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    width: 100% !important;
  }

  .vbo-horizsearch-showcalendar i {
    color: #d4b998 !important;
    margin-right: 8px !important;
    font-size: 16px !important;
  }

  /* SEARCH dugme */
  .vbmodhorsearchbookdiv {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  .vbmodhorsearchbookdiv .btn {
    background-color: #d4b998 !important;
    color: #111 !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 30px !important;
    transition: all 0.3s ease !important;
  }

  .vbmodhorsearchbookdiv .btn:hover {
    background-color: #bfa27f !important;
    transform: scale(1.03);
  }
}

/* === Center "Check-in date" / "Check-out date" / "Guests" ONLY on mobile === */
@media (max-width: 767px) {
  /* roditelji na center (fallback) */
  .vbo-horizsearch-humdates-wrap,
  .vbo-horizsearch-humcalcont,
  .vbo-horizsearch-guests-wrap {
    text-align: center !important;
  }

  /* sve labele sa dinamičkim klasama tipa vbo-horizsearch-lbl-dt-### */
  [class^="vbo-horizsearch-lbl-dt"],
  [class*=" vbo-horizsearch-lbl-dt"],
  .vbo-horizsearch-humdates-wrap label,
  .vbo-horizsearch-humcalcont label,
  .vbo-horizsearch-gueststitle {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 6px auto !important;
    font-weight: 600 !important;
    align-self: center !important;     /* ako je roditelj flex */
    margin-left: 0 !important;         /* poništi eventualni left offset */
  }
}
@media (max-width: 767px) {
  /* Samo riječ "Guests" */
  .vbmodhorsearch-hum-guests-wrap > label {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto 8px auto !important;
    font-weight: 600 !important;
    position: relative !important;
    left: 0 !important; /* poništi pomak udesno */
  }

  /* Fallback ako roditelj vuče sve udesno (ne dira brojeve, samo izravnava centar) */
  .vbmodhorsearch-hum-guests-wrap {
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  /* Centriraj kompletan Guests count blok */
  .vbmodhorsearch-hum-guests-count {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important; /* razmak između stavki */
    float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* Poravnaj unutrašnje elemente */
  .vbmodhorsearch-hum-guests-count > div {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important; /* razmak između broja i teksta */
  }

  /* Brojevi i tekst — čitljivost */
  .vbmodhorsearch-hum-guests-count strong {
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  .vbmodhorsearch-hum-guests-count span {
    color: #d4b998 !important; /* champagne gold */
    font-weight: 500 !important;
    text-transform: uppercase !important;
  }
}/* End custom CSS */