/* Custom CSS overrides for local Tilda rendering */

/* ===== Custom Scrollbar (yellow track, grey thumb) ===== */
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: #e7b119;
}

::-webkit-scrollbar-track {
    background-color: #e7b119;
}

::-webkit-scrollbar-thumb {
    background-color: #e1ddde;
    border-radius: 0px;
    border: 0px solid #e7b119;
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #e1ddde;
}

@supports (-moz-appearance:none) {

    :root,
    body,
    .allrecords * {
        scrollbar-width: auto;
        scrollbar-color: #e1ddde #e7b119;
    }
}

/* Tilda cover — ensure bg image shows even without video */
.t-cover__carrier[data-content-cover-bg] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Ensure all records are visible */
.t-records {
    opacity: 1 !important;
}

/* Tilda lazy images — show immediately (except animated ones) */
img.t-img:not(.t-animate):not(.t-animate *),
img[data-original]:not(.t-animate *) {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Animated images: let IntersectionObserver handle their visibility */
.t-animate[data-animate-style]:not(.t-animate_started) {
    opacity: 0;
}

.t-animate_started {
    opacity: 1;
}

/* Ensure t-cover shows properly with black fallback */
.t-cover {
    background-color: #000000 !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* Hide Tilda video loading spinner (starburst animation) */
.t-cover__carrier-video-loading,
.t-cover__carrier::after,
.t-video__loading,
.t-video__preloader,
[class*="video-loading"],
[class*="preloader"] {
    display: none !important;
    opacity: 0 !important;
}

/* Hide the Tilda progress bar at top (blue bar) */
.t360__progress,
.t360__bar {
    display: none !important;
}

/* Hide Tilda zoom controls (magnifying glass +/- SVGs injected by tilda-zoom JS) */
.t-zoomer__wrapper,
.t-zoomer__control,
.t-zoomer__close,
.dkt-zoomer__wrapper,
.dkt-zoomer_scale,
svg.icon-decrease,
svg.icon-increase {
    display: none !important;
}