.mod-custom.custom.banner-overlay{
    max-height: 550px;

}

/* Svi linkovi unutar svih Custom HTML modula */
.mod-custom a {
    color: #555555 !important;          /* siva boja linka */
    text-decoration: none !important;   /* bez podcrtavanja */
    outline: none !important;           /* makni outline */
    box-shadow: none !important;        /* makni bootstrap focus border */
    transition: color 0.2s ease-in-out; /* lijepi prijelaz */
}

/* Hover efekt – plava boja */
.mod-custom a:hover {
    color: #007bff !important;          /* plava na hover */
    text-decoration: none !important;
}

/* Fokus (kad klikneš) – makni ružan outline */
.mod-custom a:focus {
    outline: none !important;
    box-shadow: none !important;
}

.banner-overlay .overlay {
    background: rgba(0, 0, 0, 0.10) !important;
}

/* Omogući animaciju za sve slike u custom modulima */
.mod-custom a img {
    transition: transform 0.4s ease, filter 0.4s ease;
    transform-origin: center center;
}

/* Zoom efekt na hover */
.mod-custom a:hover img {
    transform: scale(1.08);
    filter: brightness(1.05);
}

/* Manji heading tagovi */
h1 { font-size: 2rem !important; }
h2 { font-size: 1.6rem !important; }
h3 { font-size: 1.3rem !important; }
h4 { font-size: 1.15rem !important; }
h5 { font-size: 1rem !important; }
h6 { font-size: 0.9rem !important; }