/**
Theme Name: Przechowalnia24.pl
Author: Grzegorz Sędkowski
Author URI: https://divbox.pl/
Description: Strona przygotowana dla Przechowalnia24.pl przez Divbox.pl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: przechowalnia24-pl
Template: astra
*/
.call-now-button{
	position:absolute;
	bottom: 0;
	width:100%;
}

/* === Własny nagłówek Site Buildera ("Nowy od AI") === */
.ast-custom-header{position:relative;}
.ast-custom-header .wp-block-group{align-items:center;}
.ast-custom-header .wp-block-site-logo img,
.ast-custom-header .custom-logo{max-width:250px;height:auto;}
.ast-custom-header .p24-custom-header-nav-wrap{display:flex;align-items:center;}
.ast-custom-header .p24-nav-toggle,
.ast-custom-header .p24-nav-toggle-cb{display:none;}
.ast-custom-header .p24-custom-header-nav .main-header-menu{justify-content:flex-end;margin:0;}

/* Hover / aktywne pozycje w kolorze marki */
.ast-custom-header .p24-custom-header-nav .menu-item > .menu-link:hover,
.ast-custom-header .p24-custom-header-nav .current-menu-item > .menu-link{color:var(--color-red-primary);}

/* Widok mobilny: hamburger + rozwijane menu pionowe */
@media (max-width:921px){
	.ast-custom-header .p24-nav-toggle{display:inline-flex;align-items:center;cursor:pointer;color:var(--color-charcoal);}
	.ast-custom-header .p24-custom-header-nav{display:none;position:absolute;left:0;right:0;top:100%;
		background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);z-index:999;padding:10px 20px;}
	.ast-custom-header .p24-nav-toggle-cb:checked ~ .p24-custom-header-nav{display:block;}
	.ast-custom-header .p24-custom-header-nav .main-header-menu{flex-direction:column;align-items:stretch;}
	.ast-custom-header .p24-custom-header-nav .sub-menu{position:static;opacity:1;visibility:visible;
		box-shadow:none;width:auto;padding-left:15px;}
}

/* === Mapa lokalizacji (shortcode [p24_locations_map]) === */
/* Wysokość dopasowuje się do kontenera: height:100% wypełnia rodzica, gdy ten ma
   własną wysokość (min-height ustawione w Spectrze albo wyższa kolumna obok), a
   flex:1 rozciąga mapę w kontenerze flex. Gdy rodzic jest auto — a tak są dziś
   ustawione kontenery na stronach 20/10/25 — height:100% liczy się do auto, czyli
   do 0 px, i mapa by zniknęła (Google Maps nie ma treści rozpychającej div).
   Dlatego --p24-map-min-height jest podłogą: płynną, nie sztywnymi 600/360 px.
   Nadpiszesz ją atrybutem shortcode'u (height="500px") albo zmienną CSS na dowolnym
   rodzicu, np. w polu "Dodatkowa klasa CSS" bloku Spectry. */
.p24-locations-map{width:100%;height:100%;
	min-height:var(--p24-map-min-height,clamp(320px,50vh,600px));
	flex:1 1 auto;align-self:stretch;border-radius:12px;overflow:hidden;}

/* Dymek (InfoWindow) */
.p24-map-info{min-width:180px;line-height:1.4;text-align:center;}
.p24-map-info__name{display:block;color:var(--color-charcoal);font-size:15px;}
.p24-map-info__address{margin-top:2px;color:var(--color-charcoal);font-size:13px;}
.p24-map-cta{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:8px;
	background:var(--color-red-primary);color:#fff;font-weight:600;text-decoration:none !important;}
.p24-map-cta:hover,.p24-map-cta:focus{filter:brightness(.92);color:#fff;text-decoration:none !important;}

/* Krzyżyk zamykania dymka — zmniejszony.
   Google (API 3.65) renderuje go jako <button class="gm-ui-hover-effect"> z ikoną-maską
   24 px, osadzony w osobnym pasku .gm-style-iw-chr. Tamtejszy .gm-style-iw-ch ma
   padding-top:17px zarezerwowany na tytuł, którego w naszym dymku nie ma — i to ten
   pusty pasek, a nie sam X, zjadał najwięcej miejsca. Zerujemy go i zmniejszamy ikonę.
   Przycisku NIE schodzimy poniżej 24×24 px: to minimalny rozmiar celu dotykowego wg
   WCAG 2.2 AA (2.5.8), a dymek obsługuje się palcem. Zmniejsza się ikona, nie klikalność.
   Wymiary API ustawia inline, więc trzeba je przebić !important.
   Selektory celują w markup Google, nie w nasz — bezpieczne, bo na froncie działa
   tylko ta jedna mapa (picker ACF w wp-adminie nie ładuje style.css). */
.gm-style .gm-style-iw-ch{padding-top:0;}

/* Dymek bez cienia. Google rzuca go w dwóch miejscach: box-shadow na białej bańce
   (.gm-style-iw-c) i drop-shadow na ogonku pod nią (.gm-style-iw-tc). Zdejmujemy oba —
   po usunięciu samego box-shadow zostałby wiszący cień strzałki i wyglądałoby to na
   błąd renderowania. Kompromis: bańka traci odseparowanie od jasnych partii mapy.
   Gdyby zaczęła się zlewać z tłem, zamiast wracać do domyślnego wystarczy delikatniejszy:
   w regule niżej podmień "none" na wartość rzędu 0 1px 3px rgba(0,0,0,.18). */
.gm-style .gm-style-iw-c{box-shadow:none !important;}
.gm-style .gm-style-iw-tc{-webkit-filter:none !important;filter:none !important;}
.gm-style .gm-ui-hover-effect{width:24px !important;height:24px !important;}
.gm-style .gm-ui-hover-effect>span,
.gm-style .gm-ui-hover-effect>img{width:14px !important;height:14px !important;margin:5px !important;}

/* === Reużywalna animacja hover: dwukolorowe "wytłoczenie" narożnika ===
   JAK UŻYĆ: zaznacz boks w edytorze → zakładka "Zaawansowane" → pole
   "Dodatkowe klasy CSS" → wpisz:  p24-hover-lift
   Działa na dowolnym bloku (Spectra/Astra/Gutenberg). Można podpiąć pod wiele boksów.

   Efekt: po najechaniu boks podnosi się w górę-lewo i odsłania statyczny czerwony
   spód — dolna ściana #FF2629, prawa #C4201D, stykające się na przekątnej (głębokość 10px).
   Wskazówka: dla idealnie ostrego narożnika ustaw w bloku promień rogów = 0
   (Styl → Obramowanie → Zaokrąglenie), albo dodaj obok drugą klasę: p24-hover-lift--sharp. */
.p24-hover-lift{
	position:relative;
	overflow:visible;
	transition:transform .2s;
}
.p24-hover-lift--sharp{border-radius:0 !important;}
.p24-hover-lift::before,
.p24-hover-lift::after{
	content:"";
	position:absolute;
	top:0;left:0;right:-10px;bottom:-10px;
	pointer-events:none;
	transition:clip-path .2s;
}
/* prawa ściana (ciemniejsza) — w spoczynku "zwinięta" do prawej krawędzi */
.p24-hover-lift::before{
	background:#C4201D;
	clip-path:polygon(calc(100% - 10px) 0, calc(100% - 10px) 0, calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) calc(100% - 10px));
}
/* dolna ściana (główny czerwony) — w spoczynku "zwinięta" do dolnej krawędzi */
.p24-hover-lift::after{
	background:#FF2629;
	clip-path:polygon(0 calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), 10px calc(100% - 10px));
}
.p24-hover-lift:hover{transform:translate(-10px,-10px);}
.p24-hover-lift:hover::before{
	clip-path:polygon(calc(100% - 10px) 0, 100% 10px, 100% 100%, calc(100% - 10px) calc(100% - 10px));
}
.p24-hover-lift:hover::after{
	clip-path:polygon(0 calc(100% - 10px), calc(100% - 10px) calc(100% - 10px), 100% 100%, 10px 100%);
}
@media (prefers-reduced-motion:reduce){
	.p24-hover-lift,.p24-hover-lift::before,.p24-hover-lift::after{transition:none;}
	.p24-hover-lift:hover{transform:none;}
}