.elementor-60883 .elementor-element.elementor-element-9ed60b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1em 1em;--row-gap:1em;--column-gap:1em;--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-60883 .elementor-element.elementor-element-3b02219{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-60883 .elementor-element.elementor-element-3b02219:not(.elementor-motion-effects-element-type-background), .elementor-60883 .elementor-element.elementor-element-3b02219 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD5D5;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-60883 .elementor-element.elementor-element-936f55c .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-60883 .elementor-element.elementor-element-991e74b{color:var( --e-global-color-secondary );}.elementor-60883 .elementor-element.elementor-element-9bfdf1a{--display:flex;--min-height:800px;--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;--gap:0em 1em;--row-gap:0em;--column-gap:1em;--margin-top:2em;--margin-bottom:2em;--margin-left:0em;--margin-right:0em;}.elementor-60883 .elementor-element.elementor-element-90979ac{--display:flex;--min-height:1000px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-60883 .elementor-element.elementor-element-90979ac:not(.elementor-motion-effects-element-type-background), .elementor-60883 .elementor-element.elementor-element-90979ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-70c7dd4 );}.elementor-60883 .elementor-element.elementor-element-1780e35{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:auto;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-60883 .elementor-element.elementor-element-1780e35:not(.elementor-motion-effects-element-type-background), .elementor-60883 .elementor-element.elementor-element-1780e35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-70c7dd4 );}.elementor-60883 .elementor-element.elementor-element-55a7368.elementor-element{--align-self:center;}.elementor-60883 .elementor-element.elementor-element-e5be86d{--display:flex;--min-height:750px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-60883 .elementor-element.elementor-element-e5be86d:not(.elementor-motion-effects-element-type-background), .elementor-60883 .elementor-element.elementor-element-e5be86d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-70c7dd4 );}.elementor-60883 .elementor-element.elementor-element-61c8d3a > .elementor-widget-container{border-style:none;border-radius:12px 12px 12px 12px;}.elementor-60883 .elementor-element.elementor-element-f2a85ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-60883 .elementor-element.elementor-element-90979ac{--width:20%;}.elementor-60883 .elementor-element.elementor-element-1780e35{--width:30%;}.elementor-60883 .elementor-element.elementor-element-e5be86d{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-4fc2363 *//* Hide the category filter, keep the marker list */
.map-list-only .wpgmza_filter_container {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90979ac *//* 1. THE UL RESET: Kill the horizontal wrap completely */
.wpgmza-marker-listing-category-filter.wpgmza-list-grouped .wpgmza_cat_checkbox_holder > ul {
    display: block !important; /* Forces <li>s to stack vertically */
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 2. THE GROUP CARD: Force full width */
.wpgmza-marker-listing-category-filter.wpgmza-list-grouped .wpgmza_cat_checkbox_holder > ul > li {
    display: block !important; /* Stack cards vertically */
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid var(--wpgmza-color-light);
    background: #fff;
    height: auto !important;
    border-radius: 12px !important;
    margin-bottom: 1.5rem !important;
    overflow: hidden !important;
    float: none !important; /* Stop any legacy floating */
}

/* 3. THE CARD HEADER: Medij, Općina, etc. */
.wpgmza-marker-listing-category-filter.wpgmza-list-grouped .wpgmza_cat_checkbox_holder > ul > li > label {
    display: block !important;
    background: var(--wpgmza-color-light);
    padding: 12px 16px !important;
    font-weight: 600;
    pointer-events: none;
    margin: 0 !important;
    width: 100% !important;
}

/* 4. THE INNER ITEMS: Vertical listing fix */
/* This targets the <div> or <li> that holds the checkbox + label */
.wpgmza_cat_checkbox_item_holder {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important; /* Overrides any 33% or 50% width */
    max-width: 100% !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid #f0f0f0;
    float: none !important; /* Kills horizontal float */
    box-sizing: border-box !important;
}

.wpgmza_cat_checkbox_item_holder:last-child {
    border-bottom: none;
}

/* 5. CHECKBOX & TEXT ALIGNMENT */
.wpgmza_cat_checkbox_item_holder input[type="checkbox"] {
    margin: 0 12px 0 0 !important;
    flex-shrink: 0 !important; /* Stops the checkbox from becoming a sliver */
    width: 18px !important;
    height: 18px !important;
}

.wpgmza_cat_checkbox_item_holder label {
    font-size: 14px !important;
    color: #333 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important;
}

/* 6. CLEANUP STRAY ELEMENTS */
.wpgmza_filter_container br,
.wpgmza_cat_checkbox_holder br {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1780e35 *//* 1. Article Title: Force Black */
.elementor-60883 .elementor-element.elementor-element-1780e35 .wpgmza_marker_listing h3, 
.elementor-60883 .elementor-element.elementor-element-1780e35 .wpgmza_marker_listing h3 a {
    color: #000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-bottom: 10px !important;
}

/* 2. Location: Icon and Text in one line */
.elementor-60883 .elementor-element.elementor-element-1780e35 .wpgmza_marker_address {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #444 !important; /* Adjust color as needed */
    font-size: 14px !important;
    margin-bottom: 15px !important;
}

/* 3. Thumbnail: 12px Border Radius */
.elementor-60883 .elementor-element.elementor-element-1780e35 .wpgmza_marker_listing img {
    border-radius: 12px !important;
    object-fit: cover !important;
}

/* 4. "Saznaj više": Red Button Style */
.elementor-60883 .elementor-element.elementor-element-1780e35 .wpgmza_marker_listing a.wpgmza_infowindow_link {
    display: inline-block !important;
    background-color: #e2234d !important; /* Matches your brand red */
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: background 0.3s ease;
    text-align: center;
}

/* Button Hover Effect */
.elementor-60883 .elementor-element.elementor-element-1780e35 .wpgmza_marker_listing a.wpgmza_infowindow_link:hover {
    background-color: #b01b3c !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bfdf1a *//* ============================================================
   DESKTOP ONLY (Screens 768px and wider)
   ============================================================ */
@media (min-width: 768px) {
    
    /* 1. Layout: Setup the 3-column side-by-side view */
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a {
        height: 90vh !important; 
        max-height: 900px !important;
        min-height: 600px !important;
        display: flex !important;
        overflow: hidden !important;
        align-items: stretch !important;
    }

    /* 2. Scrollable Columns: Safety net for Col 1 and Col 2 */
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a > .elementor-container > .elementor-column:nth-child(1),
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a > .elementor-container > .elementor-column:nth-child(2),
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a > .e-con-inner > .e-con:nth-child(1),
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a > .e-con-inner > .e-con:nth-child(2) {
        height: 100% !important;
        overflow-y: auto !important; 
        overflow-x: hidden !important;
        display: block !important;
        padding-right: 15px !important;
        padding-bottom: 50px !important;
    }

    /* 3. Filter Styling: Card design for Status and Categories */
    .wpgmza-marker-listing-category-filter ul,
    .wpgmza-marker-listing-category-filter.wpgmza-list-grouped .wpgmza_cat_checkbox_holder > ul > li > ul {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .wpgmza-marker-listing-category-filter.wpgmza-list-grouped .wpgmza_cat_checkbox_holder > ul > li {
        background: #fff !important;
        border: 1px solid #ddd !important;
        border-radius: 12px !important;
        margin-bottom: 24px !important;
        overflow: hidden !important;
        height: auto !important;
    }

    .wpgmza-marker-listing-category-filter.wpgmza-list-grouped .wpgmza_cat_checkbox_holder > ul > li > label {
        display: block !important;
        background: #f4f4f5 !important;
        padding: 12px 16px !important;
        font-weight: 600 !important;
        border-bottom: 1px solid #eee !important;
    }

    .wpgmza_cat_checkbox_item_holder {
        display: flex !important;
        padding: 10px 16px !important;
        border-bottom: 1px solid #f4f4f5 !important;
        align-items: center !important;
    }

    /* 4. Map Column: Fill remaining height */
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a > .elementor-container > .elementor-column:nth-child(3),
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a > .e-con-inner > .e-con:nth-child(3) {
        height: 100% !important;
    }

    /* 5. Inner Scroll Fix: Prevents categories from breaking the layout */
    .wpgmza_cat_checkbox_holder,
    .wpgmza-filter-widgets,
    .wpgmza_marker_category_checkbox_holder {
        max-height: 60vh !important; /* Reduced to ensure visibility of all content */
        height: auto !important;
        overflow-y: auto !important; 
        overflow-x: hidden;
        padding-right: 10px; 
    }

    /* 6. Branded Scrollbar Styling (Columns + Filters) */
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .elementor-column::-webkit-scrollbar,
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .e-con::-webkit-scrollbar,
    .wpgmza_cat_checkbox_holder::-webkit-scrollbar {
        width: 6px;
    }

    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .elementor-column::-webkit-scrollbar-track,
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .e-con::-webkit-scrollbar-track,
    .wpgmza_cat_checkbox_holder::-webkit-scrollbar-track {
        background: #f4f4f4; 
        border-radius: 4px;
    }

    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .elementor-column::-webkit-scrollbar-thumb,
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .e-con::-webkit-scrollbar-thumb,
    .wpgmza_cat_checkbox_holder::-webkit-scrollbar-thumb {
        background: #e2445c; /* Your Red Branding */
        border-radius: 4px;
    }

    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .elementor-column::-webkit-scrollbar-thumb:hover,
    .elementor-60883 .elementor-element.elementor-element-9bfdf1a .e-con::-webkit-scrollbar-thumb:hover,
    .wpgmza_cat_checkbox_holder::-webkit-scrollbar-thumb:hover {
        background: #c9354a; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5065883 *//* ============================================================
   MOBILE FILTERS (Medij, Općina, Status)
   ============================================================ */
@media (max-width: 767px) {
    /* 1. PERMANENTLY REMOVE "FILTER BY" AND JUNK TEXT NODES */
    #filter-wrapper .wpgmza-filter-title, 
    #filter-wrapper .wpgmza-category-filter-container > label:not([class]),
    #filter-wrapper p, 
    #filter-wrapper br {
        display: none !important;
        height: 0 !important;
        visibility: hidden !important;
        margin: 0 !important;
    }

    /* 2. MASTER TOGGLE BUTTON (Filteri pretrage) */
    .master-filteri-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #111827 !important;
        color: #ffffff !important;
        padding: 16px 20px !important;
        font-weight: 700 !important;
        border-radius: 12px !important;
        margin-bottom: 12px;
        cursor: pointer;
    }

    /* 3. CATEGORY ROW CARDS (Medij, Općina...) */
    #filter-wrapper .wpgmza_cat_checkbox_holder > ul > li {
        list-style: none !important;
        margin-bottom: 12px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        background: #f8fafc !important; /* Full row gray */
        overflow: hidden !important;
        cursor: pointer !important;
    }

    /* 4. THE ROW HEADER - Pushes arrow to the far right */
    #filter-wrapper .wpgmza_cat_checkbox_holder > ul > li > label {
        display: flex !important;
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 18px 20px !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        color: #1f2937 !important;
        background: transparent !important;
        cursor: pointer !important;
        pointer-events: none !important; /* Forces tap to hit the parent LI for JS */
    }

    /* ARROW ICON STYLE */
    #filter-wrapper .wpgmza_cat_checkbox_holder > ul > li > label::after {
        content: '▼';
        font-size: 12px;
        color: #94a3b8;
        transition: transform 0.3s ease;
    }

    /* Flip arrow when active */
    #filter-wrapper .wpgmza_cat_checkbox_holder > ul > li.is-active > label::after {
        transform: rotate(180deg);
        color: #111827;
    }

    /* 5. EXPANDED ITEMS LIST (White background inside gray card) */
    #filter-wrapper .wpgmza_cat_checkbox_holder > ul > li > ul {
        display: none !important;
        padding: 5px 20px 15px 20px !important;
        background: #ffffff !important; 
        border-top: 1px solid #e2e8f0;
    }

    /* Show when card has .is-active class */
    #filter-wrapper .wpgmza_cat_checkbox_holder > ul > li.is-active > ul {
        display: block !important;
    }

    /* Individual checkbox row styling */
    #filter-wrapper .wpgmza_cat_checkbox_item_holder {
        display: flex !important;
        align-items: center !important;
        padding: 12px 0 !important;
        border-bottom: 1px solid #f1f5f9 !important;
        pointer-events: auto !important;
    }

    #filter-wrapper .wpgmza_cat_checkbox_item_holder:last-child {
        border-bottom: none !important;
    }

    #filter-wrapper .wpgmza_cat_checkbox_item_holder label {
        margin-left: 12px !important;
        font-weight: 400 !important;
        color: #4b5563 !important;
        pointer-events: auto !important;
    }

    input[type="checkbox"] {
        width: 18px !important;
        height: 18px !important;
        accent-color: #111827 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f90b997 */.a {
    color: white;
}/* End custom CSS */