/* 
 * Icons CSS - zamena za Font Awesome 
 * Stilovi za lokalne ikone 
 */

/* Osnovni stilovi za ikone */
.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Kontakt ikone */
.contact-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/* Socijalne ikone */
.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.social-icon {
    display: inline-block;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.social-icon:hover {
    opacity: 0.8;
    transform: translateY(-3px);
}

/* Strelice */
.icon-arrow {
    transition: transform 0.3s ease;
}

a:hover .icon-arrow {
    transform: translateX(5px);
}

/* Responsivnost ikona */
@media (max-width: 768px) {
    .contact-icon, .social-icon {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    .contact-icon, .social-icon {
        width: 18px;
        height: 18px;
    }
}