/* Tenant top bar: use the configured colours over the homepage animation. */
.header-top.colored { background: var(--topbar-bg-color) !important; }
.header-top .topbar-contact-list { font-size: 14px; text-shadow: none !important; }
.header-top .topbar-contact-list > li { padding: 3px 8px; }
.header-top .topbar-contact-list > li > i { margin-right: 6px; }

/* Homepage content overlay uses the same composition as the Smrekovec site. */
.front-page:has(> .content-sections__hero-copy) { --home-hero-height: clamp(560px, calc(100svh - 150px), 680px); }
.front-page:has(> .content-sections__hero-copy) > .animation-slider-shell { position: relative; z-index: 0; }
.front-page:has(> .content-sections__hero-copy) > .animation-slider-shell .animation-slider { height: var(--home-hero-height) !important; max-height: none; aspect-ratio: auto; }
.front-page:has(> .content-sections__hero-copy) .animation-slider::after { position: absolute; z-index: 2; inset: 0; content: ""; background: linear-gradient(90deg, rgba(0,0,0,.68), rgba(0,0,0,.4) 50%, rgba(0,0,0,.12)); pointer-events: none; }
.content-sections__hero-copy { position: relative; z-index: 10; display: flex; align-items: center; min-height: var(--home-hero-height); margin-top: calc(-1 * var(--home-hero-height)); color: #fff; pointer-events: none; }
.content-sections__hero-copy > .container { width: 100%; max-width: 1170px; }
.content-sections__hero-inner { width: min(820px, 100%); padding: 150px 28px 100px; }
.content-sections__hero-copy h1 { margin: 0 0 20px; color: #fff; font-size: clamp(36px, 4.6vw, 64px); font-weight: 700; line-height: 1.08; text-shadow: 0 2px 12px rgba(0,0,0,.3); }
.content-sections__hero-copy .content-sections__lead { max-width: 620px; margin: 0 0 28px; color: #fff; font-size: 20px; line-height: 1.5; }
.content-sections__hero-copy .content-sections__actions { margin-top: 0; }
.content-sections__hero-copy a { pointer-events: auto; }
.content-sections__hero-copy a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 767px) {
 .front-page:has(> .content-sections__hero-copy) { --home-hero-height: 620px; }
 .front-page:has(> .content-sections__hero-copy) .animation-slider::after { background: linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.65) 55%, rgba(0,0,0,.82)); }
 .content-sections__hero-copy { align-items: flex-end; }
 .content-sections__hero-inner { padding: 170px 5px 86px; text-align: center; }
 .content-sections__hero-copy h1 { font-size: 36px; }
 .content-sections__hero-copy .content-sections__lead { font-size: 18px; }
 .content-sections__hero-copy .content-sections__actions { justify-content: center; gap: 10px; }
 .content-sections__hero-copy .content-sections__actions .btn { width: 100%; }
}