{"id":31464,"date":"2023-05-17T13:42:38","date_gmt":"2023-05-17T13:42:38","guid":{"rendered":"https:\/\/ade-architects.pl\/?post_type=cpt_layouts&#038;p=31464"},"modified":"2026-10-24T19:47:49","modified_gmt":"2026-10-24T19:47:49","slug":"header-main","status":"publish","type":"cpt_layouts","link":"https:\/\/ade-architects.pl\/en\/layouts\/header-main\/","title":{"rendered":"WLASCIWY"},"content":{"rendered":"<div data-elementor-type=\"cpt_layouts\" data-elementor-id=\"31464\" class=\"elementor elementor-31464\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2bcb560 elementor-section-full_width elementor-section-height-default elementor-section-height-default sc_fly_static\" data-id=\"2bcb560\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6db8e03 sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"6db8e03\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"sc_layouts_item elementor-element elementor-element-3cd6d44 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"3cd6d44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- STRUKTURA HTML NAG\u0141\u00d3WKA -->\r\n<header class=\"ade-dynamic-header\" id=\"ade-header\">\r\n    <div class=\"ade-header-container\">\r\n        \r\n        <!-- Logo (Dwa oddzielne pliki) -->\r\n        <a href=\"\/en\/\" class=\"ade-logo\">\r\n            <!-- 1. Logo BIA\u0141E (widoczne na start) -->\r\n            <img decoding=\"async\" src=\"https:\/\/ade-architects.pl\/wp-content\/uploads\/2023\/05\/ChatGPT-Image-17-wrz-2026-23_24_11.png\" class=\"ade-logo-white\" alt=\"ADE Architects\">\r\n            \r\n            <!-- 2. Logo CIEMNE (widoczne po zjechaniu w d\u00f3\u0142) -->\r\n            <img decoding=\"async\" src=\"https:\/\/ade-architects.pl\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-16-wrz-2026-07_51_17.png\" class=\"ade-logo-dark\" alt=\"ADE Architects\">\r\n        <\/a>\r\n\r\n        <!-- Prawa strona: Menu + Przycisk -->\r\n        <div class=\"ade-right-group\">\r\n            \r\n            <!-- Menu nawigacyjne -->\r\n            <nav class=\"ade-nav-menu\">\r\n                <a href=\"\/en\/o-firmie\/\">About us<\/a>\r\n                <a href=\"\/en\/contacts\/\">Contact<\/a>\r\n                <a href=\"\/en\/projekty\/\">Projects<\/a>\r\n                \r\n            <\/nav>\r\n\r\n            <!-- Przycisk -->\r\n            <div class=\"ade-header-action\">\r\n                <a href=\"\/en\/umow-konsultacje\/\" class=\"ade-button\">GET IN TOUCH<\/a>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/header>\r\n\r\n<!-- STYLOWANIE CSS -->\r\n<style>\r\n    \/* =========================================================\r\n       1. STAN POCZ\u0104TKOWY (Przezroczysty, na samej g\u00f3rze)\r\n       ========================================================= *\/\r\n    .ade-dynamic-header {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        z-index: 9999;\r\n        background-color: transparent;\r\n        padding: 35px 0; \/* Sta\u0142a wysoko\u015b\u0107 nag\u0142\u00f3wka *\/\r\n        transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;\r\n    }\r\n\r\n    \/* Uk\u0142ad g\u0142\u00f3wny *\/\r\n    .ade-header-container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        max-width: 100%; \r\n        margin: 0 auto;\r\n        padding: 0 40px; \r\n    }\r\n\r\n    \/* Grupowanie prawych element\u00f3w *\/\r\n    .ade-right-group {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 50px;\r\n    }\r\n\r\n    \/* Ustawienia Logo *\/\r\n    .ade-logo {\r\n        display: block;\r\n        position: relative;\r\n    }\r\n    .ade-logo img {\r\n        height: 90px; \/* Sta\u0142a wysoko\u015b\u0107 logo *\/\r\n        width: auto;\r\n    }\r\n    \r\n    \/* Widoczno\u015b\u0107 logo na start *\/\r\n    .ade-logo-white {\r\n        display: block;\r\n    }\r\n    .ade-logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    \/* Menu nawigacyjne *\/\r\n    .ade-nav-menu {\r\n        display: flex;\r\n        gap: 30px;\r\n    }\r\n\r\n    .ade-nav-menu a {\r\n        color: #ffffff;\r\n        text-decoration: none;\r\n        font-family: inherit;\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        transition: color 0.4s ease-in-out;\r\n    }\r\n\r\n    .ade-nav-menu a:hover {\r\n        opacity: 0.7;\r\n    }\r\n\r\n    \/* Przycisk akcji na start *\/\r\n    .ade-button {\r\n        display: inline-block;\r\n        padding: 14px 28px;\r\n        color: #ffffff;\r\n        background-color: transparent;\r\n        border: 1px solid #ffffff;\r\n        text-decoration: none;\r\n        font-family: inherit;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        transition: all 0.4s ease-in-out;\r\n    }\r\n\r\n    .ade-button:hover {\r\n        background-color: #ffffff;\r\n        color: #000000;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       2. STAN PO ZJECHANIU W D\u00d3\u0141 (.is-scrolled) \r\n       ========================================================= *\/\r\n\r\n    \/* T\u0142o staje si\u0119 bia\u0142e, wysoko\u015b\u0107 pozostaje bez zmian *\/\r\n    .ade-dynamic-header.is-scrolled {\r\n        background-color: #ffffff;\r\n        box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* Podmiana Logo na ciemne po zjechaniu *\/\r\n    .ade-dynamic-header.is-scrolled .ade-logo-white {\r\n        display: none;\r\n    }\r\n    .ade-dynamic-header.is-scrolled .ade-logo-dark {\r\n        display: block;\r\n    }\r\n\r\n    \/* Linki w menu staj\u0105 si\u0119 czarne *\/\r\n    .ade-dynamic-header.is-scrolled .ade-nav-menu a {\r\n        color: #000000;\r\n    }\r\n\r\n    \/* Przycisk staje si\u0119 ciemny *\/\r\n    .ade-dynamic-header.is-scrolled .ade-button {\r\n        color: #ffffff;\r\n        background-color: #1a1a1a;\r\n        border-color: #1a1a1a;\r\n    }\r\n\r\n    .ade-dynamic-header.is-scrolled .ade-button:hover {\r\n        background-color: #333333;\r\n        border-color: #333333;\r\n    }\r\n\r\n    \/* Zabezpieczenie dla urz\u0105dze\u0144 mobilnych *\/\r\n    @media (max-width: 992px) {\r\n        .ade-right-group {\r\n            display: none;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- SKRYPT JAVASCRIPT -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const header = document.getElementById('ade-header');\r\n        \r\n        if(header) {\r\n            window.addEventListener('scroll', function() {\r\n                if (window.scrollY > 50) {\r\n                    header.classList.add('is-scrolled');\r\n                } else {\r\n                    header.classList.remove('is-scrolled');\r\n                }\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"author":1,"featured_media":0,"template":"","cpt_layouts_group":[],"class_list":["post-31464","cpt_layouts","type-cpt_layouts","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/cpt_layouts\/31464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/cpt_layouts"}],"about":[{"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/types\/cpt_layouts"}],"author":[{"embeddable":true,"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":27,"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/cpt_layouts\/31464\/revisions"}],"predecessor-version":[{"id":34610,"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/cpt_layouts\/31464\/revisions\/34610"}],"wp:attachment":[{"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/media?parent=31464"}],"wp:term":[{"taxonomy":"cpt_layouts_group","embeddable":true,"href":"https:\/\/ade-architects.pl\/en\/wp-json\/wp\/v2\/cpt_layouts_group?post=31464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}