:root {
    --fs3-deep: #010111;
    --fs3-accent: #FF0000;
    /* Jedinstvena crvena boja umesto narandžaste iz originalnog template-a. */
    --main-color: #FF0000;
    --accent-color: #FF0000;
}
.fs3-site { overflow-x: hidden; cursor: auto !important; }
.fs3-site .sisf-cursor, .fs3-site .preloader { display: none !important; }
.fs3-main-header { z-index: 1000; }
.fs3-main-header #sisf-page-header-inner { min-height: 100px; }
.fs3-brand { display: inline-flex !important; align-items: center; gap: 12px; max-width: 300px; }
.fs3-brand > img { width: 66px !important; height: 66px !important; object-fit: contain; background: #fff; border-radius: 50%; padding: 4px; }
.fs3-brand-mark { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:var(--accent-color); color:#fff; font-weight:800; font-size:22px; }
.fs3-brand-copy { display:flex; flex-direction:column; min-width:0; color:#fff; line-height:1.05; }
.fs3-brand-copy strong { font-size:23px; font-weight:800; letter-spacing:.03em; }
.fs3-brand-copy small { margin-top:5px; max-width:180px; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.72; white-space:normal; }
.fs3-main-header .main-menu ul li a.active { color:var(--accent-color) !important; }
.fs3-header-actions { gap:12px; }
.fs3-search-button { display:grid; place-items:center; width:46px; height:46px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; }
.fs3-search-button:hover { color:#fff; background:var(--accent-color); border-color:var(--accent-color); }
.fs3-mobile-only { display:none; }
.fs3-footer .sisf-page-footer-middle-area { overflow:hidden; }
.fs3-footer-brand { display:flex; align-items:center; gap:13px; margin-bottom:22px; color:#fff; }
.fs3-footer-brand img { width:72px; height:72px; object-fit:contain; border-radius:50%; background:#fff; padding:4px; }
.fs3-footer-brand span { display:flex; flex-direction:column; }
.fs3-footer-brand strong { color:#fff; font-size:25px; }
.fs3-footer-brand small { margin-top:4px; color:rgba(255,255,255,.68); font-size:10px; text-transform:uppercase; }
.fs3-footer .footer-about-links p { color:rgba(255,255,255,.72); }
.fs3-footer-legal { display:flex; justify-content:flex-end; gap:22px; }
.fs3-footer-legal a { color:#fff; font-size:14px; }
.fs3-newsletter-area { position:relative; z-index:2; }
.fs3-newsletter-fields { gap:10px; }
.fs3-newsletter-fields .form-control { min-width:0; }
.fs3-honeypot { position:absolute !important; left:-9999px !important; opacity:0 !important; }
.fs3-newsletter-message { min-height:22px; margin:10px 0 0; color:rgba(255,255,255,.82); font-size:13px; }
.fs3-newsletter-message.is-success { color:#d7ffbc; }
.fs3-newsletter-message.is-error { color:#ffd1c8; }

/* Privremena normalizacija prenetih FSGK stranica uz novi template. */
.fs3-site .fsgk-page-header, .fs3-site .fsgk-competition-hero, .fs3-site .fsgk-match-hero { padding-top:150px; }
.fs3-site .page-header { padding-top:150px; }

@media (max-width: 1199px) {
    .fs3-brand-copy small { display:none; }
    .fs3-brand-copy strong { font-size:20px; }
    .fs3-header-actions .header-btn { display:none; }
}
@media (max-width: 991px) {
    .fs3-main-header #sisf-page-header-inner { min-height:84px; }
    .fs3-main-header .mobile-block.fs3-brand { display:inline-flex !important; }
    .fs3-brand > img { width:56px !important; height:56px !important; }
    .fs3-mobile-only { display:block; }
    .fs3-header-actions { display:none !important; }
    .fs3-footer-legal { justify-content:flex-start; margin-top:10px; flex-wrap:wrap; }
}
@media (max-width: 575px) {
    .fs3-brand-copy strong { font-size:18px; }
    .fs3-brand { max-width:245px; }
    .fs3-newsletter-fields { flex-direction:column; align-items:stretch !important; }
    .fs3-newsletter-fields button { width:100%; }
}

/* ================================================================
   FS3 zajednička stabilizacija unutrašnjih stranica
   ================================================================ */
:root {
    --accent-font: var(--heading-font);
}

.fs3-main-header .fs3-brand-copy {
    color: var(--primary-color);
}

.fs3-main-header .fs3-brand-copy small {
    color: var(--text-color);
    opacity: .85;
}

.fs3-inner-banner {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    background: var(--primary-color);
}

.fs3-inner-banner .banner-img,
.fs3-inner-banner .banner-img figure {
    width: 100%;
    height: 330px;
    margin: 0;
}

.fs3-inner-banner .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fs3-inner-banner .sisf-page-title .sisf-m-inner {
    width: min(100% - 30px, 1000px);
    transform: none;
}

.fs3-inner-banner .sisf-page-title .sisf-m-title {
    margin: 0;
}

.fs3-inner-banner .sisf-page-title .sisf-m-title span {
    color: var(--accent-color);
}

.fs3-inner-banner .sisf-breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

.fs3-inner-banner .sisf-breadcrumbs-link,
.fs3-inner-banner .sisf-breadcrumbs-current,
.fs3-inner-banner .sisf-breadcrumbs-separator {
    color: var(--white-color) !important;
}

.fs3-inner-banner .sisf-breadcrumbs-link span::after {
    display: none !important;
}

.fs3-page-header-meta {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 18px;
    color: rgba(255,255,255,.82);
    font-size: 14px;
}

.fs3-page-header-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.fs3-page-header-meta i {
    color: var(--accent-color);
}

/* Dinamički ticker prenet sa FSGK-a dobija sopstveni FS3 layout. */
.fs3-site .our-scrolling-ticker {
    position: relative;
    z-index: 5;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    background: var(--main-color);
}

.fs3-site .scrolling-ticker-box {
    display: flex;
    width: max-content;
    min-width: 100%;
    overflow: hidden;
}

.fs3-site .scrolling-ticker-box .scrolling-content {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    min-width: max-content;
    gap: 54px;
    padding-right: 54px;
    animation: fs3TickerScroll 38s linear infinite;
}

.fs3-site .fsgk-news-ticker .fsgk-ticker-link {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    color: var(--white-color);
    font-family: var(--heading-font);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
}

.fs3-site .fsgk-news-ticker .fsgk-ticker-link:hover,
.fs3-site .fsgk-news-ticker .fsgk-ticker-link:focus-visible {
    color: var(--primary-color);
}

.fs3-site .fsgk-news-ticker .fsgk-ticker-link img {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin: 0;
}

@keyframes fs3TickerScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

.fs3-site .scrolling-ticker-box:hover .scrolling-content,
.fs3-site .scrolling-ticker-box:focus-within .scrolling-content {
    animation-play-state: paused;
}

/* Footer mora da koristi tamni omotač koji postoji u originalnom KicknGoal markup-u. */
.fs3-footer,
.fs3-footer .sisf-page-footer-inner-area,
.fs3-footer .sisf-page-footer-top-area,
.fs3-footer .sisf-page-footer-middle-area {
    background-color: #1d1d20;
}

.fs3-footer .sisf-page-footer-top-area {
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.fs3-footer .sisf-page-footer-middle-area {
    position: relative;
    color: var(--white-color);
}

.fs3-footer .sisf-bottom-right-image {
    pointer-events: none;
    opacity: .9;
}

.fs3-footer .footer-links,
.fs3-footer .footer-about-links,
.fs3-footer .fs3-footer-brand {
    position: relative;
    z-index: 2;
}

.fs3-newsletter-area .sisf-m-title {
    color: var(--white-color) !important;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.22;
}

.fs3-newsletter-area .sisf-e-colored {
    color: var(--accent-color) !important;
}

.fs3-newsletter-area .subscribe-newsletter-form {
    width: 100%;
}

.fs3-newsletter-fields {
    display: flex;
    width: 100%;
}

.fs3-newsletter-fields .form-control {
    flex: 1 1 auto;
    width: auto;
    max-width: none !important;
    margin-right: 0 !important;
}

.fs3-newsletter-fields .subscribe-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Prenete FSGK stranice ne smeju da ostanu ispod fiksnog/visokog headera. */
.fs3-site main,
.fs3-site .page-blog,
.fs3-site .fsgk-news-archive {
    position: relative;
}

@media (max-width: 991px) {
    .fs3-inner-banner,
    .fs3-inner-banner .banner-img,
    .fs3-inner-banner .banner-img figure {
        height: 270px;
        min-height: 270px;
    }

    .fs3-site .fsgk-news-ticker .fsgk-ticker-link {
        font-size: 18px;
    }

    .fs3-site .scrolling-ticker-box .scrolling-content {
        gap: 34px;
        padding-right: 34px;
    }
}

@media (max-width: 767px) {
    .fs3-inner-banner,
    .fs3-inner-banner .banner-img,
    .fs3-inner-banner .banner-img figure {
        height: 220px;
        min-height: 220px;
    }

    .fs3-inner-banner .sisf-page-title .sisf-m-title {
        font-size: 34px;
    }

    .fs3-inner-banner .sisf-breadcrumbs {
        font-size: 13px;
    }

    .fs3-site .our-scrolling-ticker {
        padding: 15px 0;
    }

    .fs3-site .fsgk-news-ticker .fsgk-ticker-link {
        gap: 11px;
        font-size: 15px;
    }

    .fs3-site .fsgk-news-ticker .fsgk-ticker-link img {
        flex-basis: 22px;
        width: 22px;
        height: 22px;
    }

    .fs3-newsletter-area .sisf-page-footer-top-area-inner {
        text-align: center;
    }

    .fs3-newsletter-area .subscribe-newsletter-form {
        margin-top: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fs3-site .scrolling-ticker-box .scrolling-content {
        animation: none;
    }
}


/* ================================================================
   FS3 jedinstvena crvena akcentna boja
   ================================================================ */
.fs3-site .main-menu ul li a:hover,
.fs3-site .main-menu ul li a:focus-visible,
.fs3-site .main-menu ul li a.active,
.fs3-site .main-menu ul li.current-menu-item > a,
.fs3-site .sisf-subtitle,
.fs3-site .sisf-e-colored,
.fs3-site .fs3-news-card__body > span,
.fs3-site .fs3-news-card__link i,
.fs3-site .fs3-page-header-meta i {
    color: var(--main-color) !important;
}

.fs3-site .btn-default,
.fs3-site .header-btn,
.fs3-site .fs3-news-ticker,
.fs3-site .fs3-hero-pagination .swiper-pagination-bullet-active,
.fs3-site .swiper-pagination-bullet-active {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

/* ================================================================
   FS3 header: beli linkovi, zlatna aktivna stavka
   ================================================================ */
:root {
    --fs3-gold: #d9b44a;
    --fs3-gold-light: #f0cf72;
}

@media (min-width: 992px) {
    .fs3-site .fs3-main-header .main-menu ul.navbar-nav > li > a {
        color: #ffffff !important;
    }

    .fs3-site .fs3-main-header .main-menu ul.navbar-nav > li > a:hover,
    .fs3-site .fs3-main-header .main-menu ul.navbar-nav > li > a:focus-visible,
    .fs3-site .fs3-main-header .main-menu ul.navbar-nav > li > a.active,
    .fs3-site .fs3-main-header .main-menu ul.navbar-nav > li.current-menu-item > a {
        color: var(--fs3-gold) !important;
    }

    .fs3-site .fs3-main-header .main-menu ul.navbar-nav > li > a i {
        color: inherit !important;
    }

    .fs3-site .fs3-main-header .main-menu ul ul li a {
        color: var(--primary-color) !important;
    }

    .fs3-site .fs3-main-header .main-menu ul ul li a:hover,
    .fs3-site .fs3-main-header .main-menu ul ul li a:focus-visible,
    .fs3-site .fs3-main-header .main-menu ul ul li a.active {
        color: var(--fs3-gold) !important;
    }

    .fs3-main-header .fs3-brand-copy,
    .fs3-main-header .fs3-brand-copy strong {
        color: #ffffff !important;
    }

    .fs3-main-header .fs3-brand-copy small {
        color: rgba(255,255,255,.72) !important;
    }

    .fs3-site .fs3-search-button:hover,
    .fs3-site .fs3-search-button:focus-visible {
        color: var(--fs3-gold) !important;
        background: rgba(0,0,0,.22) !important;
        border-color: var(--fs3-gold) !important;
    }
}


/* ================================================================
   FS3 korekcija aktivne navigacije i breadcrumb-a
   ================================================================ */
@media (min-width: 992px) {
    /* Prvo eksplicitno vraćamo sve glavne stavke na belo. Ovo pravilo je
       namerno jače od skin pravila originalnog KicknGoal template-a. */
    body.fs3-site #sisf-page-header #sisf-page-header-inner
    .main-menu > .nav-menu-wrapper > ul#menu.navbar-nav > li.nav-item > a.nav-link,
    body.fs3-site #sisf-page-header #sisf-page-header-inner
    .main-menu > .nav-menu-wrapper > ul#menu.navbar-nav > li.nav-item > a.nav-link:visited {
        color: #ffffff !important;
    }

    /* Samo PHP-dodeljena aktivna stavka i hover koriste zlato. */
    body.fs3-site #sisf-page-header #sisf-page-header-inner
    .main-menu > .nav-menu-wrapper > ul#menu.navbar-nav > li.nav-item > a.nav-link.active,
    body.fs3-site #sisf-page-header #sisf-page-header-inner
    .main-menu > .nav-menu-wrapper > ul#menu.navbar-nav > li.nav-item > a.nav-link:hover,
    body.fs3-site #sisf-page-header #sisf-page-header-inner
    .main-menu > .nav-menu-wrapper > ul#menu.navbar-nav > li.nav-item > a.nav-link:focus-visible {
        color: var(--fs3-gold) !important;
    }
}

/* Unutrašnji naslov više ne ulazi u prostor navigacije kada ima dve linije. */
.fs3-inner-banner .sisf-page-title {
    box-sizing: border-box;
    padding: 82px 20px 24px;
}

.fs3-inner-banner.fsgk-article-header,
.fs3-inner-banner.fsgk-article-header .banner-img,
.fs3-inner-banner.fsgk-article-header .banner-img figure {
    min-height: 390px;
    height: 390px;
}

.fs3-inner-banner .sisf-breadcrumbs {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    white-space: normal;
}

.fs3-inner-banner .sisf-breadcrumbs-current {
    display: inline-block;
    max-width: min(440px, 42vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.fs3-inner-banner .sisf-m-content {
    width: 100%;
}

.fs3-inner-banner .sisf-m-title {
    max-width: 1120px;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: clamp(38px, 4.1vw, 64px);
}

@media (max-width: 991px) {
    .fs3-inner-banner .sisf-page-title {
        padding: 72px 16px 20px;
    }

    .fs3-inner-banner.fsgk-article-header,
    .fs3-inner-banner.fsgk-article-header .banner-img,
    .fs3-inner-banner.fsgk-article-header .banner-img figure {
        min-height: 340px;
        height: 340px;
    }

    .fs3-inner-banner .sisf-breadcrumbs-current {
        max-width: min(330px, 46vw);
    }
}

@media (max-width: 575px) {
    .fs3-inner-banner .sisf-page-title {
        padding: 66px 12px 16px;
    }

    .fs3-inner-banner.fsgk-article-header,
    .fs3-inner-banner.fsgk-article-header .banner-img,
    .fs3-inner-banner.fsgk-article-header .banner-img figure {
        min-height: 320px;
        height: 320px;
    }

    .fs3-inner-banner .sisf-breadcrumbs {
        gap: 3px;
        margin-bottom: 10px !important;
        font-size: 12px;
    }

    .fs3-inner-banner .sisf-breadcrumbs-current {
        max-width: 145px;
    }

    .fs3-inner-banner .sisf-m-title {
        font-size: clamp(29px, 9vw, 40px);
    }
}