/* Additions for the static archive. The legacy look comes from /template/css/style.css. */
.archive-notice {
  position: relative;
  z-index: 1050;
  background: #fff3cd;
  color: #3b2f00;
  padding: .6rem 1rem;
  font-size: .95rem;
  line-height: 1.4;
  text-align: center;
}
.archive-notice strong { margin-right: .35rem; }
.archive-notice a { color: #0b4f8a; text-decoration: underline; font-weight: 700; }
@media (min-width: 992px) {
  .navbar-nav .nav-item:hover > .dropdown-menu,
  .navbar-nav .nav-item:focus-within > .dropdown-menu { display: block; }
}
.pres-video a { font-weight: 700; }
/* Legacy content images carry fixed pixel sizes; keep them inside narrow screens. */
.page-text img, .content img, .box img { max-width: 100%; height: auto; }
@media (max-width: 575px) { .boxes .box-content { flex-direction: column; } .boxes .box-body { margin: 10px 0 0; } }
/* Below 992px the expanded menu lists every submenu link directly (no hover, no extra script). */
@media (max-width: 991.98px) {
  .navbar-collapse .dropdown-menu {
    display: block;
    position: static;
    float: none;
    margin: 0 0 .5rem;
    padding: 0 0 0 1rem;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-collapse .dropdown-menu .nav-link { color: rgba(255, 255, 255, .85); font-size: .95rem; text-transform: none; padding: .3rem 0; }
}
.archive-contact a, .archive-contact-footer a { text-decoration: underline; }
/* Long legacy headings (e.g. ARRANGEMENTS, Srednjovjekovni) must fit narrow phones without hiding overflow. */
@media (max-width: 575.98px) {
  .display-1, .display-2, .display-3, .display-4,
  .slideshow.hero .carousel-caption .display-2 { font-size: clamp(1.75rem, 9vw, 3.5rem); }
  h1, h2, h3, .display-1, .display-2, .display-3, .display-4 { overflow-wrap: anywhere; hyphens: auto; }
}
/* The legacy 460px brush label is scaled to 0.7 on phones (322px); keep it inside 320px screens. */
@media (max-width: 359.98px) { h1.display-4 + .brush { transform: scale(0.65); } }