/* Author: Luka */
.icon { display: inline-block; width: 20px; height: 20px; flex-shrink: 0; vertical-align: middle; }
.button > [aria-hidden], .text-link > [aria-hidden], .hero-explore > [aria-hidden], .mobile-book a > [aria-hidden] { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.text-link .icon, .hero-explore .icon, summary .icon { width: 18px; height: 18px; }
.photo-plus .icon { width: 17px; height: 17px; }
summary > [aria-hidden] { display: inline-flex; align-items: center; justify-content: center; }
.lightbox-header > button, .lightbox-stage > button, .privacy-dialog > button { display: inline-flex; align-items: center; justify-content: center; }
#lightbox-close, #privacy-close { display: grid; place-items: center; padding: 0; line-height: 0; flex-shrink: 0; }
#lightbox-close .icon, #privacy-close .icon { display: block; margin: 0; }
.lightbox-header .icon, .lightbox-stage .icon, .privacy-dialog > button .icon { width: 22px; height: 22px; }
.hero-pager .slideshow-control { align-items: center; justify-content: center; }
.slideshow-control .icon { width: 16px; height: 16px; }
.hero-sidephoto .hero-photo-label { display: flex; align-items: center; gap: 8px; }
.hero-sidephoto .hero-photo-label > span { position: static; flex: 1; min-width: 0; font: inherit; }
.hero-photo-label .icon { width: 16px; height: 16px; }
#navigation > a > .icon { display: none; }
.menu-lines { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 0; }
.menu-lines::before, .menu-lines::after { content: none; }
.menu-toggle[aria-expanded=true] .menu-lines { transform: none; }
.menu-lines .icon { width: 24px; height: 24px; }
.menu-top { transform-origin: 12px 8px; }
.menu-bottom { transform-origin: 12px 16px; }
.menu-top, .menu-bottom { transition: transform .25s ease; }
.menu-toggle[aria-expanded=true] .menu-top { transform: translateY(4px) rotate(45deg); }
.menu-toggle[aria-expanded=true] .menu-bottom { transform: translateY(-4px) rotate(-45deg); }
@media (max-width: 760px) {
  #navigation > a::after { content: none; }
  #navigation > a > .icon { display: block; width: 18px; height: 18px; margin-left: auto; color: #8c795d; }
}
@media (prefers-reduced-motion: reduce) {
  .menu-top, .menu-bottom { transition: none; }
}