/* =====================================================
   ASTROSKOP GODIŠNJI HOROSKOP - FRONTEND CSS
   ===================================================== */

/* Osnovni stilovi su inline u shortcodes.php 
   Ovaj fajl je za dodatne stilove ako su potrebni */

.astro-yearly-container {
    font-family: 'Sofia Sans', system-ui, -apple-system, sans-serif;
}

/* Animacije */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.astro-animate {
    animation: fadeIn 0.5s ease-out;
}

/* Responsive */
@media (max-width: 768px) {
    .yearly-signs {
        flex-direction: column;
        align-items: center;
    }
    
    .yearly-sign {
        width: 80%;
    }
}