/* 1. UKLANJANJE NEPOTREBNOG (Branding, RSS, Footer) */
.poweredBy-text, .up_powered_by, #up_powered_by, .xg_module_foot .icon-rss, 
#ning-privacy-policy, .ning-footer-v2, .xg_foot_branding, .ning-footer, 
a[href*="ning.com"], #xg_foot, .js-followUnfollow, .entry-actions .button-tiny,
.ning-icon-rss, .feed-icon, .icon-rss, a.ning-icon-rss { 
    display: none !important; 
    visibility: hidden !important; 
    opacity: 0 !important; 
    pointer-events: none !important; 
}

/* 2. MOBILNA PRISTUPAČNOST I GUMBI S VISOKIM KONTRASTOM */
select.subnav.condensed, .subnav.condensed select, 
.subnav.condensed a, .subnav.condensed button { 
    min-height: 48px !important; 
    padding: 10px !important; 
    margin: 5px 0 !important; 
    font-size: 16px !important; 
}

/* Tagovi - Dizajnirano za Google PageSpeed (Visoki kontrast) */
.p-tag-list a, .entry-tags a, a[href*="/list/tag/"] { 
    display: inline-block !important;
    background-color: #f0f4f8 !important;
    color: #003a70 !important;
    padding: 8px 18px !important;        
    margin: 6px 3px !important;
    border-radius: 25px !important;      
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    border: 1px solid #d1d9e8 !important; 
    line-height: 1.4em !important;
}
.entry-tags a:hover {
    background-color: #003a70 !important;
    color: #ffffff !important;
}

/* 3. COVER I PROFILNA SLIKA */
.banner-header.profileCoverArea {
    background-color: transparent;
    min-height: 200px;
    overflow: hidden;
}
.profile-photo-wrapper,
.profile-photo,
img[src*="RESIZE_180x180"] {
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* 4. SLIKE U BLOG POSTOVIMA */
.xn-content .entry-body img,
.xn-content .blog-post img { 
    width: 100%; 
    height: auto; 
    aspect-ratio: 630 / 331; 
}

/* 5. PODCRTAVANJE LINKOVA U TEKSTU */
.module-body a:not(.entry-tags a) { 
    text-decoration: underline !important; 
}

/* 6. LOGO I SLIKE */
.header-logoIMG, img[alt*="Logo"] { 
    width: 60px !important; 
    height: 60px !important; 
    aspect-ratio: 1/1 !important; 
    object-fit: contain !important; 
}
img:not(.header-logoIMG) { 
    max-width: 100%; 
    height: auto; 
    display: block; 
}