.article-info .createdby,
.article-info .modified,
.article-info .published {
    display: none;
}
.article-info .create::before {
    display: none;
}

/* Logo */
#sp-logo {
    padding: 20px 0;
}
#sp-header {
    margin-bottom: 20px;
    background: #fff;
}

/* Sticky header - osiguraj dovoljno visine za logo */
.sticky-header #sp-header {
    padding: 8px 0;
    box-shadow: 0 2px 12px rgba(0,0,0,.1);
}
.sticky-header #sp-logo {
    padding: 6px 0;
}
.sticky-header .logo-image {
    height: 60px !important;
    transition: height .3s;
}

/* ===== GLAVNI MENI ===== */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > .sp-menu-heading {
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .3px;
    padding: 12px 16px !important;
    transition: color .25s, background .25s;
    border-radius: 6px;
    position: relative;
}

/* Hover efekt - podvlaka */
.sp-megamenu-parent > li > a::after,
.sp-megamenu-parent > li > .sp-menu-heading::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 16px;
    right: 16px;
    height: 2px;
    background: #627b5c;
    transform: scaleX(0);
    transition: transform .25s ease;
    border-radius: 1px;
}
.sp-megamenu-parent > li:hover > a::after,
.sp-megamenu-parent > li:hover > .sp-menu-heading::after,
.sp-megamenu-parent > li.active > a::after,
.sp-megamenu-parent > li.active > .sp-menu-heading::after {
    transform: scaleX(1);
}

/* Hover boja */
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > .sp-menu-heading {
    color: #627b5c !important;
    background: rgba(98, 123, 92, .06);
}

/* Aktivna stavka */
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active > .sp-menu-heading {
    color: #627b5c !important;
}

/* ===== PODMENI (DROPDOWN) ===== */
.sp-megamenu-parent .sp-dropdown {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06) !important;
    padding: 8px 0 !important;
    margin-top: 6px !important;
    animation: rdropIn .2s ease;
}

@keyframes rdropIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 4px 6px !important;
}

/* Podmeni stavke */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    padding: 9px 14px !important;
    border-radius: 6px !important;
    transition: background .2s, color .2s, padding-left .2s !important;
    display: block !important;
    color: #344054 !important;
}

/* Podmeni hover */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > span {
    background: rgba(98, 123, 92, .08) !important;
    color: #627b5c !important;
    padding-left: 18px !important;
}

/* Podmeni aktivna */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item > a {
    color: #627b5c !important;
    font-weight: 600 !important;
    background: rgba(98, 123, 92, .05) !important;
}

/* Podmeni strelica za sub-sub meni */
.sp-megamenu-parent .sp-dropdown .sp-has-child > a::after {
    color: #627b5c !important;
}

/* Sub-dropdown */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-sub {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06) !important;
    padding: 8px 0 !important;
}

/* ===== ČLANAK - ČITANJE ===== */

/* Naslov */
.article-header h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #1d2939;
    line-height: 1.3;
    margin-bottom: 12px;
}

/* Info bar (datum) */
.article-info {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaecf0;
    font-size: 14px;
    color: #667085;
}
.article-info .create time {
    font-weight: 500;
}

/* Tijelo članka */
[itemprop="articleBody"] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #344054;
    max-width: 800px;
}
[itemprop="articleBody"] p {
    margin-bottom: 1.2em;
}
[itemprop="articleBody"] a {
    color: #627b5c;
    text-decoration: underline;
    text-underline-offset: 2px;
}
[itemprop="articleBody"] a:hover {
    color: #506a4b;
}
[itemprop="articleBody"] img {
    border-radius: 8px;
    margin: 1em 0;
}
[itemprop="articleBody"] h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1d2939;
    margin: 1.5em 0 0.5em;
}
[itemprop="articleBody"] h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #344054;
    margin: 1.3em 0 0.4em;
}
[itemprop="articleBody"] ul,
[itemprop="articleBody"] ol {
    margin: 0.8em 0 1.2em 1.5em;
}
[itemprop="articleBody"] li {
    margin-bottom: 0.4em;
}
[itemprop="articleBody"] blockquote {
    border-left: 4px solid #627b5c;
    margin: 1.5em 0;
    padding: 1em 1.5em;
    background: #f9fafb;
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #475467;
}