.elementor-6263 .elementor-element.elementor-element-83b4bea{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-6263 .elementor-element.elementor-element-83b4bea:not(.elementor-motion-effects-element-type-background), .elementor-6263 .elementor-element.elementor-element-83b4bea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agrikol.rs/wp-content/uploads/2026/03/breadcrumb-agrikol.jpg");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-6263 .elementor-element.elementor-element-8f45062{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6263 .elementor-element.elementor-element-8f45062 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6263 .elementor-element.elementor-element-d6c7ba9{font-family:"Montserrat", Sans-serif;font-weight:500;color:var( --e-global-color-primary );}.elementor-6263 .elementor-element.elementor-element-d6c7ba9 a{color:var( --e-global-color-accent );}.elementor-6263 .elementor-element.elementor-element-1aa0938{--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;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6263 .elementor-element.elementor-element-d9be764{--grid-columns:1;}.elementor-6263 .elementor-element.elementor-element-d9be764 .elementor-pagination{text-align:center;margin-top:30px;}body:not(.rtl) .elementor-6263 .elementor-element.elementor-element-d9be764 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-6263 .elementor-element.elementor-element-d9be764 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6263 .elementor-element.elementor-element-d9be764 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-6263 .elementor-element.elementor-element-d9be764 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-6263 .elementor-element.elementor-element-83b4bea{--min-height:250px;}.elementor-6263 .elementor-element.elementor-element-8f45062{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6263 .elementor-element.elementor-element-8f45062 .elementor-heading-title{font-size:24px;}.elementor-6263 .elementor-element.elementor-element-d9be764{--grid-columns:2;}}@media(max-width:767px){.elementor-6263 .elementor-element.elementor-element-83b4bea{--min-height:200px;}.elementor-6263 .elementor-element.elementor-element-8f45062 .elementor-heading-title{font-size:22px;}.elementor-6263 .elementor-element.elementor-element-d9be764{--grid-columns:1;}}/* Start custom CSS *//* Kontejner za paginaciju */
.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Razmak između krugova */
    padding: 0;
    margin: 0;
}

/* Osnovni stil za sve krugove (brojeve, tačkice, strelice) */
.elementor-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px; /* Širina kruga */
    height: 46px; /* Visina kruga */
    border-radius: 50%;
    border: 1px solid #eaeaea; /* Svetlo siva ivica */
    background-color: #ffffff;
    color: #123e72; /* Tamno plava boja teksta */
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0;
}

/* Stil za aktivnu (trenutnu) stranicu */
.elementor-pagination .page-numbers.current {
    background-color: #123e72; /* Tamno plava pozadina */
    color: #ffffff; /* Beli tekst */
    border-color: #123e72;
}

/* Hover efekat za linkove */
.elementor-pagination a.page-numbers:hover {
    border-color: #123e72; /* Ivica postaje plava na prelazak mišem */
    background-color: #f8f9fb; /* Blago siva pozadina */
}

/* Tačkice (...) nemaju hover efekat i ne treba da izgledaju kao link */
.elementor-pagination .page-numbers.dots {
    border-color: #eaeaea;
    background-color: transparent;
    pointer-events: none;
}

/* Zamena teksta "Next" i "Previous" u strelice pomoću CSS-a */
.elementor-pagination .page-numbers.next,
.elementor-pagination .page-numbers.prev {
    font-size: 0; /* Sakriva defaultni tekst */
}

.elementor-pagination .page-numbers.next::after {
    content: "→";
    font-size: 18px; /* Vraća veličinu fonta za strelicu */
    font-weight: normal;
}

.elementor-pagination .page-numbers.prev::after {
    content: "←";
    font-size: 18px; /* Vraća veličinu fonta za strelicu */
    font-weight: normal;
}

/* Osigurava da se screen-reader tekst ne meša u dizajn */
.elementor-pagination .elementor-screen-only {
    display: none !important;
}

/* Prilagođavanje za tablete i veće telefone (ekrani do 768px širine) */
@media (max-width: 768px) {
    .elementor-pagination {
        flex-wrap: wrap; /* Ako nema mesta, krugovi prelaze u novi red */
        gap: 8px; /* Malo manji razmak */
    }

    .elementor-pagination .page-numbers {
        width: 40px; /* Malo manji krugovi */
        height: 40px;
        font-size: 15px;
    }
}

/* Prilagođavanje za manje mobilne telefone (ekrani do 480px širine) */
@media (max-width: 480px) {
    .elementor-pagination {
        gap: 5px; /* Još manji razmak na malim ekranima */
    }

    .elementor-pagination .page-numbers {
        width: 36px; /* Srazmerno manji krugovi */
        height: 36px;
        font-size: 14px; /* Manji font da lepo stane u krug */
    }
    
    .elementor-pagination .page-numbers.next::after,
    .elementor-pagination .page-numbers.prev::after {
        font-size: 16px; /* Malo manje strelice */
    }
}/* End custom CSS */