/*
 * Primer 5 — završna stabilizacija zajedničkog frontenda.
 * Ovaj fajl se učitava poslednji i sadrži samo bezbedne globalne korekcije.
 */

html {
    scroll-padding-top: calc(var(--p5-header-height) + 24px);
}

body.primer5-site {
    min-width: 320px;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    body.primer5-site { overflow-x: hidden; }
}

main#main-content {
    min-height: 45vh;
}

/* Header i dropdown uvek ostaju iznad hero sekcija i profila. */
.primer5-header {
    isolation: isolate;
}

.primer5-header,
.primer5-header__inner,
.primer5-nav,
.primer5-nav__item {
    overflow: visible;
}

.primer5-nav__dropdown {
    z-index: 1085;
}

.primer5-nav__dropdown a[aria-current="page"] {
    color: var(--p5-red-600);
    background: var(--p5-red-100);
    font-weight: 850;
}

/* Aktivna stranica je jasno obeležena i u mobilnom meniju. */
.primer5-mobile-nav > a,
.primer5-mobile-nav__group > div:first-child > a,
.primer5-mobile-nav__submenu a {
    position: relative;
    border-radius: 9px;
}

.primer5-mobile-nav > a.active,
.primer5-mobile-nav__group.is-active > div:first-child > a,
.primer5-mobile-nav__submenu a.active {
    color: #fff;
    background: rgba(190, 47, 67, .2);
}

.primer5-mobile-nav > a.active,
.primer5-mobile-nav__group.is-active > div:first-child > a {
    padding-left: 13px;
}

.primer5-mobile-nav > a.active::before,
.primer5-mobile-nav__group.is-active > div:first-child > a::before,
.primer5-mobile-nav__submenu a.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 22px;
    border-radius: 99px;
    background: var(--p5-red-500);
    transform: translateY(-50%);
}

.primer5-mobile-nav__group > div:first-child > button svg {
    transition: transform var(--p5-transition);
}

.primer5-mobile-nav__group.is-expanded > div:first-child > button svg {
    transform: rotate(180deg);
}

/* Dugački nazivi i sadržaj ne smeju da razbiju layout. */
.primer5-site h1,
.primer5-site h2,
.primer5-site h3,
.primer5-site h4,
.primer5-site p,
.primer5-site a,
.primer5-site td,
.primer5-site th,
.primer5-site strong,
.primer5-site span {
    overflow-wrap: anywhere;
}

.primer5-site img {
    height: auto;
}

.primer5-site iframe,
.primer5-site video {
    max-width: 100%;
}

.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 55, 100, .3) transparent;
}

.table-responsive::-webkit-scrollbar {
    height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: rgba(0, 55, 100, .3);
    border-radius: 99px;
}

/* Forme dobijaju stabilan focus i sprečavaju iOS zoom na mobilnom. */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: rgba(190, 47, 67, .58);
    box-shadow: 0 0 0 .22rem rgba(190, 47, 67, .12);
}

@media (max-width: 767.98px) {
    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    .primer5-mobile-menu .offcanvas-body {
        overscroll-behavior: contain;
    }
}

@media print {
    .primer5-topbar,
    .primer5-header,
    .primer5-footer,
    .primer5-back-to-top,
    .primer5-button,
    .primer5-icon-button,
    .primer5-menu-button {
        display: none !important;
    }

    body.primer5-site {
        color: #000;
        background: #fff;
    }

    main#main-content {
        min-height: 0;
    }

    a[href]::after {
        content: none !important;
    }
}

/* Header: logo i pretraga bez kružnih/ovalnih okvira. */
.primer5-header .primer5-brand__logo {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

.primer5-header .primer5-icon-button {
    width: 44px;
    height: 46px;
    color: var(--p5-navy-900);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.primer5-header .primer5-icon-button:hover,
.primer5-header .primer5-icon-button:focus-visible {
    color: var(--p5-red-600);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    transform: none;
}