/* * * * * * * * * * * * * * * * * * * *
 *
 *   @page		Legion HDK v2.0
 *   @name		custom.css
 *   @author	Bartosz Machnik
 *   @created	07.2026
 *   @licence	copyright (c) by sitte.pl
 *   @version	1.0.0
 *
 */

:root {
	--bRad: 12px;
	--transition: 0.15s;
}

p:last-child { margin: 0; }

/* domyślne marginesy sekcji */
.sppb-section { padding: 60px 0; }
@media (max-width: 767px) { .sppb-section { padding: 50px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0; }

body .btn i, body .sppb-btn i { margin-left: 10px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: 'Roboto'; font-weight: 400; font-size: 20px; }

h2 { position: relative; margin-bottom: 30px; }
h2::after { content: ''; display: block; width: 45px; height: 2px; background: var(--sppb-main); position: absolute; bottom: -19px; left: 0; }

a:hover, a:active, a:focus { color: var(--sppb-main); }

/* **** buttony **** */
.sppb-btn-link { color: #000; }
.sppb-btn-link:hover, .sppb-btn-link:focus, .sppb-btn-link:active { color: var(--sppb-main); }

.s-order-n1 { order: -1; }





/* **** header **** */
#sp-logo { padding: 0; }
body #sp-header { background: var(--sppb-main2); }
/* menu + linki */
body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li > span { padding: 0 8px; letter-spacing: -0.666px; color: #fff; }
	body .sp-megamenu-parent > li.active > a,
	body .sp-megamenu-parent > li:hover > a,
	body .sp-megamenu-parent > li.active:hover > a
		{ color: var(--sppb-hover1); }
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: #fff; background: #d00; }
/* poprawki dostępności wysuwanego menu */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { width: 100%; padding: 15px 8px 15px 12px; }
/* burger */
.burger-icon > span { background-color: #fff; }
/* nadmenu */
#sp-top2 .menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; }
#sp-top2 .menu li { margin: 0 11px 0 0; font-size: 13px; }
/* **** mobilne zbiorczo dla headera **** */
@media (min-width: 992px) {
	body #sp-header .container, body #sp-top-bar .container { width: 100%; max-width: 1400px; }
}
@media (min-width: 992px) and (max-width: 1199.9007px) {
	body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li > span { line-height: 30px; }
}
@media (max-width: 991.9007px) {
	#sp-top2 .menu { justify-content: center; }
	body #sp-top-bar .container { width: 100%; max-width: 100%; }
}





/* **** offcanvas **** */
.offcanvas-inner { display: flex; flex-direction: column; align-items: flex-start; }
.offcanvas-inner .sp-module { width: 100%; }
body .offcanvas-menu .offcanvas-inner ul.menu li.active > a,
body .offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header,
body .offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading
	{ color: #000; }
body .offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
body .offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
body .offcanvas-menu .offcanvas-inner ul.menu > li a:active,
body .offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
body .offcanvas-menu .offcanvas-inner ul.menu > li span:focus,
body .offcanvas-menu .offcanvas-inner ul.menu > li span:active
	{ color: var(--sppb-hover1); }
.offcanvas-menu .offcanvas-inner ul.menu li.active > a, .offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading { font-weight: 600; }





/* **** bloczki wielokrotnego użytku - elementy wymienne w różnych miejsach strony - prefaby **** */
/* .style1 */
.style1 { --ico-size: 75px; --ico-font: 28px; --gap: 12px; aspect-ratio: 1/1; background: var(--sppb-color1); padding: 25px; }
@media (max-width: 1399.9007px) { .style1 { --ico-size: 64px; padding: 12px; }}
@media (max-width: 1199.9007px) { .style1 { --ico-size: 70px; padding: 18px; aspect-ratio: initial; margin-bottom: 30px; }}
@media (max-width:  767.9007px) { .style1 { margin-bottom: 20px; }}
@media (max-width:  575.9007px) { .style1 { margin-bottom: 16px; }}
.style1 .sppb-addon-content { height: 100%; display: flex; flex-direction: column; align-items: center; gap: var(--gap); }
.style1 .sppb-icon { width: var(--ico-size); height: var(--ico-size); font-size: var(--ico-font); background: #fff; color: var(--sppb-main); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.style1 .sppb-media-content { flex: 1 1 calc(100% - var(--gap) - var(--ico-size)); display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.style1 .sppb-addon-text { text-align: center; color: #666; }