/* =========================================
   FOOTER STILOVI
========================================= */
.site-footer {
    background-color: #ffffff;
    border-top: 1px solid #e5e7eb;
    padding: 40px 20px 20px 20px;
    margin-top: 60px;
    color: #4b5563;
    font-family: inherit;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Ljeva strana uzima 1/3 prostora i ravna se ulijevo */
.footer-brand {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1f2937; 
}

.footer-brand i {
    color: var(--primary-color, #2563eb); 
    transform: scaleX(-1); 
    display: inline-block; 
}

/* Sredina se prilagođava sadržaju i stoji u centru */
.footer-links { 
    display: flex; 
    justify-content: center;
    gap: 20px; 
}

.footer-links a { 
    color: #4b5563; 
    text-decoration: none; 
    font-size: 0.95rem; 
    transition: color 0.3s; 
}

.footer-links a:hover { 
    color: var(--primary-color, #2563eb); 
}

/* Desna strana uzima 1/3 prostora i ravna se udesno */
.footer-social { 
    flex: 1;
    display: flex; 
    justify-content: flex-end;
    gap: 15px; 
}

.footer-social a { 
    color: #9ca3af; 
    font-size: 1.2rem; 
    transition: color 0.3s; 
}

.footer-social a:hover { 
    color: var(--primary-color, #2563eb); 
}
.footer-bottom { text-align: center; padding-top: 20px; margin-top: 20px; border-top: 1px solid #f3f4f6; font-size: 0.85rem; color: #9ca3af; }

/* =========================================
   COOKIE BANNER STILOVI
========================================= */
.cookie-banner { position: fixed; bottom: -100px; left: 0; width: 100%; background-color: #1f2937; color: #ffffff; padding: 15px 20px; box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1); transition: bottom 0.5s ease-in-out; z-index: 9999; display: flex; justify-content: center; }
.cookie-banner.show { bottom: 0; }
.cookie-content { max-width: 1200px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.cookie-content p { margin: 0; font-size: 0.95rem; }
.cookie-content a { color: #60a5fa; text-decoration: underline; }

@media (max-width: 768px) {
    .footer-container { flex-direction: column; text-align: center; }
    .cookie-content { flex-direction: column; text-align: center; }
}