/* Theme Name: Vantage — Osiedle Wiktoria Template: vantage Description: Motyw potomny dla wiktoriaosiedle.pl. Przechowuje zmiany, które wcześniej były wpisane wprost w pliki motywu Vantage (i znikałyby przy jego aktualizacji). Version: 1.0.0 Text Domain: vantage-wiktoria */ /* * Ustawienia wyglądu klienta z Customizera Vantage 1.11 (zmierzone na produkcji). * Vantage 1.20 zapisuje typografię inaczej i przestał je generować — bez tego nagłówki * sekcji miały 22px zamiast 58px, a menu łamało się na dwie linie. */ body, button, input, select, textarea { font-family: "Open Sans", sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6, #masthead h1 { font-family: "Oswald", sans-serif; font-weight: 400; } /* Stary Vantage: interlinia w em, więc nagłówki dziedziczyły 25.6px (16px × 1.6) — na tym zaprojektowano sekcje. */ html body { line-height: 1.6em; } /* Nowy Page Builder ustawia interlinię na kontenerach sekcji — nagłówki dostają ją wprost, jak na produkcji. */ #content h1, #content h2, #content h3, #content h4 { line-height: 25.6px; } /* Wyjątek: podpisy kafli „pod klucz” (slider SiteOrigin) miały na produkcji interlinię 1.375. */ #content .sow-slider-image-wrapper h2 { line-height: 1.375; } .entry-content { font-size: 16px; } .entry-content, #comments .commentlist article .comment-meta a { color: #3b3b3b; } .entry-content h1 { font-size: 58px; } #masthead .hgroup h1, #masthead.masthead-logo-in-menu .logo > h1 { font-size: 21.6px; } .main-navigation ul { text-align: right; } .main-navigation ul li { font-size: 16px; } .main-navigation a { color: #ffffff; } .main-navigation ul li a, #masthead.masthead-logo-in-menu .logo { padding-left: 5px; padding-right: 5px; } /* --- Podstrony prawne i Dokumenty (B3, C3, C4) --- */ .entry-content .avista-dokumenty__lead { max-width: 760px; margin: 0 auto 32px; text-align: center; float: none; } .avista-dokumenty { display: grid; gap: 24px; max-width: 760px; margin: 0 auto 48px; } .avista-dokument { padding: 1.5rem; border: 1px solid #dcdcde; border-radius: 6px; background: #fff; } .entry-content .avista-dokument h2 { margin: 0 0 0.75rem; font-size: 22px; line-height: 1.3; } .avista-dokument p { margin: 0 0 0.75rem; line-height: 1.6; } .avista-dokument ul { margin: 0 0 0 1.25rem; } .avista-dokument__podstawa, .avista-dokument__data { color: #555d66; font-size: 13px; } .avista-dokument__data { margin: 0; } .entry-content .avista-dokument__pobierz a { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.625rem 1.125rem; background: #e40425; border-radius: 4px; color: #fff; font-weight: 600; text-decoration: none; } .entry-content .avista-dokument__pobierz a:hover, .entry-content .avista-dokument__pobierz a:focus { background: #b8031e; color: #fff; } .avista-dokument__meta { font-weight: 400; font-size: 13px; opacity: 0.85; } /* Brakujące dane od klienta — widoczne celowo, do usunięcia po uzupełnieniu. */ mark.do-uzupelnienia { background: #fff3bf; color: #5c3c00; padding: 0 0.25em; border-radius: 2px; } .avista-prawne { max-width: 760px; margin: 0 auto 48px; } .avista-prawne h2 { margin-top: 2rem; font-size: 26px; line-height: 1.3; } .avista-prawne h3 { margin-top: 1.5rem; font-size: 20px; line-height: 1.3; } .avista-prawne table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 14px; } .avista-prawne th, .avista-prawne td { border: 1px solid #dcdcde; padding: 0.5rem; text-align: left; vertical-align: top; } .avista-prawne .avista-prawne__data { color: #555d66; font-size: 14px; text-align: center; } @media (max-width: 680px) { .avista-prawne table { display: block; overflow-x: auto; } } /* * Czerwony pasek menu, odstęp pod nim i linia nad stopką na wszystkich podstronach. SO CSS klienta wymienia go dla konkretnych ID * stron (18, 511, 513…), więc nowe podstrony (Dokumenty, Regulamin, karty lokali) miały białe menu na białym tle. */ body:not(.home) .main-navigation { background-image: linear-gradient(to right, #e44374, #e73563, #e82650, #e7153c, #e40425) !important; } body:not(.home) #main { padding: 100px 35px 0 35px !important; } body:not(.home) #colophon { border-top: 1px solid #E44374; } /* --- Formularze: zgody marketingowe i nota (C2). Biały tekst jak dawne zgody (.formularzN p:last-child). --- */ .wpcf7 .zgody { clear: both; margin: 10px 0 0; color: #fff; text-align: left; line-height: 1.4; } .wpcf7 .zgody__tytul { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 600; } .wpcf7 .zgody .wpcf7-form-control-wrap { display: block; } .wpcf7 .zgody .wpcf7-list-item { display: flex; gap: 6px; align-items: flex-start; margin: 0 0 4px; } .wpcf7 .zgody .wpcf7-list-item input { margin: 2px 0 0; flex: none; } .wpcf7 .zgody .wpcf7-list-item-label { font-size: 11px; line-height: 1.45; } .wpcf7 .zgody__nota { display: block; margin: 6px 0 0; font-size: 11px; line-height: 1.45; opacity: 0.85; } .wpcf7 .zgody__nota a, .wpcf7 .zgody a { color: #fff; text-decoration: underline; } .formularz2 textarea { display: block; box-sizing: border-box; width: 322px; max-width: 100%; height: 84px; margin: 5px auto; padding: 10px; background: transparent; border: 1px solid #fff; border-radius: 3px; color: #fff; font-size: 14px; font-family: inherit; } .formularz1 input::placeholder, .formularz2 input::placeholder, .formularz2 textarea::placeholder { color: #fff; opacity: 0.9; } /* * Wyrównanie układu po aktualizacji SiteOrigin (zmierzone względem produkcji, 1366 px). * Lokalizacja: nowy widżet „Features” układa kafle flexem z odstępem 25 px; stary miał 25 px * wewnętrznego odstępu (lewa kolumna z prawej, prawa z lewej) — prawa kolumna była 25 px za bardzo w lewo. */ @media (min-width: 781px) { /* powyżej progu mobilnego Page Buildera; na telefonie kafle zostają w jednej kolumnie */ #pg-8-8 .sow-features-list { gap: 40px 0 !important; } /* rzędy co 40 px, jak margin-bottom kafli na produkcji */ #pg-8-8 .sow-features-list .sow-features-feature { box-sizing: border-box; flex: 0 0 50%; width: 50% !important; max-width: 50%; } #pg-8-8 .sow-features-list .sow-features-feature:nth-child(odd) { padding-right: 25px; } #pg-8-8 .sow-features-list .sow-features-feature:nth-child(even) { padding-left: 25px; } } /* Nagłówki kafli Lokalizacji (h5) — interlinia 25.6px jak na produkcji; inne h5 zostają (pg-8-10 miał 30.72). */ #pg-8-8 .sow-features-feature h5 { line-height: 25.6px; } /* Kafelek zgody (CMP) zamiast mapy/filmu to blok w

— przeglądarka rozcina akapit na dwa puste z marginesami 16 px (Lokalizacja była o 25 px wyższa niż na produkcji, także po zgodzie). */ .siteorigin-widget-tinymce > p:empty:has(+ .avista-cmp-zastepnik), .avista-cmp-zastepnik + p:empty { margin: 0; } /* Kontakt: nowy Vantage dodaje margines pod obrazkami w treści — zdjęcia osób miały na produkcji 0. */ #pg-8-12 img { margin-bottom: 0; } #pg-8-12 a, #pg-8-12 a:hover { color: inherit; text-decoration: none; } .avista-kontakt-rejestr { font-size: 13px; line-height: 1.5; } .avista-kontakt-email a { color: inherit; } /* Stopka: dane rejestrowe obu spółek, e-mail, linki (C4, art. 206 KSH, art. 5 i 8 ŚUDE). */ #footer-widgets .widget_custom_html { width: 100% !important; float: none; } .avista-stopka-dane { max-width: 1080px; margin: 0 auto; font-size: 12px; line-height: 1.6; color: #555; text-align: center; } .avista-stopka-dane p { margin: 0 0 6px; } .avista-stopka-dane a { color: #e40425; } .avista-stopka-dane__zgody { padding: 0; background: none; border: 0; box-shadow: none; color: #e40425; font: inherit; text-decoration: underline; cursor: pointer; text-shadow: none; } .avista-stopka-dane__zgody:hover { background: none; color: #b8031e; } .avista-prawne td, .avista-prawne th { line-height: 1.5; } /* Hero (D1): trzy linie w jednym H1 — każda jako blok z marginesem 1em, jak dawne trzy osobne H1. */ .hero-tytul .hero-linia { display: block; margin: 1em 0; } .hero-tytul .hero-stan { text-transform: uppercase; } .wpcf7 .zgody--zwarte .wpcf7-list-item { margin-bottom: 2px; } .wpcf7 .zgody--zwarte .zgody__nota { margin-top: 2px; } /* Nowy CF7: spinner (24 px, inline-block) spadał pod przyciskiem i wydłużał formularz o 32 px. */ .formularz1 .wpcf7-spinner, .formularz2 .wpcf7-spinner { position: absolute; margin: 0 0 0 8px; } /* Tytuł formularza w hero: interlinia 25.6px jak na produkcji (1.6em z 20px dawało 32px). */ .formularz1 p:first-child { line-height: 25.6px; } /* * E2: jeden H1 na stronie głównej. Nagłówki sekcji (O osiedlu, Mieszkania, …) są teraz

, * a poniższe reguły to kopie wszystkich reguł dla h1 z arkuszy motywu, Customizera i SO CSS * (wygenerowane z przeglądarki), żeby wygląd został 1:1. Sprawdzone porównaniem stylów obliczonych, 1366 i 390 px. */ /* z: /wp-content/themes/vantage/style.css */ h2.jak-h1 { border: 0px; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; } h2.jak-h1 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .entry-content h2.jak-h1 { color: rgb(68, 68, 68); margin: 1em 0px; font-weight: 500; } .entry-content h2.jak-h1 { font-size: 1.7em; } /* z: /wp-content/themes/vantage-wiktoria/style.css */ #content h2.jak-h1 { line-height: 25.6px; } .entry-content h2.jak-h1 { font-size: 58px; } /* z: