.elementor-kit-6{--e-global-color-primary:#1C4C8C;--e-global-color-secondary:#000000;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FDC500;--e-global-color-ff28b63:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   1. TŁO STRONY - WODNY BŁĘKIT
   ========================================= */
html, body {
    /* Jasny, świeży błękit (jak woda w basenie) */
    background: linear-gradient(180deg, #E6F7FF 0%, #D4EEFC 100%) !important;
    background-attachment: fixed !important; /* Tło stoi w miejscu przy przewijaniu */
    min-height: 100vh;
}

/* Usuwamy białe tła z kontenerów motywu */
#page, .site, .site-content, .entry-content, .ast-container, #content, article {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* =========================================
   2. HEADER - PRZEZROCZYSTY (Widać tło strony)
   ========================================= */
header, 
.site-header, 
.elementor-location-header, 
.ast-main-header-bar {
    background-color: transparent !important; /* Kluczowe: Przezroczystość */
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important; /* Usuwamy cień, żeby nie było widać granicy */
}

/* =========================================
   3. MENU - GRANATOWE (Dla czytelności)
   ========================================= */
/* Linki w menu - muszą być Ciemne na jasnym tle */
header a, 
.site-header a, 
.elementor-nav-menu .elementor-item,
.ast-builder-menu .main-header-menu .menu-item > .menu-link {
    color: #1e4782 !important; /* Twój firmowy Granat */
    font-weight: 700 !important;
}

/* Po najechaniu myszką - Twój Pomarańcz */
header a:hover, 
.site-header a:hover, 
.elementor-nav-menu .elementor-item:hover,
.ast-builder-menu .main-header-menu .menu-item:hover > .menu-link {
    color: #Feb510 !important; 
}

/* Ikonki (lupa, social media) - Granatowe */
header i, header svg {
    fill: #1e4782 !important;
    color: #1e4782 !important;
}

/* Hamburger menu na telefonie - Granatowy */
.ast-mobile-menu-trigger .ast-svg-icon svg {
    fill: #1e4782 !important;
}/* End custom CSS */