/* ================================================================
   FS3 završne korekcije: aktivna navigacija i izdvojena vest
   ================================================================ */

:root {
    --fs3-gold: #d9b44a;
    --fs3-gold-light: #f0cf72;
}

/* Glavni meni: samo eksplicitno označena trenutna sekcija je zlatna. */
@media (min-width: 992px) {
    #sisf-page-header.fs3-main-header .main-menu .nav-menu-wrapper > ul.navbar-nav > li > a.nav-link,
    #sisf-page-header.fs3-main-header .main-menu .nav-menu-wrapper > ul.navbar-nav > li > a.nav-link.active {
        color: #ffffff !important;
    }

    #sisf-page-header.fs3-main-header .main-menu .nav-menu-wrapper > ul.navbar-nav > li.is-current > a.nav-link,
    #sisf-page-header.fs3-main-header .main-menu .nav-menu-wrapper > ul.navbar-nav > li > a.nav-link:hover,
    #sisf-page-header.fs3-main-header .main-menu .nav-menu-wrapper > ul.navbar-nav > li > a.nav-link:focus-visible {
        color: var(--fs3-gold) !important;
    }

    #sisf-page-header.fs3-main-header .main-menu .nav-menu-wrapper > ul.navbar-nav > li > a.nav-link i {
        color: inherit !important;
    }
}

/* Mobilni meni ima belu pozadinu: osnovni tekst je taman. */
@media (max-width: 991px) {
    body.fs3-site .responsive-menu .slicknav_nav > li > a,
    body.fs3-site .responsive-menu .slicknav_nav > li > .slicknav_row,
    body.fs3-site .responsive-menu .slicknav_nav > li > .slicknav_row > a,
    body.fs3-site .responsive-menu .slicknav_nav ul li > a {
        color: #111827 !important;
    }

    body.fs3-site .responsive-menu .slicknav_nav .slicknav_arrow::after {
        color: #111827 !important;
    }

    body.fs3-site .responsive-menu .slicknav_nav > li > a:hover,
    body.fs3-site .responsive-menu .slicknav_nav > li > a:focus-visible,
    body.fs3-site .responsive-menu .slicknav_nav > li > .slicknav_row:hover,
    body.fs3-site .responsive-menu .slicknav_nav ul li > a:hover {
        color: #e11d1d !important;
        background: #f7f7f7 !important;
    }
}

/* Izdvojena vest: velika cela fotografija, sadržaj ispod nje. */
.fs3-news-page .fsgk-featured-news {
    display: flex !important;
    flex-direction: column;
    min-height: 0 !important;
    overflow: hidden;
    background: var(--fs3-news-deep, #0b223d);
}

.fs3-news-page .fsgk-featured-news__image {
    display: block;
    width: 100%;
    min-height: 0 !important;
    overflow: hidden;
    background: #07182b;
}

.fs3-news-page .fsgk-featured-news__image figure {
    width: 100%;
    height: auto !important;
    margin: 0;
    aspect-ratio: 16 / 7;
    overflow: hidden;
}

.fs3-news-page .fsgk-featured-news__image img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.fs3-news-page .fsgk-featured-news__content {
    display: block;
    width: 100%;
    padding: clamp(30px, 4vw, 54px) clamp(26px, 5vw, 70px);
}

.fs3-news-page .fsgk-featured-news h2 {
    max-width: 980px;
    margin-bottom: 18px;
    font-size: clamp(32px, 3.2vw, 48px);
    line-height: 1.1;
}

.fs3-news-page .fsgk-featured-news p {
    max-width: 920px;
    margin-bottom: 26px;
}

.fs3-news-page .fsgk-featured-news .btn-default {
    display: inline-flex;
    width: auto;
}

@media (max-width: 767px) {
    .fs3-news-page .fsgk-featured-news__image figure {
        aspect-ratio: 16 / 10;
    }

    .fs3-news-page .fsgk-featured-news__content {
        padding: 26px 22px 30px;
    }

    .fs3-news-page .fsgk-featured-news h2 {
        font-size: clamp(28px, 8vw, 36px);
    }

    .fs3-news-page .fsgk-featured-news .btn-default {
        width: 100%;
        justify-content: center;
    }
}

/* ================================================================
   FINALNO: neutralna navigacija bez aktivnog obeležavanja
   Originalni KicknGoal skin na unutrašnjim stranicama boji više
   stavki zlatno. Ova pravila namerno uklanjaju active/current boju.
   ================================================================ */
@media (min-width: 992px) {
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link,
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item.is-current > a.nav-link,
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link.active,
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link[aria-current="page"] {
        color: #ffffff !important;
    }

    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link:hover,
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link:focus-visible {
        color: var(--fs3-gold, #d9b44a) !important;
    }

    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link i,
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item.is-current > a.nav-link i,
    body.fs3-site #sisf-page-header.fs3-main-header #menu.navbar-nav > li.nav-item > a.nav-link.active i {
        color: inherit !important;
    }
}

/* Završna mobilna zaštita: beli panel zahteva taman tekst. */
@media (max-width: 991px) {
    body.fs3-site .responsive-menu .slicknav_nav > li > a,
    body.fs3-site .responsive-menu .slicknav_nav > li.is-current > a,
    body.fs3-site .responsive-menu .slicknav_nav > li > a.active,
    body.fs3-site .responsive-menu .slicknav_nav > li > a[aria-current="page"],
    body.fs3-site .responsive-menu .slicknav_nav > li > .slicknav_row,
    body.fs3-site .responsive-menu .slicknav_nav > li > .slicknav_row > a,
    body.fs3-site .responsive-menu .slicknav_nav ul li > a {
        color: #111827 !important;
    }

    body.fs3-site .responsive-menu .slicknav_nav > li > a:hover,
    body.fs3-site .responsive-menu .slicknav_nav > li > a:focus-visible,
    body.fs3-site .responsive-menu .slicknav_nav > li > .slicknav_row:hover,
    body.fs3-site .responsive-menu .slicknav_nav ul li > a:hover {
        color: #e11d1d !important;
    }
}