/* Smanjivanje razmaka i visine u zaglavlju */
.blog-over-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.blog-over-header .blog-over-header-inner {
    justify-content: space-between !important;
    gap: 15px !important; /* Optimalan razmak za veći logo */
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Prilagođavanje brendinga i povećanje logotipa za 30% */
.blog-over-header .blog-over-site-branding {
    margin-right: 5px !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
}

/* Modernizacija logotipa sa CSS efektima i povećanjem širine */
.blog-over-header .blog-over-site-branding img,
.blog-over-header .custom-logo {
    max-width: 260px !important; /* Povećano za ~30% u odnosu na standardnih 200px */
    width: 100% !important;
    height: auto !important;
    transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease !important;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08)) !important;
}

/* Hover efekat na logotipu */
.blog-over-header .blog-over-site-branding img:hover,
.blog-over-header .custom-logo:hover {
    transform: scale(1.03) !important;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15)) !important;
}

/* Smanjivanje margina navigacije i primicanje menija */
.blog-over-header .blog-over-header-nav {
    margin-left: 5px !important;
    padding-left: 0 !important;
    flex-grow: 1 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.blog-over-header .blog-over-primary-menu-container {
    margin-left: auto !important;
}

/* Pojedinačne stavke menija - optimizovan razmak */
.blog-over-header .main-navigation ul li a {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Elegantna linija ispod cijelog zaglavlja */
header.blog-over-header {
    border-bottom: 2px solid #000000 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}