.tm-header .uk-navbar-container { padding-top: 20px; padding-bottom: 17px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10); }
body:has(.item-101.uk-active) .tm-header .uk-navbar-container { box-shadow: none; }

/* Homepage — smanji prazninu između slideshowa i ENC sekcije */
body:has(.item-101.uk-active) .uk-section-muted.uk-section:first-of-type {
    padding-top: 20px;
}

/* Naslovi članaka — centriran, bočne linije, Montserrat h3 */
h1.uk-article-title,
#userForm > h2 {
    font-family: Montserrat, sans-serif;
    font-size: 32px;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(5px + .3em);
    color: #455c6f;
    font-weight: 400;
    text-transform: none;
    letter-spacing: .02em;
}
h1.uk-article-title::before,
h1.uk-article-title::after,
#userForm > h2::before,
#userForm > h2::after {
    content: "";
    flex: 1;
    border-bottom: calc(.6px + .03em) solid #dce0e1;
}
/* Naslovi unutar modala — bez crta, lijevo poravnanje */
.fs-modal__body #userForm > h2 {
    display: block;
    text-align: left;
    overflow: visible;
}
.fs-modal__body #userForm > h2::before,
.fs-modal__body #userForm > h2::after {
    display: none;
}

/* Dropdown podizbornik — ukloni horizontalni padding kontejnera i ugniježđenih ul-ova
   kako bi narančasti hover išao od ruba do ruba na svim razinama */
.uk-navbar-dropdown {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #ffffff !important;
}
.uk-navbar-dropdown .uk-nav-sub ul {
    display: none !important;
}
.uk-navbar-dropdown ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none;
}

/* Linkovi u dropdownu — osnovni padding, indent prema razini ugniježđenosti */
.uk-navbar-dropdown ul > li > a {
    display: block !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.uk-navbar-dropdown ul ul > li > a {
    padding-left: 40px !important;
}
.uk-navbar-dropdown ul ul ul > li > a {
    padding-left: 55px !important;
}

/* Hover na svim razinama dropdown podizbornika — narančasta pozadina (cijela širina) i bijela slova */
.uk-navbar-dropdown ul > li > a:hover,
.uk-navbar-dropdown ul > li > a:focus,
.uk-navbar-dropdown ul > li.uk-active > a {
    background-color: #ff7800 !important;
    color: #ffffff !important;
}

/* Mobilni podizbornik — isti efekt na svim ugniježđenim razinama */
.uk-nav-default .uk-nav-sub > li > a:hover,
.uk-nav-default .uk-nav-sub > li > a:focus,
.uk-nav-default .uk-nav-sub > li.uk-active > a,
.uk-nav-default .uk-nav-sub ul > li > a:hover,
.uk-nav-default .uk-nav-sub ul > li > a:focus,
.uk-nav-default .uk-nav-sub ul > li.uk-active > a {
    background-color: #ff7800 !important;
    color: #ffffff !important;
}

/* "Moj korisnički račun" — narančasti tekst i kružić oko user ikone */
.uk-navbar-nav > li.item-139 > a,
.uk-nav > li.item-139 > a {
    color: #f57c00 !important;
}
.uk-navbar-nav > li.item-139 > a:hover,
.uk-nav > li.item-139 > a:hover {
    color: #455c6f !important;
}
.uk-navbar-nav > li.item-139 > a:hover [uk-icon],
.uk-nav > li.item-139 > a:hover [uk-icon] {
    color: #455c6f !important;
    border-color: #455c6f !important;
}
.uk-navbar-nav > li.item-139 > a [uk-icon],
.uk-nav > li.item-139 > a [uk-icon] {
    color: #f57c00;
    border: 2px solid #f57c00;
    border-radius: 50%;
    padding: 3px;
    box-sizing: content-box;
}

/* ENC grid kartice — sjena oko panela */
.uk-grid-match > div > .el-item {
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
    padding: 20px !important;
    text-align: center !important;
    padding-bottom: 40px !important;
}

/* Sakrij "more" link na dnu kartice */
.uk-grid-match > div > .el-item .el-link {
    display: none !important;
}

/* Kategorija tab — zelena crta (neaktivni) */
.fs-switcher__nav[uk-tab]::before {
    border-color: #86cb3a !important;
}

/* Aktivni tab — tamno plava crta + siva podloga */
.fs-switcher__nav[uk-tab] > .uk-active > a {
    background: #f0f0f0 !important;
    border-radius: 4px 4px 0 0 !important;
    padding: 10px 20px !important;
    border-bottom-color: #0e386a !important;
    border-color: #0e386a !important;
}
[uk-tab] > .uk-active > a::before,
[uk-tab] > .uk-active > a::after,
.fs-switcher__nav[uk-tab] > .uk-active > a::before,
.fs-switcher__nav[uk-tab] > .uk-active > a::after {
    border-color: #0e386a !important;
    border-bottom-color: #0e386a !important;
}


/* ENC Plus modal — crvena crta na tabu */
#enc-plus-modal .fs-switcher__nav[uk-tab]::before {
    border-color: #fe4430 !important;
}



/* ENC No Limit modal — plava crta na tabu */
#enc-nolimit-modal .fs-switcher__nav[uk-tab]::before {
    border-color: #5d93bf !important;
}

/* ENC Next modal — narančasta crta na tabu */
#enc-next-modal .fs-switcher__nav[uk-tab]::before {
    border-color: #f57c00 !important;
}
#enc-next-modal .fs-switcher__nav[uk-tab] > .uk-active > a {
    border-color: #f57c00 !important;
    border-bottom-color: #f57c00 !important;
}
#enc-next-modal [uk-tab] > .uk-active > a::before,
#enc-next-modal [uk-tab] > .uk-active > a::after {
    border-color: #f57c00 !important;
    border-bottom-color: #f57c00 !important;
}


/* ENC modali — smanji razmak u naslovu s logom */
.fs-modal__body .uk-heading-divider {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    line-height: 0 !important;
}
.fs-modal__body .uk-heading-divider .uk-text-middle {
    line-height: 1.4 !important;
    display: inline !important;
    vertical-align: middle !important;
}


/* ENC modali — bold naslovi u karticama */
.fs-modal__body .el-title.uk-h5 {
    font-weight: 700 !important;
}

/* ENC modali — veličina slike po kategoriji */
.fs-modal__body .el-item--1 img.fs-switcher__item-image {
    width: 70px !important;
    height: auto !important;
}
.fs-modal__body .el-item--2 img.fs-switcher__item-image {
    width: 90px !important;
    height: auto !important;
}
.fs-modal__body .el-item--3 img.fs-switcher__item-image {
    width: 100px !important;
    height: auto !important;
}
.fs-modal__body .el-item--4 img.fs-switcher__item-image {
    width: 155px !important;
    height: auto !important;
}

/* Modal body — ne rezati sadržaj, bez scrolla */
.fs-modal__body.uk-modal-body {
    overflow: visible !important;
    max-height: none !important;
}

/* Modal — ne rezati sadržaj nigdje u lancu */
.fs-modal__dialog.uk-modal-dialog,
.fs-modal__body.uk-modal-body,
.fs-modal__body .uk-switcher,
.fs-modal__body .uk-switcher > *,
.fs-modal__body .fs-switcher,
.fs-modal__body .fs-switcher__item,
.fs-modal__body .fs-switcher__item-content,
.fs-modal__body .fs-switcher__items-container,
.fs-modal__body .uk-panel {
    overflow: visible !important;
    max-height: none !important;
}

/* ENC modali — 4 kartice s prednostima: brand pozadina, bijeli tekst, vertikalno centrirano.
   Selektor koristi .fs-modal__container#xxx jer vanjski wrapper svih modala ima isti id="enc-next-modal"
   (YOOtheme builder copy-paste); unutarnji fs-modal__container ima ispravan jedinstveni ID. */

/* Zajednički trak pune širine za sve 4 ENC modala */
.fs-modal__container#enc-next-modal .uk-grid[uk-grid],
.fs-modal__container#enc-easy-modal .uk-grid[uk-grid],
.fs-modal__container#enc-plus-modal .uk-grid[uk-grid],
.fs-modal__container#enc-nolimit-modal .uk-grid[uk-grid] {
    border-radius: 0;
    padding: 24px 40px !important;
    margin-left: -40px !important;
    margin-right: -40px !important;
}
@media (min-width: 1200px) {
    .fs-modal__container#enc-next-modal .uk-grid[uk-grid],
    .fs-modal__container#enc-easy-modal .uk-grid[uk-grid],
    .fs-modal__container#enc-plus-modal .uk-grid[uk-grid],
    .fs-modal__container#enc-nolimit-modal .uk-grid[uk-grid] {
        padding: 24px 70px !important;
        margin-left: -70px !important;
        margin-right: -70px !important;
    }
}
.fs-modal__container#enc-next-modal .el-item.uk-panel,
.fs-modal__container#enc-easy-modal .el-item.uk-panel,
.fs-modal__container#enc-plus-modal .el-item.uk-panel,
.fs-modal__container#enc-nolimit-modal .el-item.uk-panel {
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: auto !important;
    box-shadow: none !important;
}
.fs-modal__container#enc-next-modal .el-item.uk-panel .el-title,
.fs-modal__container#enc-next-modal .el-item.uk-panel .uk-text-primary,
.fs-modal__container#enc-easy-modal .el-item.uk-panel .el-title,
.fs-modal__container#enc-easy-modal .el-item.uk-panel .uk-text-success,
.fs-modal__container#enc-plus-modal .el-item.uk-panel .el-title,
.fs-modal__container#enc-plus-modal .el-item.uk-panel .uk-text-success,
.fs-modal__container#enc-nolimit-modal .el-item.uk-panel .el-title,
.fs-modal__container#enc-nolimit-modal .el-item.uk-panel .uk-text-success {
    color: #ffffff !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ENC modali — animacija stavki u traci */
.fs-modal__container .uk-grid[uk-grid] > div {
    opacity: 0;
    animation: barItemFadeIn 0.5s ease forwards;
}
.fs-modal__container .uk-grid[uk-grid] > div:nth-child(1) { animation-delay: 0.3s; }
.fs-modal__container .uk-grid[uk-grid] > div:nth-child(2) { animation-delay: 0.6s; }
.fs-modal__container .uk-grid[uk-grid] > div:nth-child(3) { animation-delay: 0.9s; }
.fs-modal__container .uk-grid[uk-grid] > div:nth-child(4) { animation-delay: 1.2s; }
@keyframes barItemFadeIn {
    from { opacity: 0; transform: translateY(8px) scale(0.9); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ENC NEXT — narančasta */
.fs-modal__container#enc-next-modal .uk-grid[uk-grid] { background-color: #f57c00; }
/* ENC EASY — zelena */
.fs-modal__container#enc-easy-modal .uk-grid[uk-grid] { background-color: #86cb3a; }
/* ENC PLUS — crvena */
.fs-modal__container#enc-plus-modal .uk-grid[uk-grid] { background-color: #fe4430; }
/* ENC NO LIMIT — plava */
.fs-modal__container#enc-nolimit-modal .uk-grid[uk-grid] { background-color: #5d93bf; }


/* ENC paket kartice — vertikalno centriranje i klikabilnost */
.el-item.uk-flex.uk-flex-column > a.uk-panel.uk-link-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    cursor: pointer !important;
    padding: 30px 15px 0 !important;
}
/* RSForm ENC traka — poništi negativne margine, drži unutar članka */
.formContainer .uk-grid[uk-grid][style*="margin-left: -40px"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0;
    padding: 24px 20px !important;
}

.el-item.uk-flex.uk-flex-column > a.uk-panel.uk-link-toggle .el-link {
    display: none !important;
}

/* Counter sidebar */
#counter-overlay {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}
#counter-overlay.cs-show {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
}
#counter-sidebar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: fit-content;
    z-index: 999;
    background: #fff;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 4px 0 0 4px;
    padding: 28px 24px;
    width: 260px;
    opacity: 0;
    transition: opacity 0.6s ease;
}
#counter-sidebar.cs-show {
    opacity: 1;
}
#cs-close {
    position: absolute;
    top: 8px;
    right: 10px;
    background: none;
    border: none;
    font-size: 22px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
}
#cs-close:hover {
    color: #333;
}
#counter-sidebar .cs-item {
    text-align: center;
}
#counter-sidebar .cs-border {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}
#counter-sidebar .cs-num {
    font-family: Montserrat, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #455c6f;
    letter-spacing: .02em;
    line-height: 1.2;
    white-space: nowrap;
}
#counter-sidebar .cs-label {
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #455c6f;
    line-height: 1.4;
    margin-top: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
}