/* Puna širina sekcije u SiteOrigin full-stretch row-u */
.el-aktuelnosti-section,
.el-experts-section {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto 80px;
    padding: 0 4vw; /* Temini padding za strane */
    box-sizing: border-box;
}

/* Divider i naslov - koristi Kirki fontove iz customizera */
.el-section-title {
    text-align: center;
    margin: 0 0 30px;
}

.el-divider {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #ddd 20%, #ddd 80%, transparent);
    margin: 0 0 50px;
}

/* Grid za kartice - responzivan, iste visine */
.el-news-grid,
.el-experts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px 30px;
}

/* Kartica stil - bookmark, bez overwrite fontova (koristi Kirki) */
.el-news-card,
.el-expert-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.el-news-card:hover,
.el-expert-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.14);
}

.el-news-image,
.el-card-image {
    height: 260px; /* Prilagodi po potrebi */
    background-size: cover;
    background-position: center;
}

.el-news-content {
    padding: 24px 28px 32px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.el-tag {
    font-weight: normal;
    color: var(--el-gold, #d4a017);
    background: rgba(212,160,23,0.1);
    padding: 5px 14px;
    border-radius: 30px;
    align-self: flex-start;
    margin-bottom: 12px;
}

.el-meta {
    color: #666;
    margin: 8px 0 16px;
}

.el-excerpt {
    margin-bottom: 24px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Dugmad - koristi temine stilove iz customizera/style.css */
.el-btn.el-btn-outline {
    display: inline-block; /* Oblong/pravougaoni stil */
    margin: 0 auto;
}

/* Centriraj "Pogledaj sve" / "Meet all Experts" */
.el-all-link {
    text-align: center;
    margin-top: 50px;
}

/* Responzivnost - koristi temine breakpointe */
@media (max-width: 1024px) {
    .el-news-grid, .el-experts-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; }
}
@media (max-width: 680px) {
    .el-news-grid, .el-experts-grid { grid-template-columns: 1fr; }
    .el-news-image, .el-card-image { height: 220px; }
    .el-aktuelnosti-section, .el-experts-section { padding: 0 5vw; }
}
.el-btn.el-btn-outline {
    padding: 12px 32px;
    border: 2px solid var(--el-accent, #0066cc);
    color: var(--el-accent, #0066cc);
    border-radius: 50px;           /* ili 8px za kvadratnije */
    font-weight: normal;
    text-decoration: none;
    transition: all 0.3s;
}

.el-btn.el-btn-outline:hover {
    background: var(--el-accent, #0066cc);
    color: white;
}
/* ──────────────────────────────────────────────
   STYLING ZA ELEVATE_EXPERTS SHORTCODE (bez mijenjanja PHP-a)
   ────────────────────────────────────────────── */

/* Container – puna širina u SiteOrigin full-stretch */
.el-experts-container {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto 80px;
    padding: 0 4vw;
    box-sizing: border-box;
}

/* Grid row – osiguraj da radi sa .row i .one-third */
.el-experts-container .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.el-experts-container .one-third.column {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 0 15px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

/* Kartica stručnjaka – premium izgled */
.el-expert-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e2e8f0;
}

.el-expert-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.18);
    border-color: #D4AF37; /* gold akcent */
}

/* Slika – bolji aspect ratio i hover efekat */
.el-expert-img {
    padding-bottom: 125%;           /* 4:5 portret format */
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.el-expert-card:hover .el-expert-img {
    transform: scale(1.05);
}

/* Tekstualni dio */
.el-expert-card h3 {
/*     font-size: 1.8rem; */
    margin: 20px 20px 8px;
    line-height: 1.3;
}

.el-expert-card h3 a {
    color: #1e293b; /* tamna plava / navy */
    text-decoration: none;
}

.el-expert-card h3 a:hover {
    color: #D4AF37;
}

.el-accent {
    color: #D4AF37 !important;
    font-weight: normal;
/*     font-size: 1.25rem; */
    margin: 0 20px 12px;
    display: block;
}

.el-desc.small {
/*     font-size: 1.05rem; */
    line-height: 1.6;
    color: #475569;
    margin: 0 20px 24px;
    flex: 1;
}

.el-link {
    display: inline-block;
    margin: 0 20px 28px;
    color: #0066cc;
    font-weight: normal;
/*     font-size: 1.1rem; */
    text-decoration: none;
    transition: all 0.3s;
}

.el-link:hover {
    color: #D4AF37;
}

/* Dugme "Meet all Experts" */
.el-experts-container .el-btn.el-btn-outline {
    padding: 14px 36px;
    border: 2px solid #0066cc;
    color: #0066cc;
    border-radius: 50px;
    font-weight: normal;
    /* font-size: 1.15rem; */
    transition: all 0.35s ease;
}

.el-experts-container .el-btn.el-btn-outline:hover {
    background: #0066cc;
    color: white;
    transform: translateY(-3px);
}

/* Responzivnost */
@media (max-width: 1024px) {
    .el-experts-container .one-third.column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 750px) {
    .el-experts-container .one-third.column {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .el-expert-img {
        padding-bottom: 100%; /* kvadratnije na mobilnom */
    }
    
    .el-expert-card {
        margin-bottom: 30px;
    }
}
/*CAROUSEL*/

/* 3. STILIZOVANJE UNUTRAŠNJIH ELEMENATA */

/* Unutrašnji razmak za naslov i sadržaj */
article.post .entry-header, 
article.post .entry-content, 
article.post .entry-footer {
  /*  padding-left: 15px;
    padding-right: 15px;*/
}

/* Naslov (h2) - Podrazumijevano CRNA BOJA */
article.post .entry-title a {
    color: #000000; /* Crna boja teksta za naslov */
    transition: color 0.3s ease; /* Dodajemo glatku tranziciju boje */
    text-decoration: none; /* Uklanjamo podvlačenje za čistiji izgled */
}

/* HOVER EFEKAT NASLOVA: Crvena boja na hover */
article.post .entry-title a:hover {
    color: #dc3545; /* Crvena boja pri prelasku mišem (obrnuto od podrazumijevanog) */
    text-decoration: underline; /* Možete dodati podvlačenje nazad na hover, po želji */
}

/* Meta informacije (datum, autor) */
article.post .entry-meta {
    font-size: 0.85em;
    color: #6c757d; 
    margin-bottom: 10px;
}

/* Footer (Kategorije/Oznake) */
article.post .entry-footer {
    border-top: 1px solid #eeeeee; 
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.85em;
}
/* 2. STILIZOVANJE SLIKE (THUMBNAIL) */
article.post .entry-thumb img {
    /* KLJUČNO: Zaobljenost samo na GORNJIM ivicama */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
    width: 100%; 
    height: auto;
    
    /* Tranzicija za blagi zoom efekat */
    transition: transform 0.4s ease-in-out; 
}

/* HOVER EFEKAT SLIKE: Blagi zoom in kad pređemo mišem 
article.post:hover .entry-thumb img {
    transform: scale(1.05); 
}*/
/*CAROUSEL*/
/*****************************/
/* Image shrotcode full widh */
/****************************/
.full-width-wrapper {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
}
/*****************************/
/* Kontakt shortcode */
/****************************/
/* Kontejner */
.th-contact-wrapper {
    text-align: center;
    padding: 20px 0;
    font-family: inherit; /* Nasljeđuje font Vaše teme */
}

/* Tekst iznad ikonica */
.th-contact-text {
    font-size: 16px;
    font-weight: normal;
    color: #555; /* Prefinjena tamno siva */
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    display: block;
}

/* Flexbox za poravnanje ikonica */
.th-icons-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px; /* Razmak između ikonica */
}

/* Stil samih linkova/ikonica */
.th-icon-link {
    text-decoration: none !important;
    color: #888; /* Minimalistička siva boja u stanju mirovanja */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Elegantna animacija */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent; /* Bez pozadine za čist izgled */
}

/* Hover efekti - Promjena boje i blago podizanje */
.th-icon-link:hover {
    transform: translateY(-5px); /* Ikonica "lebdi" na gore */
    background-color: #f9f9f9; /* Vrlo blaga pozadina na hover */
}

/* Specifične boje brendova na hover */
.th-icon-link.icon-phone:hover { color: #333; }      /* Tamno za telefon */
.th-icon-link.icon-mail:hover { color: #EA4335; }    /* Gmail crvena */
.th-icon-link.icon-whatsapp:hover { color: #25D366; } /* WhatsApp zelena */
.th-icon-link.icon-viber:hover { color: #7360F2; }    /* Viber ljubičasta */

/* Prilagođavanje za mobilne uređaje */
@media (max-width: 480px) {
    .th-icons-container {
        gap: 15px;
    }
    .th-contact-text {
        font-size: 14px;
    }
}

/* ========================================================== */
/* STILIZACIJA ZA SHORTCODE MASONRY/ISOTOPE */
/* ========================================================== */

/* --- NEZAVISAN GRID STIL --- */

/* 1. GLAVNI KONTEJNER: UKLJUČENJE POPRAVKA VISINE */
.custom-independent-grid {
    width: 100%;
    max-width: 100%;
    margin: 30px 0; 
    display: block;
    position: relative;
    
    /* KLJUČNO ZA POPRAVLJANJE VISINE I FOOTER PROBLEMA: */
    overflow: hidden; 
}

/* 2. Sizing elements: Definišemo širinu */
.custom-independent-grid .grid-sizer,
.custom-independent-grid .indep-item {
    width: 33.333%; /* 3 Kolone na Desktopu */
    float: left; 
}

/* 3. Padding i box-sizing */
.custom-independent-grid .indep-item {
    padding: 0 15px 30px 15px; 
    box-sizing: border-box; 
    margin: 0; 
}

/* RESPONZIVNOST ostaje ista */
@media only screen and (max-width: 1000px) {
    .custom-independent-grid .grid-sizer,
    .custom-independent-grid .indep-item {
        width: 50%;
    }
}
@media only screen and (max-width: 600px) {
    .custom-independent-grid .grid-sizer,
    .custom-independent-grid .indep-item {
        width: 100%;
    }
}
/* --- OVERLAY STILOVI --- */

/* Kontejner za overlay - mora biti unutar entry-thumb (ostaje isti) */
.entry-thumb {
    position: relative; 
    overflow: hidden;
    display: block;
}

/* Potamnjena pozadina na slici (ostaje isti) */
.thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent; 
    z-index: 5; 
    pointer-events: none; 
}

/* Cijena u crvenom krugu (GORE DESNO) */
.price-circle {
    position: absolute;
    top: 15px;
    right: 15px;
    background: red;
    color: white;
    width: 70px;
    height: 70px;
    border-radius: 50%; 
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* KLJUČNA IZMJENA ZA FONT */
    font-family: 'Oswald', Arial, sans-serif; /* ZAMJENITE! */
    font-size: 1.2em; /* Dodao sam veličinu, koja je falila u vašoj zadnjoj verziji */
    font-weight: normal; /* Podebljanost */
    /* Kraj KLJUČNE IZMJENE */
    
    text-align: center;
    line-height: 1.1;
    z-index: 10;
    padding: 5px; 
}

/* Datum polaska na sredini */
.departure-date-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    color: white;

    /* KLJUČNA IZMJENA ZA FONT */
    font-family: 'Oswald', Arial, sans-serif; /* ZAMJENITE! */
    /*font-size: 1.3em;  Dodao sam veličinu, koja je falila u vašoj zadnjoj verziji */
    font-weight: normal; /* Podebljanost */
    /* Kraj KLJUČNE IZMJENE */

    background: rgba(0, 0, 0, 0.5); 
    padding: 8px 15px;
    border-radius: 5px;
    z-index: 10;
}
/* Opcioni CSS: Ako želite da "PRODANO" slika ima poseban stil */
.entry-thumb .sold-image {
    /* Npr. da osigurate da slika uvijek pokrije kontejner */
    object-fit: cover; 
}