/* Paket 16.2.8 — isolated redesign for publikacije.php only. */
.ips-publications-index-v2 .ips-pub-v2-hero {
    position: relative;
    overflow: hidden;
    padding: 6.6rem 0;
    background: linear-gradient(135deg, #f4f8fa 0%, #e9f1f5 100%);
}
.ips-publications-index-v2 .ips-pub-v2-hero::before,
.ips-publications-index-v2 .ips-pub-v2-hero::after {
    position: absolute;
    content: "";
    pointer-events: none;
}
.ips-publications-index-v2 .ips-pub-v2-hero::before {
    top: -12rem;
    right: -8rem;
    width: 38rem;
    height: 38rem;
    border-radius: 50%;
    background: rgba(0, 58, 90, .07);
}
.ips-publications-index-v2 .ips-pub-v2-hero::after {
    top: .5rem;
    right: 6rem;
    width: 10rem;
    height: 13rem;
    background: url('../images/logo-symbol.svg') center/contain no-repeat;
    opacity: .13;
}
.ips-pub-v2-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(38rem, .65fr);
    align-items: center;
    gap: 5.5rem;
}
.ips-pub-v2-hero__copy h1 {
    max-width: 78rem;
    margin: 1rem 0 1.5rem;
    color: var(--grey-dark-one);
    font-size: 5rem;
    line-height: 1.08;
    text-transform: none;
}
.ips-pub-v2-hero__copy p {
    max-width: 73rem;
    margin: 0;
    color: var(--grey-dark-three);
    font-size: 1.72rem;
    line-height: 1.75;
}
.ips-pub-v2-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(0, 58, 90, .11);
    border-radius: .95rem;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 1.5rem 4rem rgba(22, 45, 57, .075);
}
.ips-pub-v2-hero__stats > div {
    min-width: 0;
    padding: 2.4rem 1.25rem;
    text-align: center;
}
.ips-pub-v2-hero__stats > div + div { border-left: 1px solid rgba(0, 58, 90, .09); }
.ips-pub-v2-hero__stats strong {
    display: block;
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-size: 2.8rem;
    line-height: 1;
}
.ips-pub-v2-hero__stats span {
    display: block;
    margin-top: .9rem;
    color: var(--grey-dark-three);
    font-size: 1.08rem;
    line-height: 1.35;
}
.ips-pub-v2-section { padding: 7rem 0 9rem; }
.ips-pub-v2-heading { max-width: 80rem; margin-bottom: 3rem; }
.ips-pub-v2-heading h2 { margin: .75rem 0 1rem; font-size: 3.7rem; text-transform: none; }
.ips-pub-v2-heading p { margin: 0; color: var(--grey-dark-three); font-size: 1.5rem; line-height: 1.75; }

.ips-pub-v2-filter {
    display: grid;
    grid-template-columns: minmax(30rem, 1.5fr) minmax(22rem, .8fr) minmax(15rem, .5fr) auto;
    align-items: end;
    gap: 1.5rem;
    padding: 2.2rem;
    border: 1px solid #e2e8ec;
    border-radius: .9rem;
    background: #f8fafb;
}
.ips-pub-v2-filter label {
    display: block;
    margin-bottom: .8rem;
    color: var(--grey-dark-one);
    font-family: var(--primary-font);
    font-size: 1.1rem;
    font-weight: 700;
}
.ips-pub-v2-input { position: relative; }
.ips-pub-v2-input i {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    color: var(--primary-color);
    transform: translateY(-50%);
}
.ips-pub-v2-input input,
.ips-pub-v2-filter select {
    width: 100%;
    height: 4.9rem;
    margin: 0;
    border: 1px solid #d6e0e5;
    border-radius: .55rem;
    background: #fff;
    color: var(--grey-dark-one);
    font-family: var(--primary-font);
    font-size: 1.25rem;
    outline: 0;
}
.ips-pub-v2-input input { padding: 0 1.5rem 0 4.2rem; }
.ips-pub-v2-input input:focus,
.ips-pub-v2-filter select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 .3rem rgba(0, 58, 90, .08);
}
.ips-pub-v2-filter .ips-select-control { position: relative; width: 100%; }
.ips-pub-v2-filter .ips-select-control::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: .8rem;
    height: .8rem;
    border-right: .2rem solid var(--primary-color);
    border-bottom: .2rem solid var(--primary-color);
    content: "";
    pointer-events: none;
    transform: translateY(-70%) rotate(45deg);
}
.ips-pub-v2-filter select {
    padding: 0 4rem 0 1.5rem;
    appearance: none;
    -webkit-appearance: none;
}
.ips-pub-v2-filter__actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 4.9rem;
}
.ips-pub-v2-filter__actions .ips-primary-button { min-height: 4.9rem; margin: 0; white-space: nowrap; }
.ips-pub-v2-clear { color: var(--primary-color); font-size: 1.12rem; font-weight: 700; white-space: nowrap; }

.ips-pub-v2-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin: 2.2rem 0 2rem;
}
.ips-pub-v2-toolbar__count { color: var(--grey-dark-three); font-size: 1.28rem; }
.ips-pub-v2-toolbar__count strong { color: var(--primary-color); font-size: 1.55rem; }
.ips-pub-v2-toolbar__views {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid #dce4e8;
    border-radius: .55rem;
    background: #fff;
}
.ips-pub-v2-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    min-width: 9.5rem;
    height: 4rem;
    padding: 0 1.2rem;
    border: 0;
    background: #fff;
    color: var(--grey-dark-three);
    font-family: var(--primary-font);
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
}
.ips-pub-v2-view + .ips-pub-v2-view { border-left: 1px solid #e1e7ea; }
.ips-pub-v2-view:hover,
.ips-pub-v2-view.is-active { background: var(--primary-color); color: #fff; }

.ips-pub-v2-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
}
.ips-pub-v2-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e1e7eb;
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 .9rem 3rem rgba(23, 43, 54, .05);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ips-pub-v2-card:hover {
    border-color: rgba(0, 58, 90, .24);
    box-shadow: 0 1.6rem 4rem rgba(23, 43, 54, .09);
    transform: translateY(-4px);
}
.ips-pub-v2-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 17rem;
    padding: 1.5rem;
    background: linear-gradient(145deg, #f2f6f8, #e8eef2);
}
.ips-pub-v2-card__media img {
    width: auto;
    max-width: 100%;
    height: 14rem;
    object-fit: contain;
    filter: drop-shadow(0 .8rem 1rem rgba(20, 40, 51, .16));
}
.ips-pub-v2-card__fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8rem;
    height: 10.5rem;
    border-radius: .55rem;
    background: linear-gradient(145deg, var(--primary-color), #2e6d8d);
    color: #fff;
    font-size: 2.6rem;
}
.ips-pub-v2-card__body { display: flex; flex: 1 1 auto; flex-direction: column; padding: 1.7rem; }
.ips-pub-v2-card__journal {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .7rem;
    margin-bottom: .9rem;
    color: var(--grey-dark-three);
    font-size: .98rem;
    line-height: 1.35;
}
.ips-pub-v2-card__journal a { color: var(--primary-color); font-weight: 700; }
.ips-pub-v2-card__journal > span:last-child { padding-left: .7rem; border-left: 1px solid #d7e0e5; }
.ips-pub-v2-card h3 {
    display: -webkit-box;
    min-height: 6.2rem;
    margin: 0 0 1rem;
    overflow: hidden;
    color: var(--grey-dark-one);
    font-size: 1.55rem;
    line-height: 1.35;
    text-transform: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.ips-pub-v2-card h3 a { color: inherit; }
.ips-pub-v2-card h3 a:hover { color: var(--primary-color); }
.ips-pub-v2-card__authors {
    display: -webkit-box;
    min-height: 3.7rem;
    margin-bottom: 1rem;
    overflow: hidden;
    color: var(--grey-dark-three);
    font-size: 1.08rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ips-pub-v2-card__authors a { color: var(--primary-color); font-weight: 600; }
.ips-pub-v2-card__authors--empty { color: #8d999f; font-style: italic; }
.ips-pub-v2-card__summary {
    display: none;
    margin: 0 0 1.2rem;
    color: var(--grey-dark-three);
    font-size: 1.15rem;
    line-height: 1.65;
}
.ips-pub-v2-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem .9rem;
    margin-top: auto;
    color: var(--grey-dark-three);
    font-size: .98rem;
}
.ips-pub-v2-card__meta span { display: inline-flex; align-items: flex-start; gap: .45rem; }
.ips-pub-v2-card__meta i { margin-top: .2rem; color: var(--primary-color); }
.ips-pub-v2-card__action {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid #edf1f3;
}
.ips-pub-v2-card__action a { display: inline-flex; align-items: center; gap: .65rem; color: var(--primary-color); font-size: 1.08rem; font-weight: 700; }
.ips-pub-v2-card__action i { transition: transform .2s ease; }
.ips-pub-v2-card__action a:hover i { transform: translateX(3px); }

.ips-pub-v2-grid.is-list { grid-template-columns: 1fr; }
.ips-pub-v2-grid.is-list .ips-pub-v2-card {
    display: grid;
    grid-template-columns: 16rem minmax(0, 1fr);
}
.ips-pub-v2-grid.is-list .ips-pub-v2-card__media { min-height: 100%; }
.ips-pub-v2-grid.is-list .ips-pub-v2-card__media img { height: 15rem; }
.ips-pub-v2-grid.is-list .ips-pub-v2-card__body { padding: 2rem 2.2rem; }
.ips-pub-v2-grid.is-list .ips-pub-v2-card h3 { min-height: 0; font-size: 1.8rem; -webkit-line-clamp: 2; }
.ips-pub-v2-grid.is-list .ips-pub-v2-card__authors { min-height: 0; }
.ips-pub-v2-grid.is-list .ips-pub-v2-card__summary { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ips-pub-v2-empty { padding: 6rem 2rem; border: 1px solid #e1e7eb; border-radius: .9rem; background: #fff; text-align: center; }
.ips-pub-v2-empty i { margin-bottom: 1.5rem; color: var(--primary-color); font-size: 3.2rem; }
.ips-pub-v2-empty p { margin: 0; color: var(--grey-dark-three); }

.ips-publications-index-v2 .ips-pagination { display: flex; align-items: center; justify-content: center; gap: .7rem; margin-top: 4.5rem; }
.ips-publications-index-v2 .ips-pagination a,
.ips-publications-index-v2 .ips-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.2rem;
    height: 4.2rem;
    padding: 0 1rem;
    border: 1px solid #dfe6ea;
    border-radius: .45rem;
    color: var(--grey-dark-one);
    font-weight: 600;
}
.ips-publications-index-v2 .ips-pagination a:hover,
.ips-publications-index-v2 .ips-pagination a.is-active { border-color: var(--primary-color); background: var(--primary-color); color: #fff; }
.ips-publications-index-v2 .ips-pagination__arrow { color: var(--primary-color) !important; }
.ips-publications-index-v2 .ips-pagination__arrow:hover { color: #fff !important; }

@media (max-width: 1199px) {
    .ips-pub-v2-hero__grid { grid-template-columns: minmax(0, 1fr) 34rem; gap: 3.5rem; }
    .ips-pub-v2-filter { grid-template-columns: minmax(26rem, 1.4fr) minmax(19rem, .8fr) minmax(14rem, .5fr); }
    .ips-pub-v2-filter__actions { grid-column: 1 / -1; }
    .ips-pub-v2-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .ips-pub-v2-hero__grid { grid-template-columns: 1fr; }
    .ips-pub-v2-hero__stats { max-width: 60rem; }
    .ips-pub-v2-filter { grid-template-columns: 1fr 1fr; }
    .ips-pub-v2-filter__search { grid-column: 1 / -1; }
    .ips-pub-v2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .ips-publications-index-v2 .ips-pub-v2-hero { padding: 4.7rem 0; }
    .ips-publications-index-v2 .ips-pub-v2-hero::before { width:28rem; height:28rem; right:-7rem; top:-10rem; }
    .ips-publications-index-v2 .ips-pub-v2-hero::after { width:6.8rem; height:8.7rem; right:3.6rem; top:1.2rem; }
    .ips-pub-v2-hero__copy h1 { font-size: 3.7rem; }
    .ips-pub-v2-hero__copy p { font-size: 1.45rem; }
    .ips-pub-v2-hero__stats > div { padding: 1.8rem .8rem; }
    .ips-pub-v2-hero__stats strong { font-size: 2.2rem; }
    .ips-pub-v2-section { padding: 5rem 0 6.5rem; }
    .ips-pub-v2-heading h2 { font-size: 3rem; }
    .ips-pub-v2-filter { grid-template-columns: 1fr; padding: 1.5rem; }
    .ips-pub-v2-filter__search { grid-column: auto; }
    .ips-pub-v2-filter__actions { grid-column: auto; align-items: stretch; flex-direction: column; }
    .ips-pub-v2-filter__actions .ips-primary-button { width: 100%; }
    .ips-pub-v2-clear { align-self: center; padding: .5rem; }
    .ips-pub-v2-toolbar { margin-top: 1.7rem; }
    .ips-pub-v2-toolbar__views span { display: none; }
    .ips-pub-v2-view { min-width: 4.2rem; width: 4.2rem; padding: 0; }
    .ips-pub-v2-grid { gap: 1.1rem; }
    .ips-pub-v2-card__media { min-height: 12.5rem; padding: 1rem; }
    .ips-pub-v2-card__media img { height: 10.5rem; }
    .ips-pub-v2-card__body { padding: 1.15rem; }
    .ips-pub-v2-card__journal { font-size: .82rem; }
    .ips-pub-v2-card h3 { min-height: 5.1rem; margin-bottom: .7rem; font-size: 1.25rem; line-height: 1.35; }
    .ips-pub-v2-card__authors { min-height: 3.2rem; margin-bottom: .7rem; font-size: .92rem; line-height: 1.45; }
    .ips-pub-v2-card__meta { font-size: .84rem; }
    .ips-pub-v2-card__meta span:first-child { display: none; }
    .ips-pub-v2-card__action { margin-top: .8rem; padding-top: .8rem; }
    .ips-pub-v2-card__action a { font-size: .95rem; }
    .ips-pub-v2-grid.is-list .ips-pub-v2-card { grid-template-columns: 10rem minmax(0, 1fr); }
    .ips-pub-v2-grid.is-list .ips-pub-v2-card__media img { height: 10rem; }
    .ips-pub-v2-grid.is-list .ips-pub-v2-card__body { padding: 1.3rem; }
    .ips-pub-v2-grid.is-list .ips-pub-v2-card h3 { font-size: 1.35rem; }
    .ips-pub-v2-grid.is-list .ips-pub-v2-card__summary { display: none; }
}
@media (max-width: 480px) {
    .ips-pub-v2-hero__stats span { font-size: .9rem; }
    .ips-pub-v2-grid { gap: .9rem; }
    .ips-pub-v2-card__body { padding: 1rem; }
    .ips-pub-v2-card__journal > span:last-child { display: none; }
    .ips-pub-v2-card h3 { min-height: 4.8rem; font-size: 1.16rem; }
    .ips-pub-v2-card__authors { font-size: .85rem; }
    .ips-publications-index-v2 .ips-pagination a,
    .ips-publications-index-v2 .ips-pagination span { min-width: 3.7rem; height: 3.7rem; padding: 0 .7rem; }
}
