/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

:root {
    --primarni-font: 'Playfair Display', serif;
    --sekundarni-font: 'Red Hat Text', sans-serif;
    --primarna-boja: #FFFBF1;
    --sekundarna-boja: #FCF3E0;
    --neutralna-boja: #5E8F54;
    --booking-boja: #E3D4B2;
    --booking-boja-2: #FCF3E0;
    --primarni-tekst: #313131;
    --sekundarni-tekst: #6B6B6B;
    --dugme-boja: #DD7246;
    --tekst-u-karticama: #FFF;
    --footer-newsletter-drustvene-mreze: #F0E6CF;
}


/*==== DESKTOP ====*/
h1 {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--primarni-font);
    font-size: 64px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 75px;
}

h2 {
    /* color: #FFF !important; */
    color: #313131 !important;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--primarni-font);
    font-size: 48px !important;
    font-weight: 600;
    font-style: normal;
    line-height: 47px;
    /* 117.5% */
}


h3 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--primarni-font);
    font-size: 40px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;

    /* 117.5% */
}

h4 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--primarni-font);
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
}

h5 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--primarni-font);
    font-size: 20px !important;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 0px !important;
}


.body1 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--sekundarni-font);
    font-size: 24px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.body2 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--sekundarni-font);
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.body3 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--sekundarni-font);
    font-size: 18px !important;
    font-weight: 500;
    font-style: normal;
    line-height: 51px;
}

.body4 {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--sekundarni-font);
    font-size: 16px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
}

.button {
    color: var(--primarni-tekst);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--sekundarni-font);
    font-size: 18px !important;
    font-weight: 700;
    font-style: normal;
    line-height: 18px;
}


/*==== MOBILE ====*/
@media (max-width: 768px) {
    h1 {
        font-size: 44px !important;
        line-height: 55px;
    }

    h2 {
        font-size: 32px !important;
        line-height: 47px;
    }

    h3 {
        /* font-size: 32px !important;
        line-height: 47px;
        font-weight: 500;
        font-style: normal; */
        font-size: 32px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 33px;
    }

    h4 {
        font-size: 16px !important;
        line-height: 20px;
        font-weight: 700;
        font-style: normal;
    }

    h5 {
        font-size: 14px !important;
        line-height: 30px;
        font-weight: 600;
        font-style: normal;
    }

    .body1 {
        font-size: 18px !important;
        line-height: 25px;
    }

    .body2 {
        font-size: 14px !important;
        line-height: 21px;
    }

    .subhead-2 {
        color: var(--primarni-tekst);
        font-family: 'Outfit', sans-serif;
        font-size: 14px !important;
        font-weight: 400;
        font-style: normal;
        line-height: 20px;

    }
}


p {
    padding-bottom: 0px !important;
}

/*ukloniti kasnije*/

html,
body {
    overflow-x: hidden;
}


/*----------------------------------------MENU - FOOTER------------------------------------------------------------------------------*/
.et-menu-nav .menu-item a:hover {
    text-decoration-line: underline !important;
    text-underline-offset: 3px !important;
}

.et-menu-nav li.rezDugme>a:hover {
    text-decoration: none !important;
}

li.rezDugme {
    border: 2px solid white !important;
    transition-duration: .2s !important;
    transition-property: all !important;
}

li.rezDugme:hover {
    border: 2px solid transparent !important;
}

#menu-main-menu>li.smjestajDropdown>ul {
    border-radius: 20px;
    border: 1px solid #FFFCF5 !important;
    background: #FFFCF5 !important;
    border-top-color: transparent !important;
    width: 200px !important;
}

#menu-main-menu>li.smjestajDropdown>ul>li {
    position: relative !important;
    width: 200px;
}

#menu-main-menu>li.smjestajDropdown>ul>li:first-child::before {
    content: "";
    position: absolute !important;
    top: 13px !important;
    left: 24px !important;
    width: 22px !important;
    height: 22px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("/wp-content/uploads/2025/08/ion_bed-outline.svg")
}

#menu-main-menu>li.smjestajDropdown>ul>li:first-child:hover::before {
    background-image: url("/wp-content/uploads/2025/08/ion_bed-outline-orange.svg");
}

#menu-main-menu>li.smjestajDropdown>ul>li:nth-child(2)::before {
    content: "";
    position: absolute !important;
    top: 13px !important;
    left: 25px !important;
    width: 21px !important;
    height: 21px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-image: url("/wp-content/uploads/2025/08/tent-2.svg")
}

#menu-main-menu>li.smjestajDropdown>ul>li:nth-child(2):hover::before {
    background-image: url("/wp-content/uploads/2025/08/tent-2-orange.svg");
}

.et-menu .menu-item.et-hover>a:first-child:after {
    transform: rotate(180deg) !important;
}

.et-menu li.smjestajDropdown.menu-item.et-hover.et-show-dropdown>a {
    text-decoration: underline !important;
    text-decoration-color: #DD7246 !important;
    text-underline-offset: 3px !important;
}

ul.sub-menu li.current-menu-item:first-child::before {
    background-image: url("/wp-content/uploads/2025/08/ion_bed-outline-orange.svg") !important;
}

/* gasenje animacije prilikom hovera */
.nav li li a,
.et-menu a,
.et-menu a:hover {
    transition: none !important;
    -webkit-transition: none !important;
}

.et-touch-hover a:hover {
    font-weight: 500 !important;
    color: #313131 !important;
    opacity: 1 !important;
}

ul.sub-menu li.current-menu-item:nth-child(2)::before {
    background-image: url("/wp-content/uploads/2025/08/tent-2-orange.svg") !important;
}

.nav ul li a:hover {
    background-color: transparent;
}

ul.sub-menu li.menu-item.et-hover {
    text-decoration: none !important;
}

.rezDugme {
    display: flex !important;
    padding: 18px 30.20px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px;
    border-radius: 30px !important;
    background: #DD7246 !important;
    cursor: pointer !important;
}

.rezDugme a {
    color: #FFF !important;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

#slikaMeni img {
    width: 92px;
    height: 92px;
}

#et-boc>header>div>div>div {
    width: 95% !important;
}

#et-boc>header>div>div>div>div.et_pb_column.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu>div>div>div,
#et-boc>header>div>div>div>div.et_pb_column.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu>div>div>div>div,
#et-boc>header>div>div>div>div.et_pb_column.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu>div>div>div nav,
#et-boc>header>div>div>div>div.et_pb_column.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu>div>div>div>nav ul {
    width: 100%;
}

#menu-main-menu {
    width: 100%;
    justify-content: end !important;
    align-items: center !important;
}

#menu-main-menu>li {
    margin-right: 41px !important;
}

#menu-main-menu>li:last-child {
    margin-right: 0px !important;
    margin-top: 0px !important;
}

#menu-main-menu>li.desniDio {
    margin-left: auto !important;
    margin-right: 21px !important;
}

#menu-main-menu>li:last-child>a {
    padding-bottom: 0px !important;

}

#et-boc>header>div>div>div {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

#et-boc>header>div>div>div>div.et_pb_column.et_pb_column_3_4.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu>div>div>div>div.et_mobile_nav_menu {
    justify-content: end;
}

#menu-main-menu>li.smjestajDropdown>ul {
    border-top-color: #DD7246;
}

#menuBar {
    padding: 13px 0px !important;
}

#footerImage img {
    width: 149px;
    height: 149px;
}

#et-main-area>footer>div>div {
    position: relative;
    z-index: 1;
}

#et-main-area>footer>div>div::before {
    content: "";
    position: absolute;
    inset: 0;
    /* isto kao top: 0; right: 0; bottom: 0; left: 0; */
    background: url('/wp-content/uploads/2025/07/f1184226945923526c77c2c50fc05fc0920919c1.png') lightgray 50% / cover no-repeat;
    opacity: 0.5;
    z-index: -1;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4 {
    padding: 68px 0px 120px 0px;
}

#et-main-area>footer>div>div>div>div>div>div>div>ul>li>a,
#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul>a>li {
    color: #313131;
    text-align: left;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 100% */
}

#et-main-area>footer>div>div>div>div>div>div>div>ul,
#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul {
    list-style: none;
    padding: 0px
}

#et-main-area>footer>div>div>div>div>div>div>div>ul>li,
#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul>a>li {
    margin-bottom: 18px !important;
    cursor: pointer;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul>a>li {
    height: 26px !important;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4 {
    padding: 9px 0px 32px 0px;
    display: flex;
    align-items: center;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_5_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div>a {
    text-decoration: underline;
    color: #313131;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4 {
    color: #313131;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 100% */
}

.et_pb_social_media_follow li {
    width: 36px;
    height: 36px;
    margin-bottom: 0px;
    margin-right: 16px
}

.et_pb_social_media_follow li:last-child {
    margin-right: 0px;
}

#Newsletter {
    padding-left: 0px !important;
    background-color: transparent !important;
}
.et_pb_newsletter_result.et_pb_newsletter_success{
    text-align: left;
    padding:0px 0px 35px 0px;
}
#Newsletter div>h2 {
    color: var(--primarni-tekst) !important;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Playfair Display";
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 20px;
    /* 100% */
}
#Newsletter > div.et_pb_newsletter_form > form > div.et_pb_newsletter_result.et_pb_newsletter_success h2{
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 18px !important; /* 100% */   
}
.et_pb_newsletter_button:hover:after {
    display: none !important;
}

/*------------------------------------POCETNA:HERO I SEKCIJA ISPOD -------------------------------------------------------------------------------------------------*/
.hero-sekcije {
    position: relative;
    overflow: hidden;
}

.hero-sekcije::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    /* tamni overlay */
    z-index: 1;
}

.home-bg-section {
    position: relative;
    background-image: url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/07/lis╠ic╠ue-poc╠ietna.png'),
        url('/wp-content/uploads/2025/07/perunika-poc╠ietna.png');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left 0 top 18px, right 0 top 1211px, left 0 bottom 0;
    background-size: 237px 324px, 308px 396px, 463px 368px;
}




.hero-naslov-pocetna {
    color: #FFF;
}

.home-hero-podnaslov {
    color: #FFF !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    text-shadow: 0 0 22px #212A1F !important;
    font-family: "Red Hat Text" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    /* 125% */
}

.flex-redosled {
    display: flex;
    flex-wrap: wrap;
}

/* Desktop redosled */
@media (min-width: 768px) {
    .kolona-1 {
        order: 1;
    }

    .kolona-2 {
        order: 2;
    }
}

/* Mobile redosled */
@media (max-width: 767px) {
    .kolona-1 {
        order: 2;
    }

    .kolona-2 {
        order: 1;
    }
}



.flex-redosled2 {
    display: flex;
    flex-wrap: wrap;
}

/* Desktop redosled */
@media (min-width: 768px) and (max-width:980px) {
    .kolona-1-1 {
        order: 2;
    }

    .kolona-2-2 {
        order: 1;
    }
}

/* Mobile redosled */
@media (max-width: 767px) {
    .kolona-1-1 {
        order: 2;
    }

    .kolona-2-2 {
        order: 1;
    }
}




div.flex-redosled>div.kolona-2>div.body2>div>p {
    padding: 0px
}

/*Glavna slika da bude relative*/
.tamo-gdje-image-wrapper {
    position: relative;

}

/* Dodavanje male ikonice preko ::after */
.tamo-gdje-image-wrapper::after {
    content: "";
    position: absolute;
    bottom: -43px;
    left: -46px;
    width: 159.036px;
    height: 190.008px;
    flex-shrink: 0;
    aspect-ratio: 77/92;
    background-image: url('/wp-content/uploads/2025/09/Screenshot_2025-07-29_at_19.34.48-removebg-preview-removebg-preview-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

/* Glavna slika kao kontejner */
.tri-glamping-wrapper {
    position: relative;

}

/* Dodavanje male ikonice preko ::after */
.tri-glamping-wrapper::after {
    content: "";
    position: absolute;
    bottom: -42px;
    left: -43px;
    width: 125.03px;
    height: 192.043px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-image: url('/wp-content/uploads/2025/08/dzem.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

@media (min-width: 768px) and (max-width:980px) {
    .tri-glamping-wrapper span img {
        margin-top: -130px !important;
    }
}

/* Glavna slika kao kontejner */
.zatvori-laptop-image-wrapper {
    position: relative;

}

/* Dodavanje male korpe preko ::after */
.zatvori-laptop-image-wrapper::after {
    content: "";
    position: absolute;
    bottom: -113px;
    left: -95px;
    width: 364.059px;
    height: 429.421px;
    flex-shrink: 0;
    aspect-ratio: 68/121;
    background-image: url('/wp-content/uploads/2025/09/20183C7D-1D50-4FF5-80D0-496D0DF1F206-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}


/* Glavna slika kao kontejner */
.korpa_wrapper {
    position: relative;

}

/* Dodavanje male korpe preko ::after */
.korpa_wrapper::after {
    content: "";
    position: absolute;
    bottom: -96px;
    right: -136px;
    width: 221.426px;
    height: 294.553px;
    flex-shrink: 0;
    aspect-ratio: 106/141;
    background-image: url('/wp-content/uploads/2025/08/single-aktivnostP.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}

@media (min-width:767px) and (max-width:915px) {
    .korpa_wrapper::after {
        width: 180.426px;
        height: 234.553px;
        bottom: -86px;
        right: -86px;
    }
}

.h2Mjesto-gdje {
    color: #313131 !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Playfair Display" !important;
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 50px !important;
    /* 104.167% */
}


@media (min-width: 769px) and (max-width: 980px) {
    .home-bg-section {
        background-position: left 0 top 18px, right 0 top 2000px, left -56px bottom 0;
        background-size: 190px 241px, 265px 361px, 290px 262px;
    }
}

/* Tablet */
@media (max-width: 768px) {

    .home-bg-section {
        background-position: left 0 top 18px, right 0 top 2000px, left -56px bottom 0;
        background-size: 170px 221px, 245px 331px, 270px 232px;
    }

    .home-hero-podnaslov {
        font-size: 18px !important;
        line-height: 25px !important;
        /* 138.889% */
    }

    .tamo-gdje-image-wrapper::after {
        width: 200.898px;
        height: 200.898px;
        bottom: -47px;
        left: -96px;
    }

    .tri-glamping-wrapper::after {
        width: 131.898px;
        height: 131.898px;
        bottom: -28px;
        left: -61px;
    }

    .zatvori-laptop-image-wrapper::after {
        width: 119.898px;
        height: 117.898px;
        bottom: -24px;
        left: -36px;
    }

    .korpa_wrapper::after {
        bottom: -52px;
        right: -67px;
        width: 111.977px;
        height: 148.958px;
        flex-shrink: 0;
        aspect-ratio: 106/141;
    }

    #menuBar {
        padding: 8px 0px 10px 0px !important;
    }

    .svg-icon-list {
        margin-bottom: 6px !important;
    }

    .h2Mjesto-gdje {
        font-size: 32px !important;
        line-height: 35px !important;
        /* 103.125% */
    }

    .svg-icon-mjesec {
        width: 28.25px !important;
        height: 36.146px !important;
    }


    .svg-icon-zvijezda2 {
        width: 26.124px !important;
        height: 25.124px !important;
    }

    .svg-icon-zvijezda {
        width: 29px !important;
        height: 27.999px !important;
    }
}

/* Mobilni */
@media (max-width: 480px) {


    .home-bg-section {
        background-position: left 0 top 5px, right 0 top 1043px, left -56px bottom 0;
        background-size: 69px 103px, 126px 197px, 146px 103px;
    }



    .tamo-gdje-image-wrapper::after {
        width: 69.784px;
        height: 82.683px;
        bottom: -19px;
        left: -15px;
    }

    .tri-glamping-wrapper::after {
        width: 49.998px;
        height: 76.796px;
        bottom: -18px;
        left: -16px;
    }

    .zatvori-laptop-image-wrapper::after {
        width: 200.898px;
        height: 165.898px;
        bottom: -42px;
        left: -71px;
    }

}


.svg-icon-list {
    display: inline-block;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    vertical-align: baseline;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="36" viewBox="0 0 35 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.95 3.854C34.984 3.43821 35.0007 3.02118 35 2.604V0.104004H30.625C27.379 0.103463 24.2204 1.15588 21.6235 3.10325C19.0266 5.05063 17.1314 7.78786 16.2225 10.904C14.8216 9.0969 13.0254 7.6346 10.9718 6.62923C8.91813 5.62386 6.66153 5.10211 4.375 5.104H0V7.604C0 11.5823 1.58035 15.3976 4.3934 18.2106C7.20644 21.0237 11.0218 22.604 15 22.604H15.625V33.229C15.625 33.7263 15.8225 34.2032 16.1742 34.5548C16.5258 34.9065 17.0027 35.104 17.5 35.104C17.9973 35.104 18.4742 34.9065 18.8258 34.5548C19.1775 34.2032 19.375 33.7263 19.375 33.229V17.604H20C23.7622 17.6045 27.3873 16.1913 30.1564 13.6444C32.9255 11.0976 34.6365 7.60315 34.95 3.854ZM19.4425 13.854C19.75 11.1035 21.0606 8.56291 23.1236 6.71803C25.1867 4.87315 27.8574 3.85347 30.625 3.854H31.1825C30.875 6.60449 29.5644 9.1451 27.5014 10.99C25.4383 12.8349 22.7676 13.8545 20 13.854H19.4425ZM4.375 8.854C7.14262 8.85347 9.81332 9.87315 11.8764 11.718C13.9394 13.5629 15.25 16.1035 15.5575 18.854H15C12.2324 18.8545 9.56168 17.8349 7.49864 15.99C5.43561 14.1451 4.12501 11.6045 3.8175 8.854H4.375Z" fill="%23578E7D"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -2px;
}

.svg-icon-zvijezda {
    display: inline-block;
    width: 34.72px;
    height: 34.72px;
    flex-shrink: 0;
    aspect-ratio: 34.72/34.72;
    vertical-align: baseline;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='35' height='36' viewBox='0 0 35 36' fill='none'><path d='M13.2427 8.54343C15.0758 5.25634 15.9916 3.61279 17.3617 3.61279C18.7318 3.61279 19.6476 5.25634 21.4807 8.54343L21.9553 9.39414C22.4761 10.3288 22.7365 10.7961 23.1416 11.1042C23.5467 11.4124 24.0531 11.5267 25.0658 11.7553L25.986 11.9636C29.5451 12.7695 31.3232 13.1717 31.7471 14.5331C32.1695 15.8931 30.9571 17.3124 28.5309 20.1495L27.903 20.883C27.2143 21.6889 26.8685 22.0925 26.7137 22.5902C26.5589 23.0894 26.611 23.6276 26.7152 24.7025L26.8107 25.682C27.1767 29.4682 27.3604 31.3606 26.2522 32.2012C25.144 33.0418 23.4773 32.275 20.1468 30.7414L19.2831 30.345C18.3369 29.9081 17.8638 29.6911 17.3617 29.6911C16.8597 29.6911 16.3866 29.9081 15.4404 30.345L14.5781 30.7414C11.2462 32.275 9.57948 33.0418 8.47269 32.2027C7.36301 31.3606 7.54675 29.4682 7.91278 25.682L8.00827 24.704C8.11244 23.6276 8.16452 23.0894 8.00827 22.5917C7.85491 22.0926 7.50913 21.6889 6.82046 20.8845L6.19256 20.1495C3.76631 17.3138 2.5539 15.8945 2.97636 14.5331C3.39882 13.1717 5.17981 12.768 8.7389 11.9636L9.65905 11.7553C10.6704 11.5267 11.1753 11.4124 11.5818 11.1042C11.9884 10.7961 12.2473 10.3288 12.7682 9.39414L13.2427 8.54343Z' stroke='%23E9C13F' stroke-width='2'/></svg>");
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -5px;
}

.svg-icon-planina {
    display: inline-block;
    width: 36.737px;
    height: 30.559px;
    flex-shrink: 0;
    vertical-align: baseline;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='32' viewBox='0 0 37 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.0405 2.23451L23.0871 14.5846L24.6459 11.4023C25.643 9.36503 28.1366 9.36503 29.1354 11.4023L36.6181 26.682C36.8456 27.1466 36.9653 27.6735 36.9653 28.2099C36.9653 28.7464 36.8456 29.2733 36.6181 29.7379C36.3906 30.2025 36.0634 30.5882 35.6693 30.8565C35.2753 31.1247 34.8283 31.2659 34.3733 31.2659H26.8906V31.2618L26.7662 31.2659H2.82182C2.36667 31.2662 1.91946 31.1253 1.52517 30.8572C1.13089 30.5891 0.803427 30.2034 0.575723 29.7388C0.348019 29.2742 0.2281 28.7471 0.228027 28.2105C0.227954 27.6739 0.34773 27.1467 0.575308 26.682L12.5492 2.23451C13.5463 0.19722 16.04 0.19722 17.0388 2.23451M14.794 15.3791L13.161 16.6626L12.9605 16.7971C12.7243 16.9331 12.4648 17.0039 12.2019 17.0039C11.939 17.0039 11.6795 16.9331 11.4433 16.7971L11.2428 16.6626L9.96574 15.6582L4.31835 27.1913H25.2697L19.6223 15.6603L18.3435 16.6626L18.1448 16.7971C17.9085 16.9331 17.6491 17.0039 17.3862 17.0039C17.1232 17.0039 16.8638 16.9331 16.6275 16.7971L16.4271 16.6626L14.794 15.3791ZM26.8906 14.9676L25.0831 18.6591L29.011 26.682L29.1233 26.9346L29.2115 27.1913H32.8767L26.8906 14.9676ZM14.794 5.79977L11.6973 12.1235L12.2019 12.5188L13.8349 11.2353C14.1189 11.0119 14.4526 10.8927 14.794 10.8927C15.1354 10.8927 15.4691 11.0119 15.7531 11.2353L17.3862 12.5188L17.8908 12.1235L14.794 5.79977Z' fill='%234D5723'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -2px;
}

#price-iz-doline {
    color: #FFF !important;
}

.svg-icon-knjiga {
    display: inline-block;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    vertical-align: baseline;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='38' viewBox='0 0 39 38' fill='none'%3E%3Cg clip-path='url(%23clip0_288_1112)'%3E%3Cpath d='M19.0918 37.2132L4.8418 29.2965V2.37988L19.0918 10.2965L33.3418 2.37988V29.2965L19.0918 37.2132Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.84147 6.69747L1.6748 5.54639V32.4631L19.0915 37.2131M19.0915 37.2131L36.5081 32.4631V5.54639L33.3415 6.69747M19.0915 37.2131V10.2964' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_288_1112'%3E%3Crect width='38' height='38' fill='white' transform='translate(0.882812 0.00488281)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;

}

.svg-icon-dva-lista {
    display: inline-block;
    width: 31.506px;
    height: 31.504px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    vertical-align: baseline;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='35' viewBox='0 0 34 35' fill='none'%3E%3Cpath d='M6.31962 17.3051C9.34095 17.6769 12.1039 15.4321 12.4899 12.2926C12.8758 9.15316 9.28267 6.1271 10.587 1.95898C4.12372 2.89468 1.89631 8.10404 1.54503 10.9474C1.15909 14.0869 3.29828 16.9333 6.31962 17.3051Z' stroke='%23578E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.37691 30.3132C6.34455 22.9473 5.8641 16.4415 6.43591 11.4102M13.3276 26.6397C15.1786 30.4077 19.6491 31.4474 23.3116 28.9616C26.9741 26.4759 27.5522 19.5857 33.0057 17.1835C27.1851 10.7359 19.9264 13.0642 16.6105 15.3152C12.9464 17.801 11.4767 22.8717 13.3276 26.6413' stroke='%23578E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.80078 33.4633C11.5467 27.0111 16.0929 23.1139 20.4028 20.8613' stroke='%23578E7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 980px) {

    .et_pb_column .et_pb_row_inner,
    .et_pb_row {
        padding: 0px 0 !important;
    }

    .et_pb_section {
        padding: 0px 0 !important;
    }

    .svg-icon-list {
        width: 28px !important;
        height: 28px !important;
        vertical-align: middle !important;
    }



    .svg-icon-planina {
        width: 27px !important;
        height: 22.46px !important;
    }

    .svg-icon-knjiga {
        width: 28px !important;
        height: 28px !important;
    }
}


@media (min-width: 981px) and (max-width: 1320px) {
    .korpa_wrapper::after {
        bottom: -96px !important;
        right: -93px !important;
        width: 202.426px !important;
        height: 226.553px !important;
    }
}



@media (min-width:981px) and (max-width:1080px) {

    .home-bg-section {
        background-size: 237px 324px, 308px 396px, 390px 283px !important;
    }

}




@media (min-width:981px) and (max-width:1020px) {

    #post-37>div>div>div>div.et_pb_section.et_pb_section_1.home-bg-section.et_pb_with_background.et_section_regular>div.et_pb_row.et_pb_row_2.aos-sekcija>div.et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et_had_animation>div.et_pb_module.et_pb_text.et_pb_text_2.body2.aos-tekst.et_pb_text_align_left.et_pb_bg_layout_light {
        padding-right: 10px !important;
    }
}

@media (min-width:481px) and (max-width:768px) {

    .tamo-gdje-image-wrapper::after {
        width: 181.898px !important;
        height: 83.898px !important;
        bottom: -22px !important;
        left: -72px !important;
    }
}

/*--------------------------------POCETNA: PRICE IZ DOLINE SEKCIJA-----------------------------------------------------------------------------------------------*/


#prica-iz-doline-bg-slika {
    position: relative;
    overflow: hidden;
}

#prica-iz-doline-bg-slika::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('/wp-content/uploads/2025/08/perunika-review-1-1.png') right 0px bottom 0px / 283.24px 293.24px no-repeat;
    mix-blend-mode: screen;
    opacity: 1;
    /* prilagodi prema efektu */
    pointer-events: none;
}


.swiper-button-prev:after,
.swiper-button-next:after {
    display: none !important;
}

.testimonial-swiper-container {
    max-width: 958.866px !important;
    margin: 0 auto !important;
    position: relative;
}

/* glavni slider */
.testimonial-swiper {
    background-color: #FFF6E4 !important;
    border-radius: 20px !important;
    opacity: 0.93 !important;
    text-align: center !important;

}

.testimonial-swiper .swiper-slide {
    width: 85% !important;
    max-width: none !important;
    max-height: 314.295px !important;
    padding: 51px 32px !important;
    background: #FFF6E4 !important;
    border-radius: 20px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}


.testimonial-swiper-container .swiper-button-prev,
.testimonial-swiper-container .swiper-button-next {
    color: black !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 10 !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
}

.testimonial-swiper-container .swiper-button-prev {
    left: -70px !important;
}

.testimonial-swiper-container .swiper-button-next {
    right: -70px !important;
}

.arrow-circle {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 36.55px !important;
    border: 1px solid #BABABA !important;
    background: #F3EFDC !important;
    transition: all 0.3s ease !important;
}

.arrow-circle svg {
    width: 5.856px !important;
    height: 11.711px !important;
    flex-shrink: 0 !important;
    aspect-ratio: 1/2 !important;
}

.arrow-circle:hover {
    background: #e6e1cf !important;
    transform: scale(1.05) !important;
}

.testimonial-swiper-container .swiper-pagination {
    position: relative !important;
    bottom: auto !important;
    margin-top: 25px !important;
    margin-bottom: 70px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
}

.testimonial-swiper-container .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #c4bdb0 !important;
    opacity: 1 !important;
    transition: background 0.3s ease !important;
}

.testimonial-swiper-container .swiper-pagination-bullet-active {
    background: #5e5e5e !important;
}

.testimonial-swiper h3 {
    color: #313131 !important;
    font-family: "Red Hat Text" !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    padding-bottom: 15px !important;
    margin: 0 !important;
}

.testimonial-swiper p {
    color: #313131 !important;
    font-family: "Red Hat Text" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    padding-bottom: 28px !important;
    margin: 0 !important;
}

.testimonial-swiper .author {
    color: #313131 !important;
    font-family: "Red Hat Text" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 30px !important;
    text-align: center !important;
    margin-top: 20px !important;
}

.testimonial-swiper .author-icon {
    display: inline-block !important;
    vertical-align: sub !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 2px !important;
    /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'><path d='M9 0C12.5951 0 14.3928 -0.000195332 15.6875 0.856445C16.2657 1.239 16.761 1.73434 17.1436 2.3125C18.0002 3.60723 18 5.40493 18 9C18 12.5951 18.0002 14.3928 17.1436 15.6875C16.761 16.2657 16.2657 16.761 15.6875 17.1436C14.3928 18.0002 12.5951 18 9 18C5.40493 18 3.60723 18.0002 2.3125 17.1436C1.73434 16.761 1.239 16.2657 0.856445 15.6875C-0.000195332 14.3928 0 12.5951 0 9C0 5.40493 -0.000195531 3.60723 0.856445 2.3125C1.239 1.73434 1.73434 1.239 2.3125 0.856445C3.60723 -0.000195531 5.40493 0 9 0ZM9 4.34082C6.42675 4.34082 4.34094 6.42678 4.34082 9C4.34082 11.5733 6.42668 13.6592 9 13.6592C11.5732 13.6591 13.6592 11.5733 13.6592 9C13.6591 6.42684 11.5732 4.34091 9 4.34082ZM9 5.91699C10.7025 5.91708 12.0829 7.29746 12.083 9C12.083 10.7026 10.7026 12.0829 9 12.083C7.2973 12.083 5.91699 10.7027 5.91699 9C5.91711 7.29741 7.29738 5.91699 9 5.91699ZM13.8438 3.01172C13.2392 3.01172 12.7482 3.50192 12.748 4.10645C12.748 4.7111 13.2391 5.20117 13.8438 5.20117C14.4482 5.20092 14.9385 4.71094 14.9385 4.10645C14.9383 3.50208 14.4481 3.01198 13.8438 3.01172Z' fill='%23313131'/></svg>") no-repeat center center !important;
    background-size: contain !important; */
}


.testimonial-swiper .author a {
    color: #000 !important;
    text-decoration: none !important;
    margin-top: 17px !important;
    display: inline-block;
}

.testimonial-swiper .author a:hover {
    text-decoration: underline !important;
}

/* za desktop izgled */
@media (min-width: 768px) {
    .testimonial-swiper {
        overflow: hidden !important;
        width: 100% !important;
    }

    .testimonial-swiper .swiper-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }

    .testimonial-swiper .swiper-slide {
        width: 100% !important;
        flex-shrink: 0 !important;
        padding: 81.43px 86.43px !important;
    }
}

@media (min-width: 880px) and (max-width: 980px) {

    .testimonial-swiper-container .swiper-button-prev,
    .testimonial-swiper-container .swiper-button-next {
        /* display: none !important; */
        color: black !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 10 !important;
        width: auto !important;
        height: auto !important;
        margin-top: 0 !important;
    }

    .testimonial-swiper-container .swiper-button-prev {
        left: -70px !important;
    }

    .testimonial-swiper-container .swiper-button-next {
        right: -70px !important;
    }

    .arrow-circle {
        width: 50px !important;
        height: 50px !important;
        border-radius: 30px !important;
    }

    .arrow-circle svg {
        width: 5px !important;
        height: 10px !important;
    }


}

@media (min-width: 768px) and (max-width: 879px) {

    .testimonial-swiper-container .swiper-button-prev,
    .testimonial-swiper-container .swiper-button-next {
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1125px) {
    .testimonial-swiper-container {
        max-width: 809px !important;
        margin: 0 auto !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    #prica-iz-doline-bg-slika::before {
        background-size: 183.24px 193.24px;

    }

    /*tablet*/
    .testimonial-swiper-container {
        max-width: 700px !important;
        margin: 0 auto !important;
    }

    .testimonial-swiper {
        border-radius: 16px !important;
        background-color: #FFF6E4 !important;
    }

    .testimonial-swiper .swiper-slide {
        max-width: 100% !important;
        padding: 70px 70px !important;
        border-radius: 16px !important;
        min-height: 250px !important;
    }

    .testimonial-swiper h3 {
        font-size: 22px !important;
        padding-bottom: 20px !important;
    }

    .testimonial-swiper .author {
 	    margin-top: 5px !important;
    }   

    .testimonial-swiper p {
 		padding-bottom: 20px !important;
    }

    .testimonial-swiper p,
    .testimonial-swiper .author {
        font-size: 15px !important;
    }

    .testimonial-swiper-container .swiper-pagination {
        margin-top: 30px !important;
        margin-bottom: 80px !important;
    }
}

@media (max-width: 767px) {
    #prica-iz-doline-bg-slika::before {
        background-size: 179.24px 185.24px !important;
    }

    .testimonial-swiper-container {
        padding: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .testimonial-swiper {
        overflow: visible !important;
        padding: 0 20px !important;
        background-color: transparent !important;
        max-height: none !important;
    }

    .testimonial-swiper .swiper-wrapper {
        display: flex !important;
        align-items: center !important;
    }

    .testimonial-swiper .swiper-slide {
        max-width: 338px !important;
        height: 334px !important;
        padding: 45px 32px !important;
        background: #FFF6E4 !important;
        border-radius: 20px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    .testimonial-swiper h3 {
        font-size: 18px !important;
        padding-bottom: 15px !important;
    }

    .testimonial-swiper p {
        font-size: 14px !important;
        line-height: 18px !important;
        padding-bottom: 5px !important;
    }

    .testimonial-swiper .author {
        font-size: 14px !important;
        margin-top: 10px !important;
    }

    .testimonial-swiper .author a {
        margin-top: 4px !important;
    }

    .testimonial-swiper-container .swiper-button-prev,
    .testimonial-swiper-container .swiper-button-next {
        display: none !important;
    }

    .testimonial-swiper-container .swiper-pagination {
        margin-top: 41px !important;
        margin-bottom: 122px !important;
    }
}


.home-p-mjesto-gdje {
    color: #313131 !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    /* 125% */
}

@media (max-width: 767px) {
    .home-p-mjesto-gdje {
        font-size: 14px !important;
        line-height: 21px !important;
        /* 150% */
    }

}

.home-naslovi {
    color: #313131 !important;
    text-align: left !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Playfair Display" !important;
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 47px !important;
    /* 97.917% */
}

@media (max-width: 767px) {
    .home-naslovi {
        font-size: 32px !important;
    }

}

/*-------------------------------------------POCETNA: SOBE I GLAMPING SEKCIJA------------------------------------------------------------------------------------------*/
.svg-icon-mjesec {
    display: inline-block;
    width: 36.25px;
    height: 36.146px;
    flex-shrink: 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='38' viewBox='0 0 36 38' fill='none'%3E%3Cpath d='M31.875 19.1867C31.875 22.9688 30.4132 26.596 27.8111 29.2703C25.209 31.9447 21.6799 33.4471 18 33.4471V35.7596C26.9055 35.7596 34.125 28.3396 34.125 19.1867H31.875ZM18 33.4471C14.3201 33.4471 10.791 31.9447 8.18889 29.2703C5.58683 26.596 4.125 22.9688 4.125 19.1867H1.875C1.875 28.3396 9.0945 35.7596 18 35.7596V33.4471ZM4.125 19.1867C4.125 15.4046 5.58683 11.7774 8.18889 9.10305C10.791 6.4287 14.3201 4.92627 18 4.92627V2.61377C9.0945 2.61377 1.875 10.0338 1.875 19.1867H4.125ZM23.25 22.6554C20.9625 22.6554 18.7687 21.7215 17.1512 20.0591C15.5337 18.3966 14.625 16.1419 14.625 13.7909H12.375C12.375 16.7552 13.5208 19.5981 15.5602 21.6942C17.5997 23.7904 20.3658 24.9679 23.25 24.9679V22.6554ZM30.6375 18.3681C29.87 19.6764 28.7865 20.7586 27.4921 21.5098C26.1977 22.261 24.7365 22.6557 23.25 22.6554V24.9679C25.1241 24.9685 26.9665 24.4713 28.5986 23.5246C30.2306 22.5778 31.5969 21.2137 32.565 19.5644L30.6375 18.3681ZM14.625 13.7909C14.6248 12.2631 15.0087 10.7612 15.7396 9.43091C16.4705 8.10059 17.5235 6.987 18.7965 6.19814L17.6325 4.21864C16.028 5.21346 14.7009 6.61749 13.7797 8.29459C12.8586 9.9717 12.3747 11.865 12.375 13.7909H14.625ZM18 4.92627C17.9246 4.92478 17.8503 4.90793 17.7813 4.87671C17.7123 4.84548 17.65 4.80049 17.598 4.74435C17.5348 4.67907 17.4919 4.59586 17.475 4.50539C17.469 4.4576 17.472 4.31885 17.6325 4.21864L18.7965 6.19814C19.551 5.72948 19.794 4.87077 19.7055 4.19552C19.6125 3.49406 19.0755 2.61377 18 2.61377V4.92627ZM32.565 19.5644C32.466 19.7294 32.331 19.7324 32.2845 19.7263C32.1965 19.7089 32.1155 19.6648 32.052 19.5999C31.9974 19.5464 31.9536 19.4824 31.9232 19.4115C31.8928 19.3406 31.8764 19.2642 31.875 19.1867H34.125C34.125 18.0813 33.2685 17.5294 32.586 17.4338C31.929 17.3429 31.0935 17.5926 30.6375 18.3681L32.565 19.5644Z' fill='%23CDA980'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.accommodation-slider-wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
}

.accommodation-slider {
    display: flex;
    gap: 23px;
    transition: transform 0.4s ease-in-out;
    will-change: transform;
}

.accommodation-card {
    display: block;
    text-decoration: none;
    color: inherit;
    flex: 0 0 auto;
    width: 422px !important;
    height: 550px !important;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}


.accommodation-card .accommodation-info {
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translateX(-50%);
    width: 100%;
    border-radius: 16px;
    padding: 26px 7px 0px 7px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    text-align: center;
    z-index: 2;
}

.accommodation-info h3 {
    margin: 0 0 38.56px 0;
    color: #FFF;
    text-align: center !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Playfair Display" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 51px !important;
}

.icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    font-size: 1.15rem;
    font-weight: 500;
    color: #ffffff;
}

.icons .vertical-divider {
    width: 1px;
    height: 73.299px;
    background: #fff;
    margin: 0 30px;
    align-self: center;
    border-radius: 1px;
    margin-bottom: 17px;
    vertical-align: middle;
    /*dodato*/
    margin-left: 54px;
    /*dodato*/
}

.icons div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.icons svg {
    width: 41px;
    height: 41px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    display: block;
}

.icons .icon-person {
    width: 47px !important;
    height: 47px !important;
}

.icons span {
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 51px;
}

.icons svg path {
    stroke: #fff;
}

.vidi-sve-sobe {
    color: #313131;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 51px;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 10.5%;
    text-underline-offset: auto;
    text-underline-position: from-font;
}




.slider-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    gap: 22.68px;
    padding-top: 34.78px !important;
    width: 100%;
}

.slider-nav-line {
    width: 1040px;
    height: 2px;
    background: #BABABA;
    margin-left: 57.14px;
    margin-top: 33px;
}

.slider-nav button {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 66px;
    min-width: 66px !important;
    min-height: 66px !important;
    padding: 0;
    background: #FCF3E0;
    border: 1px solid #BABABA;
    border-radius: 36.55px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1px !important;
}

.slider-nav button svg {
    width: 5.856px;
    height: 11.711px;
}

.slider-nav button:hover {
    background: #FFFBF1;
    transform: scale(1.007);
}


.svg-icon-zvijezda2 {
    display: inline-block;
    width: 35px;
    height: 35px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    vertical-align: baseline;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cg clip-path='url(%23clip0_440_344)'%3E%3Cpath d='M2.36232 16.3548L12.6223 12.6223L16.3548 2.36232C16.441 2.128 16.597 1.92577 16.8018 1.78292C17.0065 1.64007 17.2502 1.56348 17.4998 1.56348C17.7495 1.56348 17.9931 1.64007 18.1979 1.78292C18.4026 1.92577 18.5586 2.128 18.6448 2.36232L22.3773 12.6223L32.6373 16.3548C32.8716 16.441 33.0739 16.597 33.2167 16.8018C33.3596 17.0065 33.4362 17.2502 33.4362 17.4998C33.4362 17.7495 33.3596 17.9931 33.2167 18.1979C33.0739 18.4026 32.8716 18.5586 32.6373 18.6448L22.3773 22.3773L18.6448 32.6373C18.5586 32.8716 18.4026 33.0739 18.1979 33.2167C17.9931 33.3596 17.7495 33.4362 17.4998 33.4362C17.2502 33.4362 17.0065 33.3596 16.8018 33.2167C16.597 33.0739 16.441 32.8716 16.3548 32.6373L12.6223 22.3773L2.36232 18.6448C2.128 18.5586 1.92577 18.4026 1.78292 18.1979C1.64007 17.9931 1.56348 17.7495 1.56348 17.4998C1.56348 17.2502 1.64007 17.0065 1.78292 16.8018C1.92577 16.597 2.128 16.441 2.36232 16.3548Z' stroke='%23E9C13F' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_440_344'%3E%3Crect width='35' height='35' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.sekcija_smjestaj {
    background-image:
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_16__2025__09_18_44_PM-removebg-preview-3-1.png'),
        /* gore lijevo */
        url('/wp-content/uploads/2025/08/closeup-shot-glass-full-whole-strawberries-front-grey-wall-1-3.png'),
        /* gore desno */
        url('/wp-content/uploads/2025/08/closeup-shot-glass-full-whole-strawberries-front-grey-wall-2.png'),
        /* sredina lijevo */
        url('/wp-content/uploads/2025/08/perunik-smjestaj.png');
    /* sredina desno */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position:
        left 0px top 0px,
        /* gore lijevo */
        right 0px top 0px,
        /* gore desno */
        left 0px top 830px,
        /* sredina lijevo */
        right 0px top 720px;
    /* sredina desno */

    background-size: 201.373px 201.373px, 219.21px 318.815px, 154.077px 289.615px, 150.919px 379.379px;
}

@media (min-width:801px) and (max-width:980px) {
    .slider-nav-line {
        width: 649px;
    }
}

@media (min-width: 800px) {
    .vidi_sve_dugme {
        display: none;
    }

    .vidi_sve_dugme_2 {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 801px) {


    .accommodation-info h3 {
        margin: 0 0 10px 0 !important;
        line-height: 30px !important;
    }

    /* Osiguraj da .accommodation-slider je flex (horizontalno), ali swipe-friendly! */
    .accommodation-slider-wrapper {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none;
        /* Firefox */
        padding-bottom: 0px !important;
    }

    .accommodation-slider-wrapper::-webkit-scrollbar {
        display: none;
        /* Safari/Chrome */
    }

    .accommodation-slider {
        display: flex !important;
        gap: 19px !important;
        transition: none !important;
        /* swipe, ne animate kod prev/next */
        will-change: unset !important;
        width: max-content !important;
    }

    .icons .vertical-divider {
        width: 1px !important;
        height: 73.023px !important;
        margin: 0 0px !important;
        margin-bottom: 14px !important;
        margin-left: 33px !important;
    }

    .accommodation-card {
        width: 300px !important;
        height: 400px !important;
        border-radius: 18px;
        flex: 0 0 auto !important;
    }

    .slider-nav {
        display: none !important;
    }
}


@media screen and (max-width: 768px) {
    .accommodation-card {
        width: 253.45px !important;
        height: 330.33px !important;
        border-radius: 14.9px;
    }

    .accommodation-card .accommodation-info {
        padding: 0px 6px 0px 6px;
    }

    .accommodation-info {
        border-radius: 9px;
        width: 95%;
        bottom: 14px;
    }

    .accommodation-info h3 {
        margin: 0 0 23px 0;
        font-size: 14px !important;
        line-height: 30.631px !important;
    }

    .accommodation-slider {
        gap: 19.7px;
    }

    .icons {
        font-size: 1rem;
        gap: 17px;
    }

    .icons .vertical-divider {
        width: 0.601px !important;
        height: 44.023px !important;
        margin-left: 20px !important;
        margin-right: 5px !important;
        margin-bottom: 14px !important;
    }

    .icons svg {
        width: 24.581px !important;
        height: 24.581px !important;
        margin-bottom: 0px !important;
    }

    .icons .icon-person {
        width: 28.228px !important;
        height: 28.228px !important;
        margin-bottom: 0px !important;
    }

    .icons span {
        font-size: 10.7px;
        line-height: 30.631px;
    }

    .vidi-sve-sobe {
        font-size: 14px;
    }

    .slider-nav {
        display: none;
    }

    .accommodation-card {
        width: 253.45px !important;
        height: 330.33px !important;
        border-radius: 14.9px;
    }

    .accommodation-slider-wrapper {
        padding-bottom: 0px;
    }

    .svg-icon-zvijezda2 {
        width: 19.124px;
        height: 19.124px;
    }

    .sekcija_smjestaj {
        background-position:
            left 0px top 0px,
            right 0px top 0px,
            left 0px top 480px,
            right 0px top 450px;

        background-size:
            79.507px 70.507px,
            80.503px 120.754px,
            76.509px 114.764px,
            76.21px 154.315px;
    }
}

/*------------dodatno kada ima >3 glampinga-------------------------*/
.accommodation-glamping.has-glamping-nav .accommodation-slider-wrapper {
    padding-bottom: 200px;
}

.accommodation-glamping.has-glamping-nav .accommodation-slider-wrapper .slider-nav button {
    margin-bottom: 100px !important;
}


@media (min-width: 768px) and (max-width: 800px) {
    .accommodation-glamping.has-glamping-nav .accommodation-slider-wrapper {
        padding-bottom: 0px;
    }

    .accommodation-glamping.has-glamping-nav .accommodation-slider-wrapper .slider-nav button {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .accommodation-glamping.has-glamping-nav .accommodation-slider-wrapper {
        padding-bottom: 0px;
    }

    .accommodation-glamping.has-glamping-nav .accommodation-slider-wrapper .slider-nav button {
        margin-bottom: 0px !important;
    }
}

/*--------------------------------------------------POCETNA: FOOTER, NEWSLETTER, ----------------------------------------------------------------------------------------------*/

/* footer stilizovanje */
#menu-main-menu>li>ul.sub-menu>li>a {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    color: #313131 !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 18px;
    /* 100% */
    padding: 15px 0px !important;
    width: 140px !important;
    padding-left: 32px !important;
}

.et_pb_menu .nav li a:hover {
    color: inherit !important;
    background: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

h4.KorisniLinkovi,
div.KorisniLinkovi>div>h4 {
    color: #313131;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 100% */
    padding-bottom: 25px !important;
    margin-top: -14px;
}

#Newsletter>div.et_pb_newsletter_form>form>div.et_pb_newsletter_fields>p.et_pb_newsletter_field.et_pb_contact_field_half.et_pb_contact_field_last_tablet.et_pb_contact_field_last_phone input {
    border-radius: 50px;
    background: #F0E6CF;
    display: flex;
    width: 419px;
    padding: 24px !important;
    align-items: flex-start;
    gap: 240px;
}

#Newsletter>div.et_pb_newsletter_form>form>div.et_pb_newsletter_fields>p.et_pb_newsletter_button_wrap a {
    display: inline-flex;
    padding: 16.1px 40.4px !important;
    align-items: flex-start;
    gap: 8px;
    border-radius: 40px !important;
    background: #DD7246 !important;
    width: auto;
    color: var(--Neutral-Colors-White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    /* 100% */
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4 {
    display: flex;
    justify-content: baseline
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough {
    display: flex;
    align-items: end;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -32px;
}

#et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul>a>li>svg {
    margin-right: 6px !important;
    vertical-align: bottom !important;
}

#menu-main-menu>li>a,
#menu-main-menu>li.smjestajDropdown-hover.et-show-dropdown.et-hover>ul.sub-menu>li>a {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    color: #313131 !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 100% */
}

#menu-main-menu>li.smjestajDropdown-hover.et-show-dropdown.et-hover>ul.sub-menu>li>a {
    padding: 20px 0px;
}

#menu-main-menu>li.rezDugme>a {
    color: var(--Neutral-Colors-White, #FFF) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none !important;
    /* 100% */
}

#menu-main-menu>li.rezDugme {
    padding: 18px 24px;
}

div.footer-icons {
    padding: 0px !important;
}

@media (max-width: 980px) {
    div.footer-icons {
        padding: 0px !important;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 485px) {
    #footerImage {
        text-align: center !important;
        margin-top: 30px;
    }

    #Newsletter {
        padding: 0px !important;
        margin-bottom: 39px !important;
    }

    #Newsletter div>h2 {
        font-size: 16px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 125% */
        margin-top: 25px;
    }
    #Newsletter > div.et_pb_newsletter_form > form > div.et_pb_newsletter_result.et_pb_newsletter_success h2{
        font-size: 16px !important;
    }

    #Newsletter>div.et_pb_newsletter_form>form>div.et_pb_newsletter_fields>p.et_pb_newsletter_field.et_pb_contact_field_half.et_pb_contact_field_last_tablet.et_pb_contact_field_last_phone input {
        display: flex;
        width: 100%;
        height: 47px;
        padding: 24px;
        align-items: flex-start;
        gap: 240px;
        flex-shrink: 0;
    }

    #Newsletter>div.et_pb_newsletter_form>form>div.et_pb_newsletter_fields>p.et_pb_newsletter_button_wrap>a {
        display: flex;
        width: 100%;
        height: 38.1px;
        padding: 18px 24px;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div>div>h4 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 125% */
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div>div>ul>li>a {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        /* 128.571% */
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child {
        padding-bottom: 32px;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_heading.et_pb_heading_0_tb_footer.et_pb_bg_layout_>div>h4 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 125% */
        margin-top: 27px;
    }

    h4.KorisniLinkovi,
    div.KorisniLinkovi>div>h4 {
        font-size: 16px !important;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul>a>li {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        /* 128.571% */
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_2.et_pb_column_4_tb_footer.et_pb_css_mix_blend_mode_passthrough {
        order: 2;
        margin-bottom: 23px !important;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_5_tb_footer.et_pb_css_mix_blend_mode_passthrough {
        order: 3;
        padding-bottom: 23px;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_5_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div,
    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_2.et_pb_column_4_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div {
        text-align: center
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_6_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child {
        order: 1;
        margin-bottom: 23px !important;
    }

    #menuBar>div>div.et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough {
        width: 15% !important;
        margin-right: 0px !important;
    }

    #slikaMeni img {
        width: 45px;
        height: 45px;
    }

    .rezDugme a {
        padding: 0px;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div>div>h4 {
        margin-bottom: 15px;
        padding-bottom: 0px !important;
        margin-top: 2px;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_heading.et_pb_heading_0_tb_footer.et_pb_bg_layout_>div>h4 {
        margin-bottom: 15px;
        padding-bottom: 0px !important;
    }

    #et-main-area>footer>div>div>div>div>div>div>div>ul>li,
    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child>div.et_pb_module.et_pb_code.et_pb_code_1_tb_footer>div>ul>a>li {
        margin-bottom: 10px !important;
    }

    .et_pb_newsletter.et_pb_subscribe.et_pb_newsletter_layout_left_right .et_pb_newsletter_form,
    .et_pb_newsletter.et_pb_subscribe.et_pb_newsletter_layout_top_bottom .et_pb_newsletter_form {
        padding-top: 10px;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_2.et_pb_column_4_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div>p {
        color: #313131;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        /* 178.571% */
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_5_tb_footer.et_pb_css_mix_blend_mode_passthrough>div>div {
        color: #313131;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        /* 128.571% */
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4 {
        margin-top: 4px;
    }

}

/* kraj footer mobile */
/* mobile meni  */
@media (max-width: 980px) {
    #menuBar>div>div.et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough {
        width: 15% !important;
        margin-right: 0px !important;
    }

    #slikaMeni img {
        width: 45px !important;
        height: 45px !important;
    }

    #et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
    .et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        content: '\4d' !important;
    }

    .et_mobile_menu .menu-item-has-children>a {
        background: none !important;
    }


    ul.et_mobile_menu>li.menu-item-has-children,
    ul.et_mobile_menu>li.page_item_has_children,
    ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
    .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
    .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
    .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
        position: relative !important;
    }

    ul.et_mobile_menu .menu-item-has-children .sub-menu,
    #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
    .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
    .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
        display: none !important;
        visibility: hidden !important;
    }

    ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
    #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
    .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
    .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
        display: block !important;
        visibility: visible !important;
    }

    .et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
        position: absolute;
        right: 5%;
        margin-left: -20px;
        top: -14px;
        width: 0;
        height: 0;
        content: '';
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #ffffff;
    }

    .mobile_menu_bar {
        position: relative !important;
        display: block !important;
        bottom: 10px !important;
        line-height: 0 !important;
    }

    .et_pb_menu_0.et_pb_menu .et_mobile_menu,
    .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
        background-color: #ffffff;
        border-radius: 10px;
    }

    #mobile_menu1>li>a {
        color: #313131 !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 18px !important;
        /* 90% */
        border-bottom: 0px !important;
    }

    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
    .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
        color: black;
        background: transparent;
    }

    .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
        color: #DD7246 !important;
        top: 10px !important;
    }

    #mobile_menu1 {
        border-top: 0px !important;
        background-color: #FFFBF1 !important;
        margin-top: 16.5px !important;
        padding-left: 46px !important;
        padding-right: 46px !important;
        width: 103% !important;
        padding-bottom: 50px !important;
    }

    #mobile_menu1 li {
        padding-bottom: 42px !important;
    }

    #mobile_menu1>li.desniDio {
        border-top: #B3B3B3 solid 2px;
        padding-top: 39px;
        margin-top: 8px;
        padding-bottom: 22px;
    }

    #mobile_menu1>li.desniDio>a {
        color: #313131 !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 18px !important;
        /* 100% */
    }

    #mobile_menu1 li.rezDugme {
        justify-content: center !important;
        padding-bottom: 18px !important;
    }

    #mobile_menu1 li.rezDugme a {
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 18px !important;
        /* 100% */
        color: white !important;
        padding: 0px !important;
    }

    #mobile_menu1>li.smjestajDropdown>ul {
        background-color: #FFFBF1 !important;
    }

    #mobile_menu1>li.smjestajDropdown>ul {
        padding-top: 21px !important;
        padding-bottom: 39px !important;
    }

    #mobile_menu1 li ul li {
        padding-bottom: 15px !important;
    }

    #mobile_menu1>li.smjestajDropdown>ul>li,
    #mobile_menu1>li.smjestajDropdown>ul>li>a {
        color: #313131 !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        /* 90% */
        border-bottom: 0px !important;
        padding-left: 36px !important;
    }

    #mobile_menu1>li.smjestajDropdown.dt-open:has(> ul.sub-menu.visible) {
        padding: 0px !important;
    }

    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
    ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
        position: static !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 6px 8px !important;
        margin-left: -10px !important;
        background: transparent !important;
        border: none !important;
        top: auto !important;
        right: auto !important;
        z-index: auto !important;
        cursor: pointer;
    }

    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
    ul.et_mobile_menu li.page_item_has_children .mobile-toggle::after {
        content: '\33';
        /* tvoj kod za ikonu */
        font-family: "ETModules";
        display: inline-block;
        line-height: 1 !important;
        padding: 3px !important;
        border-radius: 50% !important;
        font-size: 0.9em !important;
        vertical-align: middle !important;
    }

    ul.et_mobile_menu li.menu-item-has-children.dt-open .mobile-toggle::after,
    ul.et_mobile_menu li.page_item_has_children.dt-open .mobile-toggle::after {
        transform: rotate(180deg) !important;
        transition: transform .25s ease !important;
    }

    ul.et_mobile_menu li.menu-item-has-children>a {
        display: inline-block !important;
    }

    #Newsletter>div.et_pb_newsletter_form>form>div.et_pb_newsletter_fields>p.et_pb_newsletter_field.et_pb_contact_field_half.et_pb_contact_field_last_tablet.et_pb_contact_field_last_phone {
        margin-bottom: 9px !important;
    }

    #et_pb_signup_email::placeholder {
        font-size: 12px !important;
    }

    #mobile_menu1>li.smjestajDropdown>ul>li {
        padding-left: 0px !important;
        position: relative;
    }

    #mobile_menu1>li.smjestajDropdown>ul>li:first-child::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 3px;
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("/wp-content/uploads/2025/08/ion_bed-outline.svg")
    }

    #mobile_menu1>li.smjestajDropdown>ul>li:nth-child(2)::before {
        content: "";
        position: absolute;
        top: 9px;
        left: 3px;
        width: 21px;
        height: 21px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("/wp-content/uploads/2025/08/tent-2.svg")
    }

    #mobile_menu1>li.smjestajDropdown>ul.sub-menu>li.current-menu-item>a {
        color: #DD7246 !important;
        text-decoration: none !important;
    }
}
@media (min-width:768px) and (max-width:981px){
    #mobile_menu1 {
        margin-top: 14.5px !important;
        width: 104% !important;
    }
    .et_mobile_menu li ul{
        padding-left: 45px !important;
    }
    ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
        margin-left: -30px !important;
    }
}
#Newsletter>div.et_pb_newsletter_form>form>div.et_pb_newsletter_fields>p.et_pb_newsletter_field.et_pb_contact_field_half.et_pb_contact_field_last_tablet.et_pb_contact_field_last_phone {
    margin-bottom: 16px !important;
}

#et_pb_signup_email::placeholder {
    color: #6B6B6B !important;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 112.5% */
}

/* kraj mobile meni  */

/* Sticky stil kada se aktivira */
.navbar-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transform: translateY(0);
    transition: transform 0.28s ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.navbar-hidden {
    transform: translateY(-100%);
}

.navbar-reset {
    transition: transform 0.4s ease-in-out, top 0.4s ease-in-out;
}
.et-menu li.current-page-ancestor>a,
.et-menu li.current-menu-item>a {
    font-weight: 600 !important;
    text-decoration-line: underline !important;
    text-underline-offset: 3px !important;
}

ul.sub-menu li a:hover,
#menu-main-menu>li.smjestajDropdown>ul.sub-menu>li>a:hover,
ul.sub-menu li.current-menu-item a,
#menu-main-menu>li.smjestajDropdown>ul.sub-menu > li.current-menu-item>a {
    color: #DD7246 !important;
    text-decoration: none !important;
}

@media (prefers-reduced-motion: reduce) {

    .navbar-fixed,
    .navbar-hidden,
    .navbar-reset {
        transition: none !important;
    }
}


/* header responzivnost */
@media (min-width: 980px) and (max-width:1110px) {
    #menuBar>div>div.et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough {
        width: 25% !important;
    }

    #hederMeni {
        width: 75% !important;
    }

    #menu-main-menu>li {
        margin-right: 7px !important;
    }
}

@media (min-width:1110px) and (max-width:1260px) {
    #menuBar .et_pb_column_1_4 {
        width: 20% !important;
    }

    #hederMeni {
        width: 80% !important;
    }

    #menu-main-menu>li {
        margin-right: 15px !important;
    }
}

@media (min-width:1261px) and (max-width:1450px) {
    #menuBar .et_pb_column_1_4 {
        width: 21% !important;
    }

    #hederMeni {
        width: 80% !important;
    }

    #menu-main-menu>li {
        margin-right: 30px !important;
    }
}

/* kraj header responzivnost */

/*--------------------------------------------GALERIJA STRANICA-------------------------------------------------------------------------- */

/* galerija stilizovanje */
div.galeryGrid div>h3 {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Playfair Display";
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 51px;
    /* 212.5% */
}

div.galeryGrid div>p {
    color: #FFF;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 10px;
    /* 364.286% */
    padding: 0px;
}

div.galeryGrid>div {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    row-gap: 32px;
    justify-content: center;
}

div.galeryGrid>div:nth-child(1) {
    padding-bottom: 125px;
    padding-top: 126px;
}

div.galeryGrid>div:nth-child(2) {
    padding-bottom: 125px;
}

div.galeryGrid>div {
    width: 82.75% !important;
}

div.galeryGrid>div>div {
    width: 375px !important;
    height: 375px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 30px;
    padding-left: 25px;
    border-radius: 25px;
}

#galerijaHeroSekcija div.body1>div>p {
    color: #FFF;
}

div.heroSekcijaGalerije div.body1 p {
    color: var(--Neutral-Colors-White, #FFF);
}

.foogallery>div>figure,
.foogallery>div>figure>a>span.fg-image-wrap>img {
    border-radius: 25px;
    box-shadow: none !important;
    width: 372px;
    height: 372px !important;
    border: none !important;
}

.foogallery>div {
    margin: 0px !important;
}

.foogallery {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 36px;
    padding: 159.7px 0px !important;
    max-width: 1188px;
    margin: auto;
}

@media (min-width: 1436px) {
    .foogallery {
        justify-content: flex-start;
    }
}
@media( min-width:943px) and ( max-width:1435px){
    .foogallery {
        max-width: 780px;
    }
    .foogallery {
        justify-content: flex-start;
    }
}
@media (max-width:768px) {
    .foogallery {
        gap: 12px;
    }
    .foogallery>div {
        width: 357px !important;
    }

}

div.heroSekcijaGalerije div.body1 p {
    width: 52%
}

div.subGalerijeGrid {
    position: relative;
}

div.subGalerijeGrid::before,
div.subGalerijeGrid::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

div.subGalerijeGrid::before {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/lisce-pocetna-galerija.png');
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    background-size: 308px 462px, 195.5px 257px;
}
@media (min-width:768px) and (max-width:981px)
{
div.subGalerijeGrid::before{
    background-size: 240px 400px, 195.5px 257px;
}    
}
div.subGalerijeGrid::before

div.subGalerijeGrid::after {
    background-image:
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        url('/wp-content/uploads/2025/08/perunika-review-1.png');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-size: 141px 212px, 240px 240px;
}

div.galeryGrid {
    position: relative;
    /* neophodno za apsolutno pozicioniranje pseudo-elemenata */
}

div.galeryGrid::before,
div.galeryGrid::after {
    content: "";
    position: absolute;
    inset: 0;
    /* isto što i top:0; right:0; bottom:0; left:0 */
    pointer-events: none;
    /* da ikonice ne blokiraju klikove */
}

div.galeryGrid::before {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/lisce-pocetna.png');
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    background-size: 202px 319px, 177px 233px;
    /* prilagodi veličinu ikonica */
}

div.galeryGrid::after {
    background-image: url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        url('/wp-content/uploads/2025/08/perunika-review-1.png');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-size: 141px 212px, 173.875px 197.875px;
}

@media (min-width: 1440px) {
    div.galeryGrid>div>div {
        width: 31.471% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1;
    }

    div.galeryGrid>div>div:nth-child(1),
    div.galeryGrid>div>div:nth-child(2),
    div.galeryGrid>div>div:nth-child(4),
    div.galeryGrid>div>div:nth-child(5),
    div.galeryGrid>div>div:nth-child(7),
    div.galeryGrid>div>div:nth-child(8) {
        margin-right: 33px !important;
    }
}

@media (min-width: 1251px) and (max-width: 1440px) {

    div.galeryGrid>div>div:nth-child(1),
    div.galeryGrid>div>div:nth-child(2),
    div.galeryGrid>div>div:nth-child(4),
    div.galeryGrid>div>div:nth-child(5),
    div.galeryGrid>div>div:nth-child(7),
    div.galeryGrid>div>div:nth-child(8) {
        margin-right: 33px !important;
    }
}

@media (min-width: 1252px) and (max-width: 1440px) {
    div.galeryGrid>div>div {
        width: 30% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1;
    }
}

@media (min-width: 590px) and (max-width: 1251px) {
    div.galeryGrid>div>div:nth-child(odd) {
        margin-right: 33px !important;
    }
}

@media (min-width: 950px) and (max-width: 1251px) {
    div.galeryGrid>div>div:nth-child(odd) {
        margin-right: 33px !important;
    }

    div.galeryGrid>div>div {
        width: 46.28% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1;
    }
}

@media (min-width:768px) and (max-width:980px) {
    .galeryGrid {
        padding: 117px 0px !important;
    }
}

@media (min-width: 591px) and (max-width: 949px) {
    div.galeryGrid>div>div {
        width: 45% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1;
    }

    div.galeryGrid div>h3 {
        font-size: 20px !important;
    }

    div.galeryGrid>div:nth-child(1) {
        padding: 50px 0px !important;
    }
}

@media (max-width: 590px) {
    div.galeryGrid>div>div {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1;
    }

    div.galeryGrid div>h3 {
        font-size: 20px !important;
    }

    div.galeryGrid div>p {
        font-size: 12px;
    }

    div.galeryGrid>div {
        row-gap: 25px;
        padding: 52px 0px !important;
    }

    div.heroSekcijaGalerije div.body1 p {
        width: 100%;
    }

    div.subGalerijeGrid::before {
        background-size: 73px 109px, 56px 73px;
    }

    div.subGalerijeGrid::after {
        background-size: 53px 80px, 83px 83px;
    }

    div.galeryGrid::before {
        background-size: 103px 154px, 70px 92px;
    }

    div.galeryGrid::after {
        background-size: 71px 106px;
    }

    .foogallery {
        padding-top: 42px !important;
        padding-bottom: 73px !important;
    }

    .foogallery>div>figure>a>span.fg-image-wrap>img {
        width: 357px !important;
        height: 357px !important;
    }
}


/* kraj galerjia stilivanje */

/*---------------------------------------STRANICA KONTAKT: FORMA--------------------------------------------------------------------------*/
.kontakt-form-row {
    padding-top: 107px !important;
    padding-left: 107px !important;
    padding-bottom: 107px !important;
    padding-right: 107px !important;
}

#kontakt-sekcija {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        /* gore lijevo */
        url('/wp-content/uploads/2025/08/lisce-pocetna.png'),
        /* gore desno */
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        /* dole lijevo */
        url('/wp-content/uploads/2025/08/perunika-review-1.png');
    /* dole desno */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position:
        left 0px top 0px,
        /* gore lijevo */
        right 0px top 0px,
        /* gore desno */
        left 0px bottom 0px,
        /* dole lijevo */
        right 0px bottom 0px;
    /* dole desno */

    background-size: 210.971px 328.457px, 177.251px 232.96px, 126.37px 190.054px, 169.713px 169.713px;
}


.forminator-ui.forminator-custom-form[data-design=default] .forminator-input,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-input:active,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-input:disabled,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-input:focus,
.forminator-ui.forminator-custom-form[data-design=default] .forminator-input:hover {
    margin-bottom: 36px !important;
}

.forminator-custom-form-564 {
    margin: 0 !important;
}

.forminator-row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 0px !important;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {
    padding-left: 0px !important;
    padding-right: 15px !important;
}

/* .forminator-field-name{
    margin-right: 9px!important;
} */

.forminator-col-6 {
    flex: 1 1 45% !important;
    min-width: 200px !important;
    margin-right: 9px !important;
}

.forminator-col-6:last-child {
    margin-right: 0 !important;
}

.forminator-col-12 {
    flex: 1 1 100% !important;
    min-width: 200px !important;
}

.forminator-label {
    display: block !important;
    color: #313131 !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    /* 100% */
    margin-bottom: 12px !important;
}

.forminator-input,
.forminator-email--field,
.forminator-name--field,
.forminator-field--phone {
    width: 100% !important;
    border: none !important;
    background: #F0E6CF !important;
    border-radius: 50px !important;
    padding: 25.5px 24px !important;
    color: #6B6B6B !important;
    box-sizing: border-box !important;
    transition: box-shadow 0.2s !important;
}

.forminator-input:focus,
.forminator-textarea:focus {
    outline: none !important;
    box-shadow: 0 2px 8px rgba(199, 177, 148, 0.10) !important;
}

.forminator-textarea {
    min-height: 140px !important;
    width: 100% !important;
    border: none !important;
    background: #F0E6CF !important;
    border-radius: 16px !important;
    padding: 14px 22px !important;
    font-size: 15px !important;
    color: #636363 !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}


.forminator-input::placeholder,
.forminator-email--field::placeholder,
.forminator-name--field::placeholder,
.forminator-field--phone::placeholder,
.forminator-textarea::placeholder {
    color: #6B6B6B !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 18px !important;
    /* 100% */
}

.forminator-button-submit {
    width: 217px !important;
    height: 66px !important;
    background: #DD7246 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 40px !important;
    padding: 24px 36px !important;
    color: var(--Neutral-Colors-White, #FFF) !important;
    text-align: center !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    /* 100% */
    cursor: pointer !important;
    transition: background 0.2s !important;
    margin-top: 32px !important;
}

.forminator-button-submit:hover {
    background: #be5830 !important;
}

.forminator-response-message {
    display: none !important;
}

.forminator-field {
    margin-bottom: 0 !important;
}

.form-icons {
    padding-top: 50px;
    justify-content: end;
    margin-right: 25px;
    display: flex;
    gap: 16px;
    padding-right: 16px;
}

.form-icons .icon-box {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-icons .icon-box img {
    width: 100%;
    height: auto;
    display: block;
}

.et_pb_image_0 {
    padding-left: 0px !important;
}

@media (min-width: 981px) and (max-width: 1200px) {
    .et_pb_code_1 {
        padding-right: 0px !important;
    }

    #kontakt-sekcija>div>div.et_pb_column.et_pb_column_1_2.et_pb_column_2.et_pb_css_mix_blend_mode_passthrough.et-last-child>div {
        margin-left: 25px !important;
    }

    #kontakt-sekcija>div {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media (min-width: 860px) and (max-width: 980px) {
    .kontakt-form-row {
        padding-top: 90px !important;
        padding-left: 192px !important;
        padding-bottom: 154px !important;
        padding-right: 192px !important;
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .kontakt-form-row {
        padding-top: 90px !important;
        padding-left: 120px !important;
        padding-bottom: 120px !important;
        padding-right: 100px !important;
    }
}

/* Responsive */
@media (max-width: 700px) {
    .forminator-row {
        flex-direction: column !important;
    }

    .forminator-col-6,
    .forminator-col-12 {
        width: 100% !important;
        min-width: unset !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .forminator-custom-form-564 {
        max-width: 100% !important;
    }

    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .form-icons {
        padding-top: 6.74px !important;
        padding-bottom: 32.87px !important;
        margin: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #kontakt-sekcija {
        background-size:
            61.831px 99.746px,
            115.359px 97.317px,
            71.942px 107.911px,
            68.031px 68.031px;
    }

    .forminator-label {
        font-size: 16px !important;
    }

    .forminator-ui#forminator-module-564.forminator-design--default .forminator-input,
    .forminator-ui#forminator-module-564.forminator-design--default .forminator-input input,
    .forminator-ui#forminator-module-564.forminator-design--default .forminator-iti-input .iti__selected-dial-code {
        color: #6B6B6B !important;
        font-feature-settings: 'liga' off, 'clig' off !important;
        font-family: "Red Hat Text" !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 300 !important;
        line-height: 18px !important;
        /* 128.571% */
    }



    .forminator-input::placeholder,
    .forminator-email--field::placeholder,
    .forminator-name--field::placeholder,
    .forminator-field--phone::placeholder,
    .forminator-textarea::placeholder {
        font-size: 14px !important;
    }

    .forminator-button-submit {
        font-size: 16px !important;
        padding: 16px 112px !important;
    }

    .forminator-ui.forminator-custom-form[data-design=default] .forminator-input,
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-input:active,
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-input:disabled,
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-input:focus,
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-input:hover {
        margin-bottom: 12px !important;
    }

    .forminator-button-submit {
        margin-top: 14px !important;
        width: 100% !important;
        height: 50px !important;
        font-size: 16px !important;
    }

    .forminator-input,
    .forminator-email--field,
    .forminator-name--field,
    .forminator-field--phone {
        padding: 18px 24px !important;
    }

    .forminator-textarea {
        height: 131px !important;
        border-radius: 20px !important;
        padding: 24px 24px !important;
        font-size: 14px !important;
    }

    textarea[name="textarea-1"] {
        min-height: 131px !important;
    }


}

@media (max-width: 426px) {
    .forminator-button-submit {
        /* font-size: 12px !important; */
        /* manji font */
        padding: 14px 60px !important;
        /* možeš i padding prilagoditi */
    }

    #main-content>div>div>div.et_pb_section.et_pb_section_1_tb_body.sekcija_aktivnosti_archive.et_pb_with_background.et_section_regular>div {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }


}

/*--------------------------------------------SOBE/GLAMPING ARCHIVE PRIKAZ-------------------------------------------------------------------------- */


/* GRID desktop (već imaš, samo dopunjujem malo da centrira) */
.accommodation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    justify-items: center;
    /* centrira kartice */
}


@media (min-width: 1025px) and (max-width: 1430px) {

    .accommodation-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .accommodation-grid .accommodation-card {
        width: 100% !important;
        height: 550px !important;
    }

    .accommodation-grid .accommodation-info h3 {
        width: 100% !important;
        line-height: 30px !important;
        margin: 0 0 18.56px 0 !important;
    }

    .accommodation-grid .icons {
        width: 100% !important;
    }

    .accommodation-grid .accommodation-card .icons .vertical-divider {
        margin-left: 10% !important;
        margin-right: 8% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .accommodation-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}



@media (min-width: 768px) and (max-width: 950px) {
    .accommodation-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
        padding: 8px !important;
    }

    .accommodation-grid .accommodation-card {
        width: 100% !important;
        height: 554px !important;
    }

    .accommodation-grid .accommodation-info h3 {
        width: 100% !important;
        line-height: 30px !important;
        margin: 0 0 18.56px 0;
    }

    .accommodation-grid .icons {
        width: 100% !important;
    }

    .accommodation-grid .accommodation-card .icons .vertical-divider {
        margin-left: 10% !important;
        margin-right: 8% !important;
    }
}





/* Mobile */
@media screen and (max-width: 767px) {
    .accommodation-grid {
        grid-template-columns: 1fr;
        /* samo 1 u redu */
        justify-items: center;
        /* centrira karticu */
    }

    /* Override samo za grid kartice */
    .accommodation-grid .accommodation-card {
        width: 358.011px !important;
        height: 466.608px !important;
        border-radius: 21.047px !important;
    }

    /* Ako želiš da se ikone i tekst bolje prilagode */
    .accommodation-grid .accommodation-info h3 {
        font-size: 20px !important;
        line-height: 27.268px !important;
    }

    .accommodation-grid .accommodation-card .icons {
        display: flex !important;
        align-items: center !important;
        /* vertikalno centriranje */
        justify-content: center !important;
        /* horizontalno centriranje */
        gap: 8px !important;
        /* razmak između ikona i teksta */
    }


    .accommodation-grid .accommodation-card .icons svg {
        width: 34.783px !important;
        height: 34.783px !important;
    }

    .accommodation-grid .accommodation-card .icons .icon-person {
        width: 39.873px !important;
        height: 39.873px !important;
        margin-left: 4px !important;
    }

    .accommodation-grid .accommodation-card .icons .vertical-divider {
        width: 0.848px !important;
        height: 62.185px !important;
        align-self: stretch !important;
        margin-left: 61px !important;
        margin-right: 45px !important;
    }

    .accommodation-grid .accommodation-card .icons span {
        font-size: 15px;
        line-height: 30.631px;
        /* 283.333% */
    }

    .osoba-text {
        margin: 0 !important;
        display: flex;
        align-items: center;
    }

}


@media (max-width: 400px) {
    .accommodation-grid .accommodation-card {
        width: 100% !important;
        height: 416.608px !important;
    }
}



/*-----------------------------------------SHOP: STRANICA---------------------------------------------------------------------------------------*/

.shop_sekcija {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/09/lisce-pocetna-galerija.webp'),
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        url('/wp-content/uploads/2025/08/perunika-review-1.png');
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position:
        left 0px top 0px,
        right 0px top 0px,
        left 0px bottom 0px,
        right 0px bottom 0px;
    background-size: 142.971px 213.457px, 366.251px 400.96px, 99.37px 119.054px, 224.713px 253.713px;
}

.accommodation-shop {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 38px !important;
    justify-items: center !important;
}

.accommodation-shop .accommodation-info h3 {
    margin: 0 0 0 0 !important;
    width: 406.968px !important;
    height: 50px !important;
    flex-shrink: 0 !important;
    color: #FFF !important;
    text-align: center !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Playfair Display" !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 51px !important;
    /* 212.5% */
    padding-bottom: 29px !important;
}

.accommodation-shop .icons span {
    width: 330px !important;
    color: #FFF !important;
    text-align: center !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 23px !important;
    /* 127.778% */
    padding-bottom: 40px !important;
}

@media (min-width: 1177px) and (max-width: 1400px) {
    .accommodation-shop {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .accommodation-shop .accommodation-card {
        width: 100% !important;
        height: 500px !important;
    }

    .accommodation-shop .accommodation-info {
        width: 90% !important;
    }

    .accommodation-shop .accommodation-info h3 {
        width: 100% !important;
    }

}

@media (min-width: 981px) and (max-width: 1177px) {


    .et_pb_section_1.shop_sekcija.et_pb_with_background.et_section_regular>div.et_pb_row.et_pb_row_2.aos-sekcija {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

}

/* Tablet */
@media (min-width: 768px) and (max-width: 1177px) {

    .accommodation-shop {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .accommodation-shop .accommodation-card {
        width: 100% !important;
        height: 536px !important;
    }

    .accommodation-shop .accommodation-info {
        width: 90% !important;
    }

    .accommodation-shop .accommodation-info h3 {
        width: 100% !important;
    }

}

@media (min-width: 768px) and (max-width: 809px) {
    .accommodation-shop {
        gap: 30px !important;
        padding: 8px !important;
    }

    .accommodation-shop .accommodation-card {
        width: 305px !important;
        height: 414px !important;
    }

    .accommodation-shop .accommodation-info h3 {
        width: 90% !important;
    }

    .accommodation-shop .icons span {
        width: 259px !important;
    }
}



/* Mobile */
@media screen and (max-width: 767px) {
    .shop_sekcija {
        background-size: 74.631px 113.946px, 91.246px 95.26px, 46.127px 69.19px, 70.422px 70.422px;
    }

    .accommodation-shop {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 25.56px !important;

    }

    .accommodation-shop .accommodation-info h3 {
        width: 338.362px !important;
        height: 42.299px !important;
        flex-shrink: 0 !important;
        font-size: 20px !important;
        line-height: 43.145px !important;
        /* 212.5% */
        padding-bottom: 24px !important;
    }

    .accommodation-shop .icons span {
        width: 300px !important;
        font-size: 15.227px !important;
        line-height: 21px !important;
        padding-bottom: 36px !important;
    }

    .accommodation-shop .accommodation-card {
        width: 357px !important;
        height: 465.28px !important;
        border-radius: 21.15px !important;
    }

    .accommodation-shop .accommodation-info h3 {
        font-size: 20px !important;
        line-height: 43.145px !important;
    }

}

@media (max-width: 400px) {

    .accommodation-shop .accommodation-card {
        width: 100% !important;
        height: 416px !important;
    }

    .accommodation-shop .accommodation-info {
        width: 90% !important;
    }

    .accommodation-shop .accommodation-info h3 {
        width: 100% !important;
    }
}

/*-------------------------------------------AKTIVNOSTI STRANICA-------------------------------------------------------------------------------*/

.aktivnosti-row-spacing {
    padding-top: 109px !important;
    padding-bottom: 109px !important;
    padding-left: 111px !important;
    padding-right: 111px !important;
}

.aktivnosti-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.only-text-paragraph:not(:first-of-type) {
    margin-top: 15px;
}

.aktivnost {
    background: #F4E8CE;
    border-radius: 20px;
    width: 376px;
    height: 570px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.35s ease-in-out;
    position: relative;
    overflow: hidden;
}

/* Efekat na hover */
.aktivnost:hover {
    transform: translateY(-10px) scale(1.01);
    background: linear-gradient(145deg, #f4e9ce, #f0ddbb);
}


.aktivnost img {
    width: 100%;
    max-width: 376px;
    max-height: 333px;
    border-radius: 20px 20px 0 0;
    margin-bottom: 17px;
    object-fit: cover;
}

.aktivnost-video {
    width: 100%;
    max-width: 376px;
    max-height: 333px;
    border-radius: 20px 20px 0 0;
    margin-bottom: 17px;
    object-fit: cover;
    display: block;
}

.aktivnost h3 {
    width: 98%;
    color: #313131;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Playfair Display";
    font-size: 32px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 15px !important;
}

.aktivnost p {
    color: #313131;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    padding-left: 21.8px !important;
    padding-right: 21.8px !important;
}

.aktivnost small {
    display: block;
    color: #6B6B6B;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 100% */
    margin-bottom: 14px;
}

.svg-icon-lokacija {
    display: inline-block;
    width: 19.648px;
    height: 23.648px;
    flex-shrink: 0;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M10.0007 11.1237C11.3814 11.1237 12.5007 10.0044 12.5007 8.6237C12.5007 7.24299 11.3814 6.1237 10.0007 6.1237C8.61994 6.1237 7.50065 7.24299 7.50065 8.6237C7.50065 10.0044 8.61994 11.1237 10.0007 11.1237Z' stroke='%236B6B6B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0007 18.6237C13.334 15.2904 16.6673 12.3056 16.6673 8.6237C16.6673 4.9418 13.6825 1.95703 10.0007 1.95703C6.31875 1.95703 3.33398 4.9418 3.33398 8.6237C3.33398 12.3056 6.66732 15.2904 10.0007 18.6237Z' stroke='%236B6B6B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    margin-right: 6px;
}


.sekcija_aktivnosti_archive {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/lisce-pocetna-galerija.png'),
        /* gore lijevo */
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        /* gore desno */
        /* sredina lijevo */
        url('/wp-content/uploads/2025/08/perunika-review-1.png') !important;
    /* sredina desno */
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position:
        left 0px top 0px,
        /* gore lijevo */
        right 0px top 0px,
        /* gore desno */
        left 0px bottom 0px,
        /* sredina lijevo */
        right 0px bottom 0px !important;
    /* sredina desno */

    background-size: 211.971px 307.457px, 267.986px 263.735px, 141.37px 212.054px, 399.661px 399.661px !important;
}

@media (min-width: 981px) and (max-width: 1430px) {

    .aktivnosti-wrapper {
        gap: 30px !important;
    }

    .aktivnost {
        width: 100% !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .aktivnost img {
        width: 100% !important;
        max-height: 333px !important;
    }

    .aktivnost-video {
        width: 100% !important;
        max-height: 333px !important;
    }


}


@media (min-width: 940px) and (max-width: 980px) {
    .aktivnosti-row-spacing {
        padding-top: 132px !important;
        padding-bottom: 132px !important;
        padding-left: 92px !important;
        padding-right: 92px !important;
    }

    .sekcija_aktivnosti_archive {
        background-size: 166.971px 250.457px, 200.986px 205.735px, 139.37px 161.054px, 161.661px 179.661px !important;
    }

    .aktivnosti-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 45px !important;
        justify-items: center;
    }

    .aktivnost {
        border-radius: 20px !important;
        width: 376px !important;
        height: 570px !important;
    }

    .aktivnost img {
        max-width: 376px !important;
        max-height: 333px !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .aktivnost-video {
        max-width: 376px !important;
        max-height: 333px !important;
        border-radius: 20px 20px 0 0 !important;
    }

    .aktivnost h3 {
        width: 90% !important;
        font-size: 32px !important;
        font-weight: 500 !important;
        line-height: 36px !important;
        margin-bottom: 16px !important;
    }

    .aktivnost p {
        font-size: 16px !important;
        line-height: 23px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 8px !important;
    }

    .aktivnost small {
        font-size: 18px !important;
        line-height: 18px !important;
        margin-bottom: 12px !important;
    }

}

@media (min-width: 768px) and (max-width: 939px) {

    .aktivnosti-row-spacing {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .sekcija_aktivnosti_archive {
        background-size: 107.971px 151.457px, 115.986px 111.735px, 59.37px 83.054px, 91.661px 88.661px !important;
    }

    .aktivnosti-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px !important;
        justify-items: center;
    }

    .aktivnost {
        border-radius: 18px !important;
        width: 100% !important;
        height: 480px !important;
    }

    .aktivnost img {
        width: 100% !important;
        max-height: 220px !important;
        border-radius: 18px 18px 0 0 !important;
    }

    .aktivnost-video {
        width: 100% !important;
        max-height: 220px !important;
        border-radius: 18px 18px 0 0 !important;
    }

    .aktivnost h3 {
        width: 90% !important;
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 33px !important;
        margin-bottom: 12px !important;
    }

    .aktivnost p {
        font-size: 15px !important;
        line-height: 22px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 8px !important;
    }

    .aktivnost small {
        font-size: 16px !important;
        line-height: 15px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .aktivnosti-row-spacing {
        padding-top: 55px !important;
        padding-bottom: 78px !important;
        padding-left: 53.91px !important;
        padding-right: 53.91px !important;
    }

    .sekcija_aktivnosti_archive {
        background-size: 101.971px 159.457px, 126.986px 134.735px, 70.37px 91.054px, 98.661px 98.661px !important;
    }

    .aktivnosti-wrapper {
        grid-template-columns: 1fr;
        gap: 35px !important;
        justify-items: center;
    }

    .aktivnost {
        border-radius: 15.65px !important;
        width: 294.179px !important;
        height: 444.219px !important;
    }
    .aktivnost:nth-child(8) {
        height: 453.219px !important;
    }
    .aktivnost img {
        max-width: 294.179px !important;
        max-height: 258px !important;
        border-radius: 15.65px 15.65px 0 0 !important;
        margin-bottom: 10px !important;
    }

    .aktivnost-video {
        max-width: 294.179px !important;
        max-height: 258px !important;
        border-radius: 15.65px 15.65px 0 0 !important;
        margin-bottom: 10px !important;
    }

    .aktivnost h3 {
        width: 90% !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        line-height: 30.902px !important;
        margin-bottom: 10px !important;
    }

    .aktivnost p {
        font-size: 14px !important;
        line-height: 20px !important;
        padding-left: 11.8px !important;
        padding-right: 11.8px !important;
        padding-bottom: 7.5px !important;
    }

    .aktivnost small {
        font-size: 14px !important;
        line-height: 14.083px !important;
        /* 100.593% */
        margin-bottom: 8px !important;
    }
}

@media (min-width: 200px) and (max-width: 350px) {
    .aktivnost {
        width: 100% !important;
    }

    .aktivnost img {
        width: 100% !important;
    }

    .aktivnost-video {
        width: 100% !important;
    }
}

/*dodato dodatno*/
@media screen and (max-width: 426px) {

    .aktivnost-video {
        margin-bottom: 4px !important;
    }

    .aktivnost small {
        margin-bottom: 2px !important;
    }

    .aktivnost h3 {
        margin-bottom: 7px !important;
    }

}

/*--------------------------------------------AKTIVNOSTI SINGLE STRANICA-------------------------------------------------------------------------- */

/* single-aktivnosti */
.lokacija-naziv {
    color: #313131;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 90% */
}

.lokacije-wrapper {
    position: relative;
    /* obavezno da bi before bio u odnosu na div */
    border-bottom: solid #CDA980 2px;
    padding-bottom: 7px;
}

.lokacije-wrapper::before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 47px;
    /* prilagodi po potrebi */
    height: 47px;
    background-image: var(--mala-slika);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    /* da ne smeta klikovima */
}

.desnoSlikaAktivnosti {
    position: relative;
}

.desnoSlikaAktivnosti::before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: -90px;
    /* lijevi ugao */
    width: 200px;
    height: 200px;
    background-image: var(--mala-slika);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 100;
}

div.lokacije-footer>span.lokacije-footer-icon>img {
    position: absolute;
    top: -35px;
    right: 15px;
}

.lokacije-wrapper {
    margin-top: 10px;
}

.lokacije-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.lokacija-item {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.lokacija-icon {
    display: inline-flex;
}

.lokacije-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.lokacije-line {
    flex-grow: 1;
    background: #CDA980;
    height: 2px;
    margin-right: 15px;
}

.lokacije-footer-icon img {
    max-height: 40px;
    width: auto;
}

.sectionAktivnostiSadrzaj {
    position: relative;
    /* obavezno da bi before mogao da se pozicionira */
}

.sectionAktivnostiSadrzaj::before {
    content: "";
    position: absolute;
    top: -22px;
    left: -21px;
    width: 218.824px;
    height: 328.236px;
    background-image: url("/wp-content/uploads/2025/07/perunik-poc╠ietna.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    pointer-events: none;
    transform: rotate(-14.212deg);
}

.sectionAktivnostiSadrzaj::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 120.459px;
    height: 180.688px;
    background-image: url("/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(12.939deg);
    opacity: 1;
    pointer-events: none;
}

.sectionAktivnostiSadrzajMobile {
    background-image:
        url('/wp-content/uploads/2025/07/perunik-poc╠ietna.png'),
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position:
        left 0px top 0px,
        left 0px bottom 0px !important;

    background-size: 193.077px 289.615px, 201.373px 201.373px !important;
}

.sectionAktivnostiSadrzajTablet {
    background-image:
        url('/wp-content/uploads/2025/07/perunik-poc╠ietna.png'),
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position:
        left 0px top 0px,
        left 0px bottom 0px !important;

    background-size: 177.077px 260.615px, 163.373px 217.373px !important;
}

/* podesavanja za zasebne stranice aktivnosti */
.lokacija-naziv {
    color: #313131;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 90% */
}

.postid-815 h1:nth-child(1) {
    width: 40%
}

.postid-815 .desnoSlikaAktivnosti::before {
    width: 252.784px;
    height: 198.076px;
    bottom: -30px;
    left: -150px;
}

.postid-824 .desnoSlikaAktivnosti::before {
    width: 250px;
    height: 250px;
    bottom: -20px;
    left: -130px;
}

.single-aktivnosti .body1>div {
    text-shadow: 0 0 22px #212A1F !important;
}

.postid-827 .lokacije-wrapper::before {
    right: -5px;
    bottom: -1px;
}

.postid-808 h1 {
    width: 60%;
}

.postid-808 .lokacije-wrapper::before {
    right: -6px;
    bottom: -1px;
}

@media (min-width: 768px) and (max-width:980px) {
    .desnoSlikaAktivnosti span {
        max-width: 720px;
        width: 80%;
    }

    .postid-815 .desnoSlikaAktivnosti::before {
        bottom: -30px;
        left: 60px;
    }

    .postid-815 h1:nth-child(1) {
        width: 100%;
    }

    .postid-817 .desnoSlikaAktivnosti::before {
        bottom: -42px;
        left: -30px;
    }

    .postid-824 .desnoSlikaAktivnosti::before {
        left: 60px;
    }

    .postid-808 h1 {
        width: 100%;
    }
}

@media (max-width: 766px) {
    .postid-815 .desnoSlikaAktivnosti::before {
        bottom: -30px;
        left: -20px;
        width: 93px;
        height: 93px;
    }

    .postid-815 h1:nth-child(1) {
        width: 100%;
    }

    .postid-808 h1 {
        width: 100%;
    }

    .postid-806 .body1>div {
        width: 90%;
    }

    .single-aktivnosti .body1>div {
        line-height: 21px;
    }

    .postid-827 .lokacije-wrapper::before {
        right: -2px;
        bottom: -1px;
    }

    .postid-824 .desnoSlikaAktivnosti::before {
        bottom: -10px;
        left: -40px;
        width: 93px;
        height: 93px;
    }

    .lokacije-wrapper::before {
        width: 30px;
        height: 30px;
    }

    .lokacija-naziv {
        font-size: 14px;
    }

    .lokacije-wrapper {
        margin-top: 0px !important;
        margin-bottom: 24px !important;
        padding-bottom: 2px !important;
    }

    .desnoSlikaAktivnosti::before {
        bottom: -30px;
        left: -20px;
        width: 93px;
        height: 93px;
    }

    .sectionAktivnostiSadrzajMobile {
        background-position: left -11px top -5px,
            left -7px bottom 0px !important;
        background-size: 92.077px 113.615px, 56.373px 57.373px !important;
    }

}

@media(min-width:1441px) {
    div.desnoSlikaAktivnosti>span>img {
        border-radius: 25px
    }
}

/* dio za single-aktivnosti tablet-small desktop  */
@media(min-width:769px) and (max-width:981px) {
    .desnoSlikaAktivnosti::before {
        bottom: -42px;
        left: 80px;
    }

    div.sectionAktivnostiSadrzaj {
        padding: 0px 60px 0px 0px !important;
    }

    div.sectionAktivnostiSadrzajTablet div.lokacije-wrapper {
        width: 550px;
        /* margin: auto; */
        margin-bottom: 5px;
    }

    div.sectionAktivnostiSadrzaj div.desnoSlikaAktivnosti {
        text-align: center;
    }
}

@media(min-width:851px) and (max-width:940px) {
    .desnoSlikaAktivnosti::before {
        left: 10px;
    }

    .postid-815 .desnoSlikaAktivnosti::before {
        left: 0px;
    }

    .postid-824 .desnoSlikaAktivnosti::before {
        left: 0px;
    }
}

@media(min-width:769px) and (max-width:850px) {
    .desnoSlikaAktivnosti::before {
        left: -70px;
    }

    .postid-824 .desnoSlikaAktivnosti::before {
        left: -60px;
    }

    .postid-815 .desnoSlikaAktivnosti::before {
        left: -60px;
    }
}

/*--------------------------------------------AKTIVNOSTI SINGLE SLAJDER-------------------------------------------------------------------------- */


/* single-aktivnosti-slider  */
section.Aktivnosti-slider {
    padding: 77px 0px 0px 60px;
    background: #FCF3E0;
}

div.proslo,
div.sledece {
    position: relative;
}

div.proslo svg,
div.sledece svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

div.SectionAktivnostiSlider>div {
    width: 100%;
    max-width: 1600px !important;
}

div.SectionAktivnostiSlider {
    background: #FCF3E0;
}

div.swiper-slide {
    width: 600px !important;
    border-radius: 25px;
}

section.Aktivnosti-slider>div.IspodSlidera {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 45px;
    margin-bottom: 70px;
}

section.Aktivnosti-slider>div.IspodSlidera>div.ISstrelice {
    width: 15%;
    display: flex;
    flex-direction: row;
    gap: 23px;
}

section.Aktivnosti-slider>div.IspodSlidera>div.ISlinija {
    width: 85%;
    padding-right: 123px;
    padding-left: 45px;
}

section.Aktivnosti-slider>div.IspodSlidera>div.ISlinija hr {
    border: none;
    height: 2px;
    background: #B4B4B4;
}

section.Aktivnosti-slider>div.IspodSlidera div.sledece,
section.Aktivnosti-slider>div.IspodSlidera div.proslo {
    width: 66px;
    height: 73px;
    padding: 24px 36px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 36.55px;
    border: 1px solid #C4B593;
    background: #F4E8CE;
    cursor: pointer;
}

section.Aktivnosti-slider img {
    border-radius: 25px;
}

.sectionAktivnostiSadrzaj {
    position: relative;
    /* obavezno da bi before mogao da se pozicionira */
}

/* 
@media (max-width:980px) {
    div.sectionAktivnostiSadrzaj {
        display: none;
    }
} */

@media (max-width: 768px) {
    section.Aktivnosti-slider {
        padding: 30px 0px 30px 0px;
        background: #FCF3E0;
    }

    div.swiper-slide {
        width: 329px !important;
    }

    div.IspodSlidera {
        display: none !important;
    }
}

/*--------------------------------------------SMJESTAJ-------------------------------------------------------------------------- */

.smjestajHero .body1 {
    width: 70%;
}

div.smjestajSadrzajWrapper {
    background-color: #FFFBF1;
}

div.smjestajSadrzaj {
    display: flex;
    flex-wrap: wrap;
    column-gap: 45px;
    width: 82.5%;
    justify-content: center;
    padding: 115px 0px 90px 0px !important;
}

div.smjestajSadrzaj>div {
    width: 47.90% !important;
    max-width: 570px;

}

div.slikaKartice img {
    border-radius: 21.89px 21.89px 0 0;
}

div.tekstKartice h3 {
    text-align: center;
    padding: 50px 0px 0px 0px;
    font-weight: 500;

}

div.tekstKartice p {
    color: #313131;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 125% */
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 36px 0px 70px 0px !important;
}

div.tekstKartice {
    background-color: #F4E8CE;
    border-bottom-left-radius: 21.89px;
    border-bottom-right-radius: 21.89px;
}

div.smjestajSadrzajWrapper {
    position: relative;
}

div.smjestajSadrzajWrapper::before,
div.smjestajSadrzajWrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

div.smjestajSadrzajWrapper::before {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/lisce-pocetna-galerija.png');
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    background-size: 188px 282px, 168.5px 182px;
}

div.smjestajSadrzajWrapper::after {
    background-image:
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        url('/wp-content/uploads/2025/08/perunika-review-1.png');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-size: 141px 212px, 165px 165px;
}

@media (min-width:981px) and (max-width:1300px) {
    div.smjestajSadrzaj>div {
        width: 45.9% !important;
    }
}

@media (min-width:768px) and (max-width:980px) {
    div.smjestajSadrzaj {
        column-gap: 0px;
        padding: 139px 0px 143px 0px !important;
        row-gap: 47px;
    }

    div.smjestajSadrzaj>div {
        width: 100% !important;

    }

    div.tekstKartice p {
        padding: 36px 0px 66px 0px !important;
    }

    div.smjestajSadrzajWrapper::before {
        background-size: 249px 374px, 245px 322px;
    }

    div.smjestajSadrzajWrapper::after {
        background-size: 164.5px 246px, 274px 274px;
    }
}

.archive_sekcija_smjestaj {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/lisce-pocetna-galerija.png'),
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.png'),
        url('/wp-content/uploads/2025/08/perunika-review-1.png') !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position:
        left 0px top 0px,
        /* gore lijevo */
        right 0px top 0px,
        /* gore desno */
        left 0px bottom 0px,
        /* sredina lijevo */
        right 0px bottom 0px !important;
    background-size: 188px 282px, 165.5px 185px, 90px 147px, 163px 163px !important;
}

@media (max-width:768px) {
    div.smjestajSadrzajWrapper::before {
        background-size: 68px 103px, 52px 68px;
    }

    div.smjestajSadrzajWrapper::after {
        background-size: 36px 55px, 55px 55px;
    }

    .archive_sekcija_smjestaj {
        background-size: 95.805px 143.708px, 92px 92px, 59.377px 89.069px, 77.291px 77.291px !important;
    }

    .smjestajHero .body1 {
        width: 100%;
    }

    div.smjestajSadrzaj>div {
        width: 100% !important;
        max-width: 570px;
    }

    div.smjestajSadrzaj {
        width: 89.66%;
        padding: 38px 0px 12px 0px !important;
        row-gap: 30px;
    }



    div.tekstKartice h3 {
        padding: 20px 0px 0px 0px;
        font-size: 24px !important;
        font-weight: 500 !important;
    }
}

@media (max-width:426px) {
    div.tekstKartice p {
        font-size: 14px;
        width: 80%;
        padding: 12px 0px 30px 0px !important;
        line-height: 21px;
    }
}

/*--------------------------------------------SOBE SINGLE STRANICE-------------------------------------------------------------------------- */



/* kod za single sobe/glamping */
.single_smjestaj_sekcija {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/perunika-review-1.png');
    background-repeat: no-repeat, no-repeat;
    background-position: top left, bottom right;
    background-size: 188px 282px, 165px 165px;
}
@media (min-width:768px) and (max-width:981px)  {
    .single_smjestaj_sekcija {
        background-size: 140px 210px, 165px 165px;
    }
}
.postid-368 div.et_pb_section.et_pb_section_0_tb_body,
.postid-366 div.et_pb_section.et_pb_section_0_tb_body,
.postid-364 div.et_pb_section.et_pb_section_0_tb_body,
.postid-1219 div.et_pb_section.et_pb_section_0_tb_body,
.postid-1218 div.et_pb_section.et_pb_section_0_tb_body{
    background-position: bottom !important;
}

 
.rezervacija_single {
    display: inline-flex;
    padding: 18px 24px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    border-radius: 30px;
    background: #DD7246;
    color: var(--Neutral-Colors-White, #FFF);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    /* 100% */
    text-decoration: none;
    cursor: pointer;
}

.pogodnosti-wrapper {
    display: grid;
    grid-template-columns: 30% 20% 30% 20%;
    /* desktop: 4 kolone */
    column-gap: 20px;
    /* razmak između stavki */
    width: 100%;
    border-bottom: 2px solid #B4B4B4;
    padding-right: 62px;
}

.pogodnost-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 3px 0px 3px 0px;
}

.pogodnost-item p {
    color: #313131;
    text-align: left;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Red Hat Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 51px;
    /* 283.333% */
    text-transform: uppercase;
}

/* separator */
hr.row-separator {
    grid-column: 1 / -1;
    /* zauzima cijelu širinu grida */
    border: none;
    border-top: 2px solid #B4B4B4;
    margin: 0px 0;
}

div.glamping-wrapper {
    grid-template-columns: 30% 40% 30%;
    padding-right: 41px;
}

@media (min-width:981px) and (max-width:1300px) {

    .pogodnost-item p {
        line-height: 35px;
    }
}


@media (min-width:768px) and (max-width:980px) {
    .pogodnosti-wrapper {
        display: grid;
        grid-template-columns: 60% 36.5%;
        column-gap: 20px;
        width: 100%;
        border-bottom: 2px solid #B4B4B4;
        padding-right: 0px;
    }

    #main-content>div>div>div.et_pb_section.et_pb_section_1_tb_body.single_smjestaj_sekcija.et_pb_with_background.et_section_regular>div>div>div.et_pb_module.et_pb_code.et_pb_code_2_tb_body {
        width: 80%;
    }

    div.glamping-wrapper {
        grid-template-columns: 46.5% 50%;
        padding-right: 0px;
    }

    .pogodnost-item p {
        line-height: 35px;
    }
}

/* mobilni prikaz: 2 kolone */
@media (max-width: 768px) {
    .bg-slika-all-sobe {
        background-position: 52% center !important;
        /* Fina kontrola pozicije */
        background-size: cover !important;
    }

    .rezervacija_single {
        height: 44px;
        font-size: 14px;
    }

    div.glamping-wrapper {
        grid-template-columns: 50% 50%;
        padding-right: 11px;
        column-gap: 10px;
    }

    .single_smjestaj_sekcija {
        background-size: 68px 103px, 55px 55px;
    }

    .pogodnosti-wrapper {
        grid-template-columns: 67% 33%;
        padding-right: 22px;
        padding-top: 20px;
    }

    .pogodnost-item p {
        font-size: 12.333px;
        line-height: 18px;
        /* 283.333% */
    }

    .pogodnost-item svg {
        width: 22px;
        height: 22px;
    }

    .pogodnost-item {
        gap: 10px;
        padding: 7px 0px 7px 0px;
    }

}

/*--------------------------------------------O NAMA STRANICA-------------------------------------------------------------------------- */
.oNamaHero {
    position: relative;
}

.oNamaHero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

span.oNamaZvijezda {
    width: 38px !important;
    height: 38px !important;
}

.oNamaSekcija2 h3 {
    color: white;
}

span.svg-icon-lucide-flower {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_2366_2344)'%3E%3Cpath d='M2.69909 18.6915L14.4248 14.4258L18.6905 2.70007C18.789 2.43228 18.9673 2.20116 19.2013 2.03791C19.4353 1.87465 19.7138 1.78711 19.9991 1.78711C20.2844 1.78711 20.5629 1.87465 20.7969 2.03791C21.0309 2.20116 21.2092 2.43228 21.3077 2.70007L25.5734 14.4258L37.2991 18.6915C37.5669 18.79 37.798 18.9683 37.9613 19.2023C38.1245 19.4363 38.2121 19.7147 38.2121 20.0001C38.2121 20.2854 38.1245 20.5639 37.9613 20.7979C37.798 21.0319 37.5669 21.2101 37.2991 21.3086L25.5734 25.5744L21.3077 37.3001C21.2092 37.5679 21.0309 37.799 20.7969 37.9622C20.5629 38.1255 20.2844 38.213 19.9991 38.213C19.7138 38.213 19.4353 38.1255 19.2013 37.9622C18.9673 37.799 18.789 37.5679 18.6905 37.3001L14.4248 25.5744L2.69909 21.3086C2.43131 21.2101 2.20019 21.0319 2.03693 20.7979C1.87367 20.5639 1.78613 20.2854 1.78613 20.0001C1.78613 19.7147 1.87367 19.4363 2.03693 19.2023C2.20019 18.9683 2.43131 18.79 2.69909 18.6915Z' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2366_2344'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -16px;
}

span.svg-icon-home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cg clip-path='url(%23clip0_1560_5528)'%3E%3Cpath d='M8.16401 32.4629H26.8488C28.8694 32.4629 30.0503 31.3239 30.0503 29.3179V16.3257L31.8857 18.0051C32.185 18.2898 32.5123 18.4889 32.9105 18.4889C33.579 18.4889 34.12 18.0761 34.12 17.3931C34.12 16.9662 33.9633 16.6961 33.6932 16.4538L28.7553 11.9427V3.56234C28.7553 2.93637 28.357 2.53809 27.731 2.53809H25.8671C25.2551 2.53809 24.8277 2.93637 24.8277 3.56234V8.37212L19.2073 3.24905C18.7095 2.79369 18.1114 2.53809 17.4994 2.53809C16.8874 2.53809 16.29 2.79369 15.7922 3.24905L1.30573 16.4544C1.04951 16.6967 0.878906 16.9668 0.878906 17.3937C0.878906 18.0767 1.41926 18.4895 2.08833 18.4895C2.50119 18.4895 2.82844 18.2904 3.11319 18.0057L4.94858 16.3409V29.3186C4.94858 31.3246 6.13008 32.4636 8.16462 32.4636M21.597 20.7232C21.597 20.0687 21.1702 19.6559 20.5157 19.6559H14.4813C13.8268 19.6559 13.386 20.0687 13.386 20.7232V30.171H8.6473C7.73658 30.171 7.23873 29.6731 7.23873 28.7478V14.2487L17.001 5.35462C17.143 5.21255 17.3137 5.12694 17.4988 5.12694C17.684 5.12694 17.8546 5.19798 18.0113 5.35462L27.7583 14.2487V28.7484C27.7583 29.6737 27.2605 30.1716 26.3643 30.1716H21.597V20.7232Z' fill='%23E2C78B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1560_5528'%3E%3Crect width='34' height='34' fill='white' transform='translate(0.5 0.499878)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: baseline;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -3px;
}

.OnamaSlika1Sekcija span {
    position: relative;
}

/* .OnamaSlika1Sekcija span::before {
    content: "";
    width: 159.279px;
    height: 238.919px;
    position: absolute;
    right: -60px;
    bottom: 5%;
    background-image: url("/wp-content/uploads/2025/09/closeup-shot-glass-full-whole-strawberries-front-grey-wall4.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    pointer-events: none;
    z-index: 10;
} */

.oNamaSlika2Sekcija span {
    position: relative
}

.oNamaSlika2Sekcija span::before {
    content: "";
    width: 197.066px;
    height: 148.742px;
    position: absolute;
    right: -60px;
    bottom: -20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    pointer-events: none;
    z-index: 10;
    background-image: url(' /wp-content/uploads/2025/09/Screenshot_2025-09-01_at_12.25.31-removebg-preview-1.png');
}

.OnamaSlika3Sekcija span {
    position: relative;
}

.OnamaSlika3Sekcija span::before {
    content: "";
    width: 320.493px;
    height: 240.35px;
    position: absolute;
    right: -129px;
    bottom: -76px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    pointer-events: none;
    z-index: 10;
    background-image: url(' /wp-content/uploads/2025/09/front-view-camera-1.png');

}

.oNamaSlika4Sekcija span {
    position: relative;
}

.oNamaSlika4Sekcija span::before {
    content: "";
    width: 142.493px;
    height: 202px;
    position: absolute;
    left: -90px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/09/antique-lantern-glowing-with-natural-flame-light-generated-by-ai-1.png')
}

.oNamaSek3Sadrzaj1>div:nth-child(2) {
    padding-left: 25px;
}

.oNamaSek1Sadrzaj1>div:nth-child(2) {
    position: relative;
}

.oNamaSek1Sadrzaj1>div:nth-child(2)::before {
    content: "";
    width: 142.493px;
    height: 202px;
    position: absolute;
    left: -66px;
    bottom: 123px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/08/zvijezda-poc╠ietna.png')
}


.oNamaSekcija1 {
    position: relative;
    overflow: hidden;
}

.oNamaSekcija1::before {
    content: "";
    width: 205.493px;
    height: 280.35px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/09/perunik-pocetna.webp');
}

.oNamaSek1Sadrzaj2 {
    position: relative;
    /* overflow: hidden; */
}

.oNamaSek1Sadrzaj2::before {
    content: "";
    width: 353px;
    height: 322px;
    position: absolute;
    right: -200px;
    bottom: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/09/lisce-pocetna.webp');
}
.oNamaSekcija1::after {
    content: "";
    width: 173px;
    height: 260px;
    position: absolute;
    left: 0px;
    bottom: -16px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/09/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.webp');
}
@media (min-width:768px) and (max-width:981px){
 .oNamaSekcija1::after {
    width: 112px;
    height: 173px;
}   
}
.oNamaSekcija3 {
    position: relative;
    overflow: hidden
}

.oNamaSekcija3::before {
    content: "";
    width: 155px;
    height: 187px;
    position: absolute;
    left: 0px;
    top: -29px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/09/ChatGPT_Image_Jul_16__2025__09_18_44_PM-removebg-preview-3.webp');
}

.oNamaSekcija3::after {
    content: "";
    width: 322px;
    height: 322px;
    position: absolute;
    right: -135px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
    background-image: url('/wp-content/uploads/2025/09/perunika-review.webp');
}

.oNamaSekcija4 {
    position: relative;
}

.oNamaSekcija4::before {
    content: "";
    width: 322px;
    height: 322px;
    position: absolute;
    right: 0px;
    top: -135px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 100;
    background-image: url('/wp-content/uploads/2025/09/sparkles-flat-stars-shiny-stardust-vector-elements-1.webp');
    opacity: 0.8;
}

.oNamaSekcija4::after {
    content: "";
    width: 200px;
    height: 301px;
    position: absolute;
    left: 0px;
    bottom: -20px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 100;
    background-image: url('/wp-content/uploads/2025/09/ChatGPT_Image_Jul_15__2025__10_20_30_PM-removebg-preview-2.webp');
    opacity: 1;
}

.oNamaHeroPodnaslov p,
.oNamaSekcija2 h3 {
    text-shadow: 0 0 22px #212A1F !important;
}




.sobeP {
    color: #313131 !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Red Hat Text" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    /* 120% */
}

@media (min-width:769px) and (max-width:1140px) {
    .oNamaSek1Sadrzaj1>div:nth-child(2) {
        padding-left: 15px;
    }

    .oNamaSek1Sadrzaj2>div:nth-child(2) {
        padding-left: 15px;
    }

    .oNamaSek1Sadrzaj3>div:nth-child(2) {
        padding-left: 15px
    }

    .oNamaSek3Sadrzaj1>div:nth-child(2) {
        padding-left: 15px;
    }

    .oNamaSek4Sadrzaj1>div:nth-child(2) {
        padding-left: 15px;
    }
}

@media (min-width:981px) and (max-width:1600px) {
    div.oNamaSek1Sadrzaj3>div:nth-child(1) {
        width: 40%;
    }

    div.oNamaSek1Sadrzaj3>div:nth-child(2) {
        width: 60%;
    }
}

div.PorodicnaSlika {
    margin-left: 0px !important;
}

div.oNamaSek4Sadrzaj1 .svg-icon-mjesec {
    margin-top: -7px;
}

#post-47 .body2 {
    line-height: 30px;
}
/* o-nama tablet */
@media (max-width:980px){
    .oNamaSekcija4{
        overflow: hidden;
    }
}
@media (min-width:768px) and (max-width:980px) {
    div.oNamaSek1Sadrzaj2>div:nth-child(1) {
        order: 2;
    }

    div.oNamaSek1Sadrzaj2>div:nth-child(2) {
        order: 1;
    }

    div.oNamaSek1Sadrzaj2 {
        display: flex;
        flex-direction: column;
    }

    div.oNamaSek3Sadrzaj1 {
        display: flex;
        flex-direction: column;
    }

    div.oNamaSek3Sadrzaj1>div:nth-child(1) {
        order: 2;
    }

    .oNamaSek3Sadrzaj1>div:nth-child(2) {
        padding-left: 0px;
    }

    div.oNamaSek1Sadrzaj1 h3 {
        font-weight: 500;
    }

    .oNamaSek1Sadrzaj1>div:nth-child(2)::before {
        width: 110px;
        height: 121px;
        left: 0px;
        bottom: 196px;
    }

    div.oNamaSekcija2 h3 {
        font-size: 45.984px !important;
        font-weight: 600;
    }

    .oNamaSek3Sadrzaj1 div.body2 {
        padding-bottom: 20px;
    }

    .oNamaSek3Sadrzaj1>div:nth-child(2) {
        padding-left: 0px;
    }

    .oNamaSekcija4::before {
        top: 146px;
    }

    .oNamaSek1Sadrzaj2::before {
        right: -132px;
        transform: rotate(15deg);
    }
}

/* o-nama mobile */
@media (max-width:768px) {
    .sobeP {
        font-size: 14px !important;
        line-height: 21px !important;
        /* 120% */
    }

    .oNamaHeroPodnaslov p {
        text-shadow: 0 0 22px #212A1F;
        font-size: 18px;
        line-height: 21px;
    }

    .oNamaSekcija2 h3 {
        text-shadow: 0 0 22px #212A1F;
        font-size: 18px;
    }

    .svg-icon-dva-lista {
        width: 30.506px;
        height: 24.904px;
        margin-bottom: -1px;
    }

    #post-47 .body2 {
        line-height: 21px;
    }

    .oNamaSekcija1::before {
        width: 76px;
        height: 114px;
    }

    .oNamaSek1Sadrzaj2::before {
        width: 71px;
        height: 94px;
        right: 0px;
        bottom: 59%;
    }

    .oNamaSekcija1::after {
        width: 49px;
        height: 73px;
        bottom: -4px;
    }

    .oNamaSekcija3::before {
        width: 73px;
        height: 73px;
        top: -15px;
    }

    .oNamaSekcija3::after {
        width: 190px;
        height: 190px;
        right: -81px;
        top: 0px;
    }

    .oNamaSekcija4::before {
        width: 222px;
        height: 153px;
        top: 118px;
        right: -50px
    }

    .oNamaSekcija4::after {
        width: 97px;
        height: 146px;
        bottom: 230px;
        left: -30px;
        transform: rotate(11.111deg);
    }

    #post-47>div>div>div>div.et_pb_section.et_pb_section_2.oNamaSekcija2.et_pb_with_background.et_section_regular>div>div>div {
        padding-top: 41px !important;
    }

    div.oNamaSek3Sadrzaj1 h3 {
        width: 86%;
    }

    div.oNamaSek1Sadrzaj2>div:nth-child(1) {
        order: 2;
    }

    div.oNamaSek1Sadrzaj2>div:nth-child(2) {
        order: 1;
    }

    div.oNamaSek1Sadrzaj2 {
        display: flex;
        flex-direction: column;
    }

    div.oNamaSek1Sadrzaj3 div.body2 {
        padding-bottom: 30px;
    }

    div.oNamaSek3Sadrzaj1 {
        display: flex;
        flex-direction: column;
    }

    div.oNamaSek3Sadrzaj1>div:nth-child(1) {
        order: 2;
    }

    div.oNamaSek3Sadrzaj1>div:nth-child(2) {
        width: 100%;
        padding-left: 0px;
    }

    div.oNamaSek4Sadrzaj1>div:nth-child(1) {
        padding-bottom: 60px;
    }

    .oNamaSlika4Sekcija span::before {
        width: 51px;
        height: 74px;
        left: -30px;
        bottom: -2px;
    }

    .OnamaSlika3Sekcija span::before {
        width: 166px;
        height: 92px;
        bottom: -30px;
        right: -50px;
    }

    .oNamaSlika2Sekcija span::before {
        width: 127px;
        height: 96px;
        right: -40px;
    }

    .OnamaSlika1Sekcija span::before {
        width: 88px;
        height: 132px;
        right: -32px;
        bottom: 15%;
    }

    .oNamaSek1Sadrzaj1>div:nth-child(2)::before {
        width: 62px;
        height: 69px;
        left: calc(1% - 20px);
        bottom: 83px;
    }

    .oNamaSek1Sadrzaj1 {
        overflow: hidden;
    }

    span.oNamaZvijezda {
        width: 27px !important;
        height: 27px !important;
        margin-bottom: -3px;
    }

    span.svg-icon-lucide-flower {
        width: 25px;
        height: 25px;
        vertical-align: bottom;
    }

    span.svg-icon-home {
        width: 27px;
        height: 27px;
    }

    .oNamaSek4Sadrzaj1 span.svg-icon-mjesec {
        width: 28px !important;
        height: 36px !important;
        vertical-align: bottom;
        margin-bottom: -6px;
    }

    .oNamaSek1Sadrzaj1 .body2 {
        padding-bottom: 1em;
    }

    .oNamaSek1Sadrzaj1 h3 {
        font-weight: 500 !important;
    }

    .oNamaSek1Sadrzaj2 .body2 {
        padding-bottom: 10px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/

.feature-section {
    background-image: url('/wp-content/uploads/2025/09/closeup-shot-glass-full-whole-strawberries-front-grey-wall-3.png'),
        url('/wp-content/uploads/2025/08/ChatGPT_Image_Jul_16__2025__09_18_44_PM-removebg-preview-3-1.png'),
        url('/wp-content/uploads/2025/08/closeup-shot-glass-full-whole-strawberries-front-grey-wall-1-3.png'),
        url('/wp-content/uploads/2025/08/closeup-shot-glass-full-whole-strawberries-front-grey-wall-2.png'),
        url('/wp-content/uploads/2025/08/perunik-smjestaj.png');
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left 0px top 0px,
        left -9px top 1450px,
        right -21px top 1454px,
        left 0px top 2280px,
        right -12px top 2196px;
    background-size: 155.12px 238.68px, 183.373px 178.373px, 219.21px 318.815px, 159.077px 290.615px, 141.919px 385.379px;
}


.features-grid-custom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 53px;
}

.feature-item {
    border-radius: 18.734px;
    background: #F4E8CE;
    padding-top: 28px;
    padding-bottom: 22px;
    text-align: center;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
}

.feature-text {
    color: #313131 !important;
    text-align: center !important;
    font-feature-settings: 'liga' off, 'clig' off !important;
    font-family: "Playfair Display" !important;
    font-size: 29.976px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 58.703px !important;
    /* 195.833% */
}

.feature-item .icon svg {
    width: 59.966px;
    height: 59.966px;
}

@media (min-width:981px) and (max-width:1050px) {

    .feature-text {
        line-height: 38.703px !important;
    }
}

@media (min-width: 768px) and (max-width: 982px) {

    .feature-section {

        background-position: left 0px top -10px,
            left -9px top 2185px,
            right -24px top 2174px,
            left 0px top 3041px,
            right -26px top 2996px;
        background-size: 129.12px 204.68px, 201.373px 201.373px, 219.21px 318.815px, 159.077px 290.615px, 120.919px 326.379px;
    }


    .features-grid-custom {
        grid-template-columns: repeat(2, 1fr);
        gap: 53px;
    }

    .feature-item {
        padding-bottom: 18px;
    }


    .feature-item .icon svg {
        width: 58.966px;
        height: 58.966px;
    }

    .feature-item.span-2 {
        grid-column: span 2;
    }
}


@media (max-width: 767px) {
    .feature-section {
        background-position: left 0px top -2px,
            left -9px top 1238px,
            right 0px top 1238px,
            left -5px top 1739px,
            right -3px top 1723px;
        background-size: 60.12px 103.68px, 100.373px 100.373px, 80.21px 120.815px, 76.077px 114.615px, 50.919px 114.379px;
    }

    .features-grid-custom {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }

    .feature-item.span-2 {
        grid-column: span 2;
    }

    .feature-item {
        border-radius: 7.79px;
        padding-top: 12px;
        padding-bottom: 14px;
    }

    .feature-text {
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 24.406px !important;
    }

    .feature-item .icon svg {
        width: 24.31px;
        height: 23.368px;
    }
}



@media (max-width: 386px) {
    .korpa_wrapper {
        width: 275px;
        height: 269px;
    }

    .korpa_wrapper::after {
        bottom: -52px;
        right: -67px;
        width: 111.977px;
        height: 148.958px;
        flex-shrink: 0;
        aspect-ratio: 106/141;
    }
}

/*  Meni za manje ekrane po uzoru na tablet izgled  */

@media (min-width:980px) and (max-width:1113px) {
    #slikaMeni img {
        width: 65.422px;
        height: 65.422px;
    }

    #menuBar {
        padding: 9px 0px !important;
    }

    #menu-main-menu>li>a,
    #menu-main-menu>li.smjestajDropdown-hover.et-show-dropdown.et-hover>ul.sub-menu > li>a {
        font-size: 12.8px;
        font-weight: 500;
        line-height: 12.8px;
    }

    .rezDugme {
        padding: 12.8px 17.067px !important;
    }

    .rezDugme a {
        font-size: 12.8px !important;
        font-weight: 700 !important;
        line-height: 12.8px !important;
        /* 100% */
    }

    #menuBar .et_pb_column_1_4 {
        width: 25% !important;
    }
}

/* footer tablet */
@media (min-width:768px) and (max-width:980px) {
    footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough {
        width: 35% !important;
        margin-right: 100px !important;
    }

    #et-main-area>footer>div>div>div.et_pb_row.et_pb_row_0_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child {
        margin-top: 0px !important;
        justify-content: flex-start !important;
    }

    #Newsletter {
        padding: 38px 0px 77px 0px !important;
    }

    #footerImage img {
        margin-left: -18px !important;
        margin-top: 47px !important;
    }

    footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_2.et_pb_column_4_tb_footer.et_pb_css_mix_blend_mode_passthrough {
        width: 47% !important;
    }

    footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_5_tb_footer.et_pb_css_mix_blend_mode_passthrough {
        width: 25% !important;
    }

    footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4>div.et_pb_column.et_pb_column_1_4.et_pb_column_6_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child {
        width: 28% !important;
    }

    footer>div>div>div.et_pb_row.et_pb_row_1_tb_footer>div {
        height: 1px !important;
    }

    footer>div>div>div.et_pb_row.et_pb_row_2_tb_footer.et_pb_row_1-2_1-4_1-4 {
        padding: 32px 0px 45px 0px !important;
        align-items: center !important;
    }

    .et_pb_row_0_tb_footer,
    .et_pb_row_2_tb_footer,
    .et_pb_row_1_tb_footer {
        width: 90% !important;
    }

    /* ovo je za slider tablet dodatak */
    section.Aktivnosti-slider>div.IspodSlidera>div.ISlinija {
        padding-right: 25px;
        padding-left: 99px;
    }
}

/*-----------------------------------------------------------------------------BOOKING------------------------------------------------------*/
div.rezervacije_section {
    position: relative;
}

div.rezervacije_section::before,
div.rezervacije_section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    mix-blend-mode: screen;
}

div.rezervacije_section::before {
    background-image:
        url('/wp-content/uploads/2025/08/perunik-pocetna.png'),
        url('/wp-content/uploads/2025/08/lisce-pocetna-galerija.png');
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    background-size: 144px 216px, 132.5px 173px;
}

div.rezervacije_section::after {
    background-image:
        url('/wp-content/uploads/2025/09/lisce-pocetna-flip.png'),
        url('/wp-content/uploads/2025/09/perunika-review-3.png');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    background-size: 132.5px 173px, 170px 170px;
}




#block-search,
#block-search * {
    box-sizing: border-box;
}

#block-search {
    max-width: 1156px;
    margin: 0 auto;
    background: #fcf3e0;
    border-radius: 50px;
}

.be-container {
    padding: 6px;
}


#be-booking-form {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

#tl-booking-cart {
    z-index: 1 !important;
}



@media screen and (max-width: 840px) {
    #block-search {
        border-radius: 30px;
    }

    .be-container {
        padding: 20px;
    }
}

@media (max-width:500px) {

    #block-search {
        height: 304px;
    }
    div.rezervacije_section::before {
        background-size: 66px 99px, 83px 110px;
    }
    div.rezervacije_section::after {
       background-size: 83px 110px, 64px 64px;
    }
}



/*------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:980px){
.home-hero-podnaslov p,
.oNamaHeroPodnaslov p,
.post-type-archive-sobe .body1 p,
.post-type-archive-glamping .body1 p,
.single-sobe div.body1 > div,
.single-glamping .body1 > div,
.post-type-archive-aktivnosti .body1 p,
.single-aktivnosti .body1 > div,
.body1 p,
.hero-podnaslov p{
        line-height: 25px !important;
    }
}
@media (max-width:767px){
.home-hero-podnaslov p,
.oNamaHeroPodnaslov p,
.post-type-archive-sobe .body1 p,
.post-type-archive-glamping .body1 p,
.single-sobe div.body1 > div,
.single-glamping .body1 > div,
.post-type-archive-aktivnosti .body1 p,
.single-aktivnosti .body1 > div,
.body1 p,
.hero-podnaslov p{
        line-height: 21px !important;
    }
}
div.tl-widgets-container,
div.x-tl-booking-widget-container.x-tl-booking-widget-container_pulled-right{
    display: none;
}