.elementor-255 .elementor-element.elementor-element-2df15eb{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-255 .elementor-element.elementor-element-2df15eb:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-2df15eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agrikol.hr/wp-content/uploads/2026/03/inner-banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-255 .elementor-element.elementor-element-423ff18 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-255 .elementor-element.elementor-element-d96ab98{font-family:"Montserrat", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-255 .elementor-element.elementor-element-d96ab98 a{color:#FFFFFF;}.elementor-255 .elementor-element.elementor-element-d96ab98 a:hover{color:var( --e-global-color-primary );}.elementor-255 .elementor-element.elementor-element-6d8936a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-255 .elementor-element.elementor-element-2df15eb{--min-height:200px;}.elementor-255 .elementor-element.elementor-element-423ff18 .elementor-heading-title{font-size:26px;}}/* Start custom CSS *//* =========================================
   REDIZAJN SINGLE STRANE ZA POSAO (Karijera)
   Font: Montserrat | Boja: #0052B4 | Sharp Style
========================================= */

/* Glavni kontejner */
.wsk-single-post {
    font-family: 'Montserrat', sans-serif !important;
    max-width: 900px; /* Ograničava širinu za bolju čitljivost */
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #ffffff;
}

/* Kontejner slike (Logotipa) u vrhu */
.wsk-single-post__img-wrap {
    background-color: #f8f9fa; /* Blago siva pozadina */
    padding: 40px;
    text-align: center;
    margin-bottom: 50px;
    border: 1px solid #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px; /* Fiksna visina da logo ne divlja */
    border-radius: 0 !important; /* Oštre ivice */
}

/* Sam logo */
.wsk-single-post__img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain; /* Osigurava da se logo lepo uklopi */
    border-radius: 0 !important;
}

/* Naslov radnog mesta (H1) */
.wsk-single-post__title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 38px;
    font-weight: 800; /* Extra bold za naslov */
    color: #222222;
    text-transform: uppercase; 
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 16px;
    position: relative;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

/* Plava linija ispod naslova */
.wsk-single-post__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background-color: #0052B4; /* Primarna plava */
}

/* =========================================
   ACF DETALJI O POSLU (Lista)
========================================= */
.wsk-single-post__acf dl {
    margin: 0;
    padding: 0;
}

/* Pojedinačni red (leva i desna strana) */
.wsk-acf-row {
    display: flex;
    align-items: flex-start;
    padding: 24px 0;
    border-bottom: 1px solid #eeeeee;
}

.wsk-acf-row:last-child {
    border-bottom: none;
}

/* Naziv polja (Leva strana - Type, Salary, itd.) */
.wsk-acf-row dt {
    font-family: 'Montserrat', sans-serif !important;
    width: 30%; 
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #0052B4;
    text-transform: uppercase;
    padding-right: 20px;
    letter-spacing: 0.05em;
}

/* Vrednost polja (Desna strana - tekst i liste) */
.wsk-acf-row dd {
    font-family: 'Montserrat', sans-serif !important;
    width: 70%; 
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #555555;
    font-weight: 500;
}

/* Stilizacija liste (Obveze / Uvjeti) unutar DD taga */
.wsk-acf-row dd ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wsk-acf-row dd ul li {
    font-family: 'Montserrat', sans-serif !important;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
}

/* Plavi kvadratići umesto običnih tačaka */
.wsk-acf-row dd ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px; 
    width: 10px;
    height: 10px;
    background-color: #0052B4;
    border-radius: 0 !important; /* Oštri kvadrati */
}

/* =========================================
   PREVOD ACF POLJA (CSS Trik sa Montserrat fontom)
========================================= */
/* 1. Type -> Vrsta posla */
.wsk-acf-row:nth-child(1) dt { font-size: 0; }
.wsk-acf-row:nth-child(1) dt::before { 
    content: "Vrsta posla"; 
    font-size: 17px; 
    font-family: 'Montserrat', sans-serif !important;
}

/* 2. Salary -> Plaća */
.wsk-acf-row:nth-child(2) dt { font-size: 0; }
.wsk-acf-row:nth-child(2) dt::before { 
    content: "Plaća"; 
    font-size: 17px; 
    font-family: 'Montserrat', sans-serif !important;
}

/* 3. Obligations -> Obveze */
.wsk-acf-row:nth-child(3) dt { font-size: 0; }
.wsk-acf-row:nth-child(3) dt::before { 
    content: "Obveze"; 
    font-size: 17px; 
    font-family: 'Montserrat', sans-serif !important;
}

/* 4. Requirements -> Uvjeti */
.wsk-acf-row:nth-child(4) dt { font-size: 0; }
.wsk-acf-row:nth-child(4) dt::before { 
    content: "Uvjeti"; 
    font-size: 17px; 
    font-family: 'Montserrat', sans-serif !important;
}

/* =========================================
   RESPONZIVNOST (Mobilni telefoni)
========================================= */
@media (max-width: 768px) {
    .wsk-single-post__title {
        font-size: 28px;
    }

    .wsk-single-post__img-wrap {
        height: 180px;
        padding: 20px;
    }
    
    .wsk-acf-row {
        flex-direction: column; 
    }
    
    .wsk-acf-row dt, 
    .wsk-acf-row dd {
        width: 100%; 
    }
    
    .wsk-acf-row dt {
        margin-bottom: 12px;
        font-size: 16px;
    }
}/* End custom CSS */