/* Biblos v1.0.46 — javni dio: SAMO raspored i nužni stilovi posebnih elemenata.
   Nema globalnih promjena Bootstrap .card/.btn/.form-control/.table komponenti.
   Sve boje isključivo iz aktivnog Bootstrapa/Bootswatcha. */

/* Okviri i navigacija: geometrija bez fiksnih boja. */
.custom-navbar {padding:0;overflow:visible}
.custom-navbar .navbar-nav {width:100%}
.custom-navbar .nav-item {display:flex;align-items:stretch}
/* Dropdown is anchored to its own nav item, not stretched across the navbar. */
.custom-navbar .nav-item.dropdown {position:relative;display:block}
.custom-navbar .nav-item.dropdown > .dropdown-menu {width:max-content;min-width:12rem;max-width:calc(100vw - 2rem);box-sizing:border-box}
@media (min-width:992px) {.custom-navbar .nav-item.dropdown > .dropdown-menu {position:absolute;top:100%;left:auto;right:0}}
@media (max-width:991.98px) {.custom-navbar .nav-item.dropdown > .dropdown-menu {width:100%;max-width:100%;position:static}}
.custom-navbar .nav-link {display:flex;align-items:center;padding:.85rem 1rem}

.nav-separator {width:1px;align-self:stretch;background:var(--bs-border-color)}
.custom-footer {padding:1rem 1.25rem;display:flex;justify-content:center;width:100%;max-width:1200px;margin-inline:auto;box-sizing:border-box}
/* Kartice s naslovnicama, slider i pomicanje. */
.edicija-naslov {font-size:.9rem;font-weight:500;height:2.4em;line-height:1.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;margin-top:5px;color:var(--bs-body-color)}
.scroll-container {display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;gap:15px;padding:5px 40px}
.scroll-container::-webkit-scrollbar {display:none}
.slider-wrapper {position:relative;display:flex;align-items:center}
.slider-btn {position:absolute;z-index:10;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer}

.slider-btn-prev {left:0}.slider-btn-next {right:0}

/* Specifični popisi epizoda: raspored, bez fiksnih boja. */
.list-group-item-accordion {padding:0;border:1px solid var(--bs-border-color)}
.list-group-item-accordion .accordion-button {padding:0}
.list-group-item-accordion .accordion-body {padding:.5rem 0 .5rem 90px;border-top:1px solid var(--bs-border-color)}
.sub-episode-item {display:block;padding:.25rem 1rem;text-decoration:none;color:var(--bs-body-color)}
.sub-episode-item:hover {background:var(--bs-tertiary-bg);color:var(--bs-link-hover-color)}
.pagination-style-item {display:flex;align-items:stretch;padding:0!important;overflow:hidden}
.pagination-style-item .strip-broj {flex:0 0 90px;display:flex;align-items:center;padding:.75rem .5rem;font-weight:700;border-right:1px solid var(--bs-border-color);background:var(--bs-secondary-bg);color:var(--bs-body-color)}
.pagination-style-item .strip-naziv {flex:1;display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:var(--bs-body-color);background:var(--bs-body-bg)}
.pagination-style-item:hover .strip-naziv {background:var(--bs-tertiary-bg);color:var(--bs-link-hover-color)}
.accordion-button .strip-naziv {background:transparent}

/* Naslovnice i rezervna polja kad naslovnica nedostaje. */
.naslovnica_thumb {width:109px;height:150px;object-fit:cover;border-radius:var(--bs-border-radius-sm);border:1px solid var(--bs-border-color);box-sizing:border-box}
.naslovnica_thumb_nema {width:109px;height:150px;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;background:var(--bs-secondary-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-sm)}
.naslovnica_thumb_nema_text {font-size:14px;font-weight:700;color:var(--bs-body-color);overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.naslovnica_okvir_zadnje_dodatno {flex:0 0 109px;width:109px;text-align:center}

/* Matrica usporednog popisa: sticky stupci i širine. */
.table-comic tbody tr {border-bottom:1px dashed var(--bs-border-color)}
.table-comic tbody td:first-child {font-weight:700;padding-block:.25rem;white-space:nowrap;width:32%}
.table-comic tbody td:nth-child(2) {padding-block:.25rem}
.letter-box {width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;box-sizing:border-box;text-decoration:none;border-radius:var(--bs-border-radius-sm);border:1px solid var(--bs-border-color)}
.letter-box-active {background:var(--bs-info-bg-subtle);color:var(--bs-info-text-emphasis)}
.letter-box-current {background:var(--bs-primary);color:var(--bs-white)}
.letter-box-disabled {background:var(--bs-tertiary-bg);color:var(--bs-secondary-color);cursor:not-allowed}
.page-container {width:100%;max-width:1200px;margin:0 auto;transition:max-width .3s ease}
.page-container.full-width-mode {max-width:calc(100vw - 100px);padding-inline:0}
.page-container.full-width-mode .expandable-card {width:calc(100vw - 100px);max-width:calc(100vw - 100px);position:relative;left:50%;margin-left:calc(-50vw + 50px)}
.table-custom-wrapper {position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);background:var(--bs-body-bg)}
.table-custom-wrapper .table-responsive {overflow:auto;flex:1 1 auto;width:100%}
.table-matrica {margin-bottom:0;vertical-align:middle;border-collapse:separate;border-spacing:0}
.table-matrica th,.table-matrica td {padding:.65rem .85rem;border-bottom:1px solid var(--bs-border-color);border-right:1px solid var(--bs-border-color)}
.table-matrica th {font-weight:700;text-align:center;position:sticky;top:0;z-index:2;white-space:nowrap;background:var(--bs-secondary-bg);color:var(--bs-body-color)}
.table-matrica th.text-start-custom {text-align:left}
.table-matrica th:nth-child(1) {left:0;z-index:4;width:80px;min-width:80px;max-width:80px}
.table-matrica td:nth-child(1) {position:sticky;left:0;z-index:2;background:var(--bs-secondary-bg);font-weight:700;text-align:center;width:80px;min-width:80px;max-width:80px;white-space:nowrap}
.table-matrica th:nth-child(2) {left:80px;z-index:4;min-width:250px}
.table-matrica td:nth-child(2) {position:sticky;left:80px;z-index:2;background:var(--bs-body-bg);font-weight:500;min-width:250px;max-width:350px;white-space:normal}
.kolona-edicija {text-align:left;font-weight:600;white-space:nowrap}
.celija-prazna {text-align:center;white-space:nowrap;color:var(--bs-secondary-color)}
.interactive-card {transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover) and (pointer:fine) {.interactive-card:hover {transform:translateY(-6px)}}
@media(max-width:575.98px) {.page-container.full-width-mode,.page-container.full-width-mode .expandable-card {max-width:100%;width:100%;left:auto;margin-left:0}.scroll-container {padding-inline:35px}}

/* Brza navigacija: samo pozicioniranje, izgled daju Bootstrap btn klase. */
.page-scroll-controls {position:fixed;right:18px;bottom:18px;z-index:1030;display:flex;flex-direction:column;gap:6px}
.page-scroll-btn {width:38px;height:38px;padding:0;font-size:22px;line-height:1}
.page-scroll-btn.is-hidden {display:none}
@media(max-width:576px){.page-scroll-controls{right:10px;bottom:10px}.page-scroll-btn{width:42px;height:42px}}
