/**
 * PI Read more / Read less – jedini CSS za ovu funkcionalnost.
 * Section intro (.pi-section-intro) i filter intros (#project-intelligence-intros .pi-intro).
 */

/* Skriveni deo – po defaultu sakriven */
#project-intelligence-intros .pi-intro .pi-intro-more,
#production-intelligence .pi-section-intro .pi-intro-more {
    display: none !important;
}

/* Kada je otvoreno – prikaži skriveni deo */
#project-intelligence-intros .pi-intro.is-expanded .pi-intro-more,
#production-intelligence .pi-section-intro.is-expanded .pi-intro-more {
    display: block !important;
}

/* Ellipsis sakriven kada je otvoreno */
#project-intelligence-intros .pi-intro.is-expanded .pi-intro-ellipsis,
#production-intelligence .pi-section-intro.is-expanded .pi-intro-ellipsis {
    display: none;
}

#project-intelligence-intros .pi-intro .pi-intro-ellipsis,
#production-intelligence .pi-section-intro .pi-intro-ellipsis {
    font-size: 14px;
    color: #333;
}

/* Dugme Read more / Read less */
#project-intelligence-intros .pi-intro .pi-intro-toggle,
#production-intelligence .pi-section-intro .pi-intro-toggle {
    font-size: 14px;
    line-height: 1.7;
    color: #425BB5;
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 15px 0;
    cursor: pointer;
    text-decoration: none;
}

#project-intelligence-intros .pi-intro .pi-intro-toggle:hover,
#production-intelligence .pi-section-intro .pi-intro-toggle:hover {
    color: #333;
    text-decoration: underline;
}

#project-intelligence-intros .pi-intro.is-expanded .pi-intro-toggle,
#production-intelligence .pi-section-intro.is-expanded .pi-intro-toggle {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    #project-intelligence-intros .pi-intro .pi-intro-ellipsis,
    #project-intelligence-intros .pi-intro .pi-intro-toggle,
    #production-intelligence .pi-section-intro .pi-intro-ellipsis,
    #production-intelligence .pi-section-intro .pi-intro-toggle {
        font-size: 13px;
    }
}