/*
 Theme Name:   Brand Perspective - Sluxer
 Theme URI:    https://brandperspective.pl
 Description:  Motyw potomny Brand Perspective dla sluxer2. Zawiera sekcje strony (includes/, templates/), warstwe zgodnosci po Kadence i wlasny naglowek oraz stopke. Wyglad ma byc identyczny co do piksela z wersja sprzed zmiany motywu.
 Author:       Brand Perspective
 Author URI:   https://brandperspective.pl
 Template:     brand-perspective
 Version:      1.5.2
 Text Domain:  brand-perspective-sluxer
*/

/* =====================================================================
   UWAGA, ZANIM COKOLWIEK TU ZMIENISZ

   Ten plik jest wczytywany przez motyw NADRZEDNY pod uchwytem `bp-motyw`,
   przez `get_stylesheet_uri()`. Konsekwencja jest wazniejsza, niz wyglada:
   przy wlaczonym motywie potomnym `style.css` motywu NADRZEDNEGO nie
   wczytuje sie w ogole. Cala baza - progi `rem`, tokeny, reset, typografia -
   musi wiec byc TUTAJ, inaczej strona zostaje bez podstawy.

   Ponizsza tresc to co do znaku dawny `kadence-child/style.css` 1.11.0,
   czyli arkusz, ktory dzialal na tej stronie do 2026-09-01. Nie zostal
   przepisany ani uporzadkowany - celem zmiany motywu bylo, zeby wyglad
   nie drgnal, a kazde porzadkowanie przy okazji przenosin to osobna
   szansa na cicha usterke.

   Reszta bazy - normalize, base Kadence i style wyliczane przez tamten
   motyw - siedzi w `assets/` i jest wczytywana PRZED tym plikiem.
   Szczegoly w `functions.php`.
   ===================================================================== */

/* =========================================================
   PROGI REM I RWD — CELOWO NIE MA ICH W TYM PLIKU

   Tu stał blok `REM & RWD SETUP` przepisany z `kadence-child/style.css`.
   Został usunięty 2026-09-02 i to jest decyzja, nie przeoczenie.

   POWÓD, ZMIERZONY NA ŻYWEJ STRONIE, NIE ZAŁOŻONY:

   Na sluxer2 progi `rem` i oddech od krawędzi ustawia **snippet WPCode
   siedzący w bazie**, a nie plik motywu. Wartości NIE SĄ TAKIE SAME:

     próg     snippet WPCode (żywy)    ten plik (był)
     90em     4rem                     16rem
     120em    12rem                    20rem
     150em    18rem                    24rem
     60em     144rem                   108rem

   Dziś blok z tego pliku jest BEZCZYNNY: oba mają `!important`, więc
   rozstrzyga kolejność w dokumencie, a snippet stoi później. Zmierzone:
   `--global-content-edge-padding` wychodzi 4rem, czyli wartość snippetu.

   Gdyby ten blok tu został, po zmianie motywu kolejność mogłaby się
   odwrócić — arkusz motywu potomnego wczytuje motyw NADRZĘDNY pod
   uchwytem `bp-motyw`, a nie `kadence-child/functions.php`. Wtedy
   wygrałoby 16rem i **oddech od krawędzi skoczyłby z 40 na 160 px
   na każdej podstronie**, bez błędu i bez śladu w logu.

   Usunięcie niczego nie osłabia: skoro blok jest bezczynny dziś, snippet
   i tak jest jedynym działającym źródłem. Zmiana usuwa tylko dwuznaczność.

   Gdyby progi miały kiedyś wrócić do plików — najpierw kasuje się snippet
   WPCode, a dopiero potem dopisuje blok tutaj. Nigdy odwrotnie i nigdy oba naraz.
   ========================================================= */

/* Kolory, typografia i odstępy idą z palety i ustawień Kadence.
   Tutaj tylko to, czego panel nie umie. */

:root {
	--bp-akcent: #4fdbd4;
	--bp-akcent-ciemny: #2cb8b4;
	--bp-tlo: #080c16;
}


/* =========================================================
   GLOBALNY PRZYCISK  (wydanie 010)

   Kolor, zaokrąglenie, odstępy i wielkość liter ustawia
   Customizer Kadence (Wygląd → Dostosuj → Przyciski).
   Tutaj jest TYLKO gradient — Customizer przyjmuje jeden kolor,
   nie umie gradientu. Kolor bazowy w panelu to #2cb8b4,
   czyli ciemniejszy koniec tego gradientu.

   Każdy przycisk Kadence z ustawieniem „Dziedzicz styl z motywu"
   (domyślnym) wygląda od teraz tak.
   ========================================================= */

.kb-button.kb-btn-global-fill,
.wp-block-button__link {
	background: linear-gradient(100deg, var(--bpsx-k-4de1db) 0%, var(--bpsx-k-2cb8b4) 100%) !important;
	color: var(--bpsx-k-08131c) !important;
	border: none !important;
}

/* ROZMIAR (wydanie 011).
   Bloki przycisków Kadence mają własne presety rozmiaru
   (kt-btn-size-standard) i NIE biorą odstępów z Customizera motywu.
   Dlatego po wydaniu 010 przyciski w sekcjach były wyraźnie mniejsze
   od przycisku „Bezpłatna wycena" w nagłówku, który ma własne ustawienia.
   Te wartości są kopią ustawień globalnych z Customizera — jeśli
   zmieniasz je tam, zmień i tutaj. */

.kb-button.kb-btn-global-fill {
	padding: 1.6rem 5rem !important;
	border-radius: 1rem !important;
	font-size: 1.6rem !important;
	line-height: 1.15 !important;
	font-weight: 600 !important;
	letter-spacing: -0.02rem;
}

@media (max-width: 767px) {
	.kb-button.kb-btn-global-fill {
		padding: 1.6rem 3rem !important;
		font-size: 1.7rem !important;
	}
}

.kb-button.kb-btn-global-fill:hover,
.wp-block-button__link:hover {
	background: linear-gradient(100deg, var(--bpsx-k-5eeae4) 0%, var(--bpsx-k-33c9c4) 100%) !important;
	color: var(--bpsx-k-08131c) !important;
}


/* =========================================================
   PRZYCISK POBOCZNY
   Dziedziczy z motywu rozmiar i typografię, nadpisuje kolory.
   Kolory ma też ustawione w samym bloku — te reguły są
   zabezpieczeniem na wypadek, gdyby styl globalny wygrał.
   Muszą stać PO regule globalnej, bo mają tę samą wagę.
   ========================================================= */

.kb-button.bp-btn-poboczny {
	background: transparent !important;
	border: 1px solid color-mix(in srgb, var(--bpsx-k-ffffff) 22%, transparent) !important;
	color: var(--bpsx-k-ffffff) !important;
}

.kb-button.bp-btn-poboczny:hover {
	background: color-mix(in srgb, var(--bpsx-k-ffffff) 6%, transparent) !important;
	border-color: color-mix(in srgb, var(--bpsx-k-4fdbd4) 65%, transparent) !important;
	color: var(--bpsx-k-ffffff) !important;
}


/* =========================================================
   KARUZELA PRODUKTÓW  (wydania 012, 013)
   Układ 1:1 z sigenergy.com/pl: kafel środkowy w całości,
   dwa boczne prawie całe, ucięte krawędzią okna.
   ========================================================= */

/* Sekcja jest pełnej szerokości, a sama karuzela SZERSZA NIŻ OKNO.
   Dzięki temu boczne kafle są ucięte krawędzią ekranu, a nie schowane
   w marginesie treści. 118vw przy trzech kolumnach daje kafel ok. 735 px
   na ekranie 1920 — dokładnie tyle, ile ma inspiracja. */
.bp-sekcja-produkty {
	overflow: hidden;
}

.bp-sekcja-produkty .wp-block-kadence-slider {
	width: 118vw;
	max-width: none;
	margin-left: calc(50% - 59vw);
}

/* WYSOKOŚĆ KAFLA — z proporcji, nie z pikseli  (wydanie 014).

   Zmierzone na obu zrzutach ekranu przy tej samej szerokości okna:
   kafel w inspiracji ma 732 × 614 px (proporcja 1,19 — wyraźnie szerszy
   niż wyższy). Mój kafel miał tę samą szerokość, ale był o jedną trzecią
   za wysoki, bo wysokość podałem w `rem` „na oko".

   Teraz wysokość liczy się z szerokości okna, więc proporcja jest stała
   niezależnie od ekranu: kafel to 39,3vw szerokości, 39,3 / 1,19 = 33vw. */
.bp-sekcja-produkty .kb-advanced-slide-inner-wrap {
	min-height: 33vw !important;
	max-height: 68rem;
}

/* ZDJĘCIE PRODUKTU — mniejsze  (wydanie 014).
   `contain` rozciągało produkt na całą wysokość kafla. W inspiracji produkt
   zajmuje niecałe 60% wysokości i ma wokół siebie powietrze. */
.bp-sekcja-produkty .kb-advanced-slide-inner-wrap {
	background-size: auto 56% !important;
	background-position: center 40% !important;
}

/* Odstęp treści kafla od jego dolnej krawędzi. */
.bp-sekcja-produkty .kb-advanced-slide-inner {
	width: 100%;
	padding: 0 2.4rem 4rem;
}

/* Przycisk na kaflu: przezroczysty z cienką białą obwódką, pigułka.
   MUSI stać po regule stylu globalnego — ma tę samą wagę selektora,
   więc decyduje kolejność. W wydaniu 012 tej reguły nie było
   i przyciski wyszły turkusowe. */
.kb-button.bp-btn-kafel {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid color-mix(in srgb, var(--bpsx-k-ffffff) 90%, transparent) !important;
	border-radius: 999px !important;
	color: var(--bpsx-k-ffffff) !important;
	padding: 1.3rem 3.2rem !important;
	font-size: 1.6rem !important;
}

.kb-button.bp-btn-kafel:hover {
	background: color-mix(in srgb, var(--bpsx-k-ffffff) 16%, transparent) !important;
	background-image: none !important;
	border-color: var(--bpsx-k-ffffff) !important;
	color: var(--bpsx-k-ffffff) !important;
}

@media (max-width: 1024px) {
	.bp-sekcja-produkty .wp-block-kadence-slider {
		width: 100%;
		margin-left: 0;
	}
	/* dwie kolumny — kafel ok. 48vw szerokości */
	.bp-sekcja-produkty .kb-advanced-slide-inner-wrap {
		min-height: 40vw !important;
	}
}

@media (max-width: 767px) {
	/* jedna kolumna — kafel prawie na całą szerokość */
	.bp-sekcja-produkty .kb-advanced-slide-inner-wrap {
		min-height: 78vw !important;
		background-size: auto 52% !important;
	}
}


/* =========================================================
   NAGŁÓWEK  (wydanie 014)

   CSS „pigułki" z wydania 013 ZOSTAŁ USUNIĘTY. Napisałem go, nie widząc
   efektu, i nie zadziałał. Nie dokładam kolejnej warstwy na niesprawdzoną —
   nagłówek wraca do stanu, który działa.

   Zostaje jedna zmiana z 013, która ma potwierdzony sens:
   `header_sticky` = `main_bottom` w Customizerze. Pasek kontaktowy
   normalnie odjeżdża przy przewijaniu, przykleja się sam rząd główny.
   To rozwiązuje problem „skaczącego" paska.

   Pigułka wraca do tematu, gdy będę mógł zobaczyć stronę na żywo.
   ========================================================= */


/* =========================================================
   NAGŁÓWEK STRONY — stabilna wysokość  (wydanie 011)

   Wysokość głównego rzędu ustawia Customizer (9 rem). Tutaj tylko
   ograniczenie wysokości logo, żeby podmiana pliku logo nie zmieniała
   geometrii nagłówka. Nagłówek jest przyklejony przy przewijaniu,
   a zmienna wysokość to właśnie ten efekt „skakania".
   ========================================================= */

.site-header-item img.custom-logo,
.site-branding img.custom-logo {
	max-height: 6.2rem;
	width: auto;
}


/* =========================================================
   Wyróżnienie w nagłówku — słowa w kolorze akcentu
   ========================================================= */

.bp-kropka,
.bp-akcent {
	color: var(--bp-akcent);
}


/* =========================================================
   Sekcja startowa — kafle z ikoną  (wydania 007, 009)
   Wartości z pomiaru pikseli na projekcie graficznym.
   ========================================================= */

.bp-hero-sluxer .bp-kafle {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
}

.bp-hero-sluxer .bp-kafel {
	display: flex;
	align-items: center;
	gap: 1.6rem;
	flex: 0 1 auto;
	min-width: 0;
	padding: 1.4rem 2.4rem 1.4rem 1.4rem;
	border-radius: 1.2rem;
	background: color-mix(in srgb, var(--bpsx-k-0c0c0c) 37%, transparent);
	border: 1px solid color-mix(in srgb, var(--bpsx-k-4fbab7) 37%, transparent);
	backdrop-filter: blur(2px);
}

.bp-hero-sluxer .bp-kafel__ikona {
	flex: 0 0 auto;
	width: 5.6rem;
	height: 5.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: color-mix(in srgb, var(--bpsx-k-132b2a) 74%, transparent);
}

.bp-hero-sluxer .bp-kafel__ikona img {
	width: 100%;
	height: 100%;
	display: block;
}

.bp-hero-sluxer .bp-kafel__tekst {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

.bp-hero-sluxer .bp-kafel__tytul {
	color: var(--bpsx-k-ffffff);
	font-weight: 700;
	font-size: 1.8rem;
	margin: 0;
}

.bp-hero-sluxer .bp-kafel__opis {
	color: var(--bpsx-k-ffffff);
	font-size: 1.6rem;
	margin: 0.2rem 0 0;
}


/* =========================================================
   Tablet i telefon
   ========================================================= */

@media (max-width: 1024px) {
	.bp-hero-sluxer .bp-kafle {
		gap: 1.2rem;
	}
	.bp-hero-sluxer .bp-kafel {
		padding: 1.2rem 1.8rem 1.2rem 1.2rem;
	}
}

@media (max-width: 767px) {
	.bp-hero-sluxer .bp-kafle {
		flex-direction: column;
	}
	.bp-hero-sluxer .bp-kafel {
		width: 100%;
	}
	.bp-hero-sluxer .bp-kafel__ikona {
		width: 4.8rem;
		height: 4.8rem;
	}
	/* Mapa instalatorów: na telefonie tło schodzi pod tekst,
	   żeby napis nie wchodził na Polskę. */
	.bp-sekcja-instalatorzy {
		background-position: center bottom !important;
	}
}



/* Sekcje „DANWOOD 2” (wydania 022 / 024 / 025 / 029) usunięte
   2026-08-04 razem z podstronami testowymi. Cały blok — 554 linie
   selektorów `.bp-d2*` — leży w
   `wydania/2026-08-04-1300-sluxer-przebudowa/przed/themes/kadence-child/style.css`.
   Nie dopisuj tu nic „na wszelki wypadek”: te reguły nie mają już
   czego stylizować, a arkusz motywu potomnego jedzie na wszystkie
   strony z paczki-matki. */

/* =====================================================================
   ATRYBUT hidden UKRYWA ZAWSZE

   Ta sama regula stoi w bazie motywu nadrzednego (jego style.css, ktory
   przy motywie potomnym sie nie wczytuje). Bez niej okno formularza
   motywu nadrzednego z klasa ustawiajaca display: flex wychodziloby spod
   atrybutu hidden jako niewidzialna warstwa nad strona.
   ===================================================================== */
[hidden] { display: none !important; }