/*
 Theme Name:   GSR Law Theme
 Theme URI:    https://yourwebsite.com/gsr-law-theme
 Description:  Child theme of Hello Elementor
 Author:       David Figueroa
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");

.header-logo img.with-transition {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    height: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
    transition: all 2s ease !important;
    z-index: 1000 !important;
    filter: none !important;
}

.header-logo img.shrink {
    top: var(--target-top) !important;
    left: var(--target-left) !important;
    transform: translate(0, 0) scale(1) !important;
    position: fixed !important;
    z-index: 1000 !important;
}

.header-logo-subsite img {
    filter: none !important;
}

#logo-blur-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(64px);
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity 1.5s ease;
}
#logo-blur-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

#logo-blur-overlay:not(.active) {
    opacity: 0;
}

.gsr-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(64px);
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    pointer-events: none;
    border-radius: inherit;
    opacity: 1;
    transition: opacity 1.5s ease;
}

.gsr-header.no-blur::before {
    opacity: 0;
}

@keyframes saturateIn {
    from {
        filter: brightness(1) contrast(1.1) saturate(0) blur(0px)
            hue-rotate(0deg);
    }
    to {
        filter: brightness(1) contrast(1.1) saturate(1) blur(0px)
            hue-rotate(0deg);
    }
}

#kontakt {
    scroll-margin-top: 100px;
}

.elementor-widget-container img:not(.header-logo img) {
    filter: brightness(1) contrast(1.1) saturate(0) blur(0px) hue-rotate(0deg);
}

.elementor-widget-container
    img.fully-visible:not(.header-logo img.fully-visible) {
    animation: saturateIn 6s ease forwards;
}

@media (max-width: 600px) {
    .header-logo img {
        width: 300px !important;
    }
    .header-logo img.shrink {
        width: 100px !important;
    }
}

@media (min-width: 600px) {
    .header-logo img {
        width: 450px !important;
    }
    .header-logo img.shrink {
        width: 120px !important;
    }
}

.cookiefox__inner {
    display: flex;
}

.cookiefox__body,
.cookiefox__footer {
    padding: 16px !important;
}

.cookiefox__footer {
    display: flex;
    align-items: center;
}

.cookiefox__button {
    padding: 12px 20px !important;
    font-size: 1.2rem !important;
}

@media (max-width: 600px) {
    .cookiefox__inner {
        flex-direction: column;
    }
    .cookiefox__footer {
        justify-content: center !important;
    }

    .e-n-tabs-heading {
        display: flex !important;
    }

    #kontakt {
        scroll-margin-top: 230px !important;
    }
}

.dialog-lightbox-widget-content .dialog-close-button {
    -webkit-tap-highlight-color: transparent !important;
}

.dialog-lightbox-widget-content .dialog-close-button:focus,
.dialog-lightbox-widget-content .dialog-close-button:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--e-global-color-accent) !important;
}

@supports not (
    (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))
) {
    #logo-blur-overlay,
    .gsr-header::before {
        background: rgba(0, 0, 0, 0.8); /* darker solid fallback */
    }
}