/* Colors come from the Divi Variable Manager via Maestral_Divi_Boje (--mst-boja-*); hex values are fallbacks only. */
.mst-hn{--hn-brand:var(--mst-boja-sekundarna,#167d96);--hn-dark:var(--mst-boja-primarna,#124e66);--hn-text:var(--mst-boja-tekst,#263238);--hn-muted:var(--mst-boja-opis,#555b66);--hn-line:var(--mst-boja-linija,#e3e8f0);--hn-soft:var(--mst-boja-pozadina,#f4f8f9);--hn-white:var(--mst-boja-bela,#fff);--hn-cta:var(--mst-boja-dugme,#c94a14);width:min(1080px,calc(100% - 40px));margin:24px auto 30px;position:relative;z-index:3;font-family:inherit;color:var(--hn-text);text-align:left;box-sizing:border-box}
.mst-hn *{box-sizing:border-box}
.mst-hn [hidden]{display:none!important}
.mst-hn-card{background:var(--hn-white);border:1px solid color-mix(in srgb,var(--hn-line) 70%,transparent);border-radius:20px;box-shadow:0 1px 2px #0f2d3d0f,0 18px 48px -12px #0f2d3d33;padding:10px 10px 4px;overflow:visible}
.mst-hn button,.mst-hn select,.mst-hn input{font:inherit;letter-spacing:normal;text-transform:none}

/* Tabs: segmented pills */
.mst-hn-tabs{display:flex;gap:4px;padding:4px;margin:0 0 10px;background:var(--hn-soft);border-radius:14px;width:max-content;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
.mst-hn-tabs::-webkit-scrollbar{display:none}
.mst-hn .mst-hn-tab{appearance:none;background:transparent;border:0;border-radius:10px;padding:9px 16px;color:var(--hn-muted);white-space:nowrap;cursor:pointer;font-size:.9rem;line-height:1.3;font-weight:600;flex-shrink:0;margin:0;transition:background .18s,color .18s,box-shadow .18s}
.mst-hn .mst-hn-tab:hover{color:var(--hn-dark);background:color-mix(in srgb,var(--hn-white) 60%,transparent)}
.mst-hn .mst-hn-tab[aria-selected=true]{color:var(--hn-dark);background:var(--hn-white);box-shadow:0 1px 3px #0f2d3d1f,0 1px 1px #0f2d3d0d}

/* Search bar: one rounded surface split into segments */
.mst-hn-panel{padding:0}
.mst-hn-form{display:flex;align-items:stretch;gap:8px;min-width:0;margin:0;padding:6px;background:var(--hn-soft);border:1px solid var(--hn-line);border-radius:16px}
.mst-hn-fields{display:flex;flex:1 1 0;min-width:0;align-items:stretch;gap:0}
.mst-hn-field{display:flex;align-items:center;gap:12px;padding:8px 14px;min-width:0;flex:1 1 0;position:relative;border-radius:12px;transition:background .18s,box-shadow .18s}
.mst-hn-field+.mst-hn-field::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--hn-line);transition:opacity .18s}
.mst-hn-field:not(.mst-hn-field-disabled):hover{background:color-mix(in srgb,var(--hn-white) 70%,transparent)}
.mst-hn-field:focus-within{background:var(--hn-white);box-shadow:0 2px 10px #0f2d3d1a}
.mst-hn-field:hover::before,.mst-hn-field:focus-within::before,.mst-hn-field:hover+.mst-hn-field::before,.mst-hn-field:focus-within+.mst-hn-field::before{opacity:0}
.mst-hn-field-disabled{opacity:.5}
.mst-hn .mst-hn-control select:disabled{cursor:default;color:var(--hn-muted);-webkit-text-fill-color:var(--hn-muted);opacity:1}
.mst-hn-field-icon{color:var(--hn-brand);display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--hn-brand) 10%,var(--hn-white))}
.mst-hn svg{width:20px;height:20px;flex-shrink:0;display:block}
.mst-hn-field-icon svg{width:18px;height:18px}
.mst-hn-control{min-width:0;flex:1}
.mst-hn-control label{display:block;font-size:.7rem;font-weight:700;color:var(--hn-muted);text-transform:uppercase;letter-spacing:.06em;line-height:1.4;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mst-hn .mst-hn-control select{appearance:none;-webkit-appearance:none;width:100%;height:26px;min-height:26px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23708598' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;border:0;border-radius:4px;padding:0 22px 0 0;color:var(--hn-dark);font-size:.95rem;font-weight:600;line-height:1.3;cursor:pointer;text-overflow:ellipsis;box-shadow:none;margin:0}
.mst-hn .mst-hn-control select:focus-visible{outline:0}
.mst-hn .mst-hn-submit{appearance:none;border:0;border-radius:12px;background:var(--hn-cta);color:var(--hn-white);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 26px;min-height:56px;font-size:.95rem;line-height:1.2;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:0 6px 16px -4px color-mix(in srgb,var(--hn-cta) 55%,transparent);margin:0;transition:filter .18s,transform .18s,box-shadow .18s}
.mst-hn .mst-hn-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 22px -6px color-mix(in srgb,var(--hn-cta) 60%,transparent)}
.mst-hn .mst-hn-submit:active{transform:none}
.mst-hn .mst-hn-submit:disabled{opacity:.6;cursor:default;transform:none}
.mst-hn .mst-hn-loading{font-size:.9rem;color:var(--hn-muted);margin:0;padding:14px}
.mst-hn .mst-hn-status{font-size:.8rem;color:var(--hn-muted);line-height:1.5;margin:8px 4px 0;padding:0}
.mst-hn .mst-hn-status:empty{display:none}

/* Search by property name */
.mst-hn-object{margin:4px 4px 0;padding:0}
.mst-hn .mst-hn-object-toggle{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 10px;margin:0 0 0 -6px;background:none;border:0;border-radius:10px;color:var(--hn-muted);font-size:.82rem;line-height:1.5;cursor:pointer;text-align:left;transition:background .18s}
.mst-hn .mst-hn-object-toggle:hover{background:var(--hn-soft)}
.mst-hn-object-toggle svg{width:17px;height:17px;color:var(--hn-brand)}
.mst-hn-object-toggle strong{color:var(--hn-brand);font-weight:700}
.mst-hn-object-toggle [data-toggle-sign]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--hn-brand) 12%,var(--hn-white));font-size:15px;line-height:1;margin-left:2px;color:var(--hn-brand)}
.mst-hn-object-search{position:relative;max-width:620px;padding:2px 0 14px}
.mst-hn-object-search>label{display:block;font-size:.8rem;font-weight:600;color:var(--hn-dark);margin-bottom:6px}
.mst-hn .mst-hn-object-search input{display:block;width:100%;min-height:48px;background:var(--hn-soft);border:1px solid var(--hn-line);border-radius:12px;color:var(--hn-dark);padding:11px 14px;font-size:16px;line-height:1.4;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}
.mst-hn .mst-hn-object-search input:focus{background:var(--hn-white);border-color:var(--hn-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--hn-brand) 15%,transparent);outline:0}
.mst-hn #mst-hn-suggestions{list-style:none;margin:6px 0 0;padding:6px;position:absolute;top:76px;left:0;right:0;background:var(--hn-white);border:1px solid var(--hn-line);border-radius:14px;box-shadow:0 18px 40px -10px #0f2d3d40;max-height:320px;overflow:auto;z-index:10}
.mst-hn-suggestion{padding:10px 12px;border-radius:10px;cursor:pointer;line-height:1.4;list-style:none}
.mst-hn-suggestion:hover,.mst-hn-suggestion[aria-selected=true]{background:var(--hn-soft)}
.mst-hn-suggestion-name{display:block;font-size:.9rem;font-weight:600;color:var(--hn-dark)}
.mst-hn-suggestion-place{display:block;font-size:.78rem;color:var(--hn-muted);margin-top:2px}

/* Accessibility: visible keyboard focus */
.mst-hn button:focus-visible,.mst-hn input:focus-visible{outline:2px solid var(--hn-brand);outline-offset:3px}
.mst-hn-field:has(select:focus-visible){box-shadow:0 0 0 2px var(--hn-brand)}
.mst-hn noscript p{font-size:.9rem;padding:12px 16px}
.mst-hn noscript a{margin-right:12px}

/* Dropdown lists: styled picker where the browser supports it (Chrome 135+), padded native options elsewhere */
.mst-hn .mst-hn-control option{padding:8px 14px}
@supports (appearance:base-select){
.mst-hn .mst-hn-control select,.mst-hn .mst-hn-control select::picker(select){appearance:base-select}
.mst-hn .mst-hn-control select{display:flex;align-items:center;gap:0;color:var(--hn-dark)}
.mst-hn .mst-hn-control select::picker-icon{display:none}
.mst-hn .mst-hn-control select::picker(select){margin-top:10px;min-width:max(220px,anchor-size(width));max-height:min(300px,45vh);padding:6px;border:1px solid var(--hn-line);border-radius:14px;background:var(--hn-white);box-shadow:0 18px 40px -10px #0f2d3d40;overflow:auto}
.mst-hn .mst-hn-control option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--hn-text);font-size:.95rem;font-weight:500;line-height:1.35;cursor:pointer}
.mst-hn .mst-hn-control option:hover,.mst-hn .mst-hn-control option:focus-visible{background:var(--hn-soft);outline:0}
.mst-hn .mst-hn-control option:checked{color:var(--hn-dark);font-weight:700;background:color-mix(in srgb,var(--hn-brand) 10%,var(--hn-white))}
.mst-hn .mst-hn-control option::checkmark{order:1;margin-left:auto;color:var(--hn-brand)}
}

/* Search sits inside the hero image. The hero slide reserves room at its bottom for the card:
   --mst-hn-h is the card height, measured by navigation.js; the defaults below match the real
   height so nothing shifts while the page loads. Documented exception to "Divi controls spacing":
   the room depends on this component's own height, which Divi cannot know. */
:root{--mst-hn-h:187px;--mst-hn-gap:36px}
.maestral-home-hero .et_pb_slide_0 .et_pb_slide_description{padding-bottom:calc(var(--mst-hn-h) + 2 * var(--mst-hn-gap))}
.mst-hn{margin-top:calc(-1 * (var(--mst-hn-h) + var(--mst-hn-gap)))}
@media(min-width:981px){.mst-hn-fields:empty{display:none}}
@media(max-width:980px){.mst-hn-field{gap:8px;padding:8px 10px}.mst-hn-field-icon{flex-basis:30px;height:30px}.mst-hn-field-icon svg{width:16px;height:16px}.mst-hn .mst-hn-submit{padding:0 16px}}
@media(max-width:767px){
:root{--mst-hn-h:367px;--mst-hn-gap:16px}
.mst-hn{width:calc(100% - 24px);margin-bottom:22px}
.mst-hn-card{border-radius:18px;padding:8px 8px 2px}
.mst-hn-tabs{width:auto;margin-bottom:8px}
.mst-hn .mst-hn-tab{font-size:.85rem;padding:9px 13px}
.mst-hn-form{flex-direction:column;gap:6px;padding:4px;align-items:stretch}
.mst-hn-fields{flex-direction:column;gap:0;flex:auto}
.mst-hn-field{padding:10px 12px;gap:12px;flex:auto}
.mst-hn-field+.mst-hn-field::before{left:12px;right:12px;top:0;bottom:auto;width:auto;height:1px}
.mst-hn-field-icon{flex-basis:36px;height:36px}
.mst-hn-field-icon svg{width:18px;height:18px}
.mst-hn .mst-hn-control select{font-size:16px;height:27px;min-height:27px}
.mst-hn .mst-hn-submit{width:100%;min-height:52px;font-size:1rem}
.mst-hn #mst-hn-suggestions{max-height:260px}
.mst-hn .mst-hn-object-toggle{font-size:.8rem;gap:6px;display:flex;width:calc(100% + 6px)}
.mst-hn .mst-hn-object-toggle svg{flex:0 0 17px}
.mst-hn-object-toggle [data-toggle-sign]{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.mst-hn *{scroll-behavior:auto!important;transition:none!important}.mst-hn .mst-hn-submit:hover{transform:none}}