.elementor-77 .elementor-element.elementor-element-82525fd{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Styl dla całego paska na samej górze strony */
.elementor-77 .elementor-section, 
.elementor-77 .elementor-container {
    /* Jasne, ciepłe, półprzezroczyste tło – logo będzie idealnie widoczne! */
    background-color: rgba(253, 250, 245, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.4s ease-in-out !important;
}

/* Styl paska, gdy użytkownik zacznie przewijać stronę (efekt scrollu) */
.header-scrolled {
    background-color: rgba(253, 250, 245, 0.98) !important;
    box-shadow: 0 10px 30px rgba(18, 43, 69, 0.08) !important;
}

/* Delikatne zmniejszenie logo podczas scrollowania */
.header-scrolled .elementor-widget-image img {
    height: 48px !important;
    transition: all 0.4s ease-in-out;
}

/* STYLIZACJA DROPDOWNU NA MOBILE */
.elementor-nav-menu--dropdown {
    background-color: #fdfaf5 !important; /* Ciepły beż wewnątrz rozwijanego menu */
    border-top: 1px solid rgba(30, 70, 112, 0.1) !important;
}
.elementor-nav-menu--dropdown a {
    color: #1e4670 !important; /* Granatowe linki na telefonie */
    font-family: 'Open Sans', sans-serif !important;
}/* End custom CSS */