/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1765368409
Updated: 2025-12-10 12:06:49

*/

/* general */

body,
html {
	scroll-behavior: smooth;
}

.relative {
	position: relative;
	z-index: 0;
}

/* Float badges must sit above the product image */
#intro .float-top,
#intro .float-bottom {
	z-index: 10;
}

.width-fit {
	width: fit-content;
}

li:not(.wp-block-navigation-item) {
	position: relative;
}
li:not(.wp-block-navigation-item)::before {
	content: '';
	background-color: #FFFFFF1A;
	background-image: url('/wp-content/uploads/2025/12/list.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	border-radius: 20px;
	height: 24px;
	width: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: -40px;
}

p,li {
	font-size: 16px !important;
}

h2 {
	font-size: 20px !important;
}

:where(.wp-site-blocks :focus) {
	outline: none !important;
}

/* home */

#intro .float-top {
	position: absolute;
	right: -24px;
	top: -24px;
}

#intro .float-bottom {
	position: absolute;
	left: -24px;
	bottom: -24px;
}

#dla-producentow .wp-block-columns .wp-block-column:last-child .wp-block-image {
	margin-left: auto;
}

#dla-producentow .wp-block-columns .wp-block-column:last-child .wp-block-group {
	margin-left: auto;
	max-width: 512px;
}

#dla-producentow ul {
	list-style-type: none;
}

#jakosc .images .wp-block-image img {
	height: auto !important;
}

#jakosc .images .wp-block-image:first-child {
	width: 65.95% !important;
}

#jakosc .images .wp-block-image:last-child {
	width: 32% !important;
}


#aplikacja .float-top {
	position: absolute;
  left: 50%;
  transform: translateX(calc(-50% - 149px));
  top: 274px;
}

#aplikacja .float-bottom {
  position: absolute;
  right: 50%;
  top: 385px;
  transform: translateX(calc(50% + 145px));
}

#aplikacja .float-top p,
#aplikacja .float-bottom p {
  font-size: 16px !important;
  letter-spacing: -0.31px !important;
  line-height: 24px !important;
}


#funkcje .is-layout-grid .wp-block-group:nth-child(5) {
  grid-column: 2; 
}

#funkcje .is-layout-grid .wp-block-group:nth-child(6) {
  grid-column: 3; 
}

.wpcf7-form {
	display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.wpcf7-form p {
	color: #18181B;
	font-size: 16px;
	margin: 0;
	width: 100%;
}

.wpcf7-form p:nth-child(2),
.wpcf7-form p:nth-child(3) {
	width: calc(50% - 12px);
}

.wpcf7-form p label {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.wpcf7-form p label .wpcf7-form-control-wrap {
	width: 100%;
}

.wpcf7-form-control {
	border: 1px solid #D4D4D8;
	border-radius: 16px;
	box-sizing: border-box;
	color: #717182;
    font-family: 'Inter';
	font-size: 14px;
	margin-top: 12px;
	padding: 20px 12px;
	width: 100%;
}


.wpcf7-submit {
	background: #18181B;
	border-color: #18181B;
	color: #fff;
	padding: 18px 48px;
	width: fit-content;
}

.wpcf7-textarea {
	padding: 8px 12px;
}

.wpcf7 .contact-company,
.wpcf7 .contact-mail,
.wpcf7 .contact-name {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 16px;
	margin-right: 8px;
	width: 16px;
}

.wpcf7 .contact-company {
	background-image: url('/wp-content/uploads/2025/12/contact-company.webp');
}

.wpcf7 .contact-mail {
	background-image: url('/wp-content/uploads/2025/12/contact-email.webp');
}

.wpcf7 .contact-name {
	background-image: url('/wp-content/uploads/2025/12/contact-name.webp');
}

.wpcf7 .consent {
	color: #71717B;
}

#cmplz-document {
	max-width: 100% !important;
}

@media (max-width: 1200px) {
	#intro .wp-block-columns .wp-block-column:last-child {
		flex-basis: 50% !important;
	}
	#intro .wp-block-columns .wp-block-column:last-child img {
		width: 100% !important;
	}
	#intro .float-top {
		right: 8.5px;
		top: 36px;
	}
	#intro .float-bottom {
		left: 15px;
		bottom: 19px;
	}
}

@media (min-width: 992px) {
	.hide-desktop {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.hide-mobile {
		display: none !important;
	}
	.wp-block-navigation__responsive-container {
	  background: #181818 !important;
	  border-left: 1px solid #232326 !important;
	  border-radius: 24px 0 0 24px;
	  margin-left: auto !important;
	  padding-left: 32px !important;
	  padding-right: 15px !important;
	  padding-top: 32px !important;
		width: 400px;
	}
	.wp-block-navigation__responsive-container .wp-block-navigation-item__label {
		font-size: 20px !important;
	}
	#dla-producentow .wp-block-columns .wp-block-column:last-child .wp-block-image {
		margin-right: auto !important;
	}
	#aplikacja .float-top {
		transform: translateX(calc(-50% - 117px))
	}
	#aplikacja .float-bottom {
		transform: translateX(calc(50% + 120px));
	}
	#funkcje > .wp-block-group {
		padding-bottom: 89px !important;
	}
	#funkcje .is-layout-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		margin-top: 64px !important;
	}
	#funkcje .is-layout-grid .wp-block-group:nth-child(5) {
	  grid-column: 1; 
	}

	#funkcje .is-layout-grid .wp-block-group:nth-child(6) {
	  grid-column: 2; 
	}
}

@media (max-width: 781px) {
	#specyfikacja .table-row {
		padding: 12px 0 !important;
	}
	#specyfikacja .table-row .wp-block-column {
		padding: 12px 24px !important;
	}
	.footer-inner > .wp-block-group > .wp-block-columns {
		gap: 48px !important;
	}
	.footer-inner > .wp-block-group > .wp-block-columns .wp-block-column,
	.footer-inner > .wp-block-group > .wp-block-columns .wp-block-column p {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.footer-menus > .wp-block-columns {
		gap: 48px !important;
	}
	.footer-menus > .wp-block-columns .wp-block-column:nth-child(1),
	.footer-menus > .wp-block-columns .wp-block-column:nth-child(2) {
		display: none;
	}
	.footer-bottom > .wp-block-group > .wp-block-group {
		justify-content: center !important;
	}
	.footer-bottom > .wp-block-group > .wp-block-group p {
		font-size: 16px !important;
	}
	.footer-bottom > .wp-block-group > .wp-block-group > p {
    text-align: center;
		width: 214px;
	} 
	.footer-bottom > .wp-block-group > .wp-block-group > .wp-block-group {
		justify-content: center;
		width: 100%;
	}
}

@media (max-width: 768px) {
	#intro > .wp-block-group {
		padding-top: 14px !important;
		padding-bottom: 96px !important;
	}
	#intro > .wp-block-group > .wp-block-columns {
		gap: 64px !important;
	}
	#intro h1 {
		font-size: 32px !important;
	}
	#jakosc > .wp-block-group {
		padding-top: 61px !important;
		padding-bottom: 20px !important;
	}
}

@media (max-width: 600px) {
	#intro .features {
		align-items: flex-start;
		gap: 8px !important;
		justify-content: space-between;
	}
	#intro .features > .wp-block-group {
		letter-spacing: -0.31px !important;
		width: fit-content;
	}
	#intro .features > .wp-block-group:last-child {
		width: 82px;
	}
	#intro .wp-block-buttons .wp-block-button {
		width: 100% !important;
	}
	#funkcje .is-layout-grid {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	#funkcje .is-layout-grid .wp-block-group {
	  grid-column: 1 !important; 
	}
	#dla-producentow .wp-block-columns .wp-block-column:last-child .wp-block-image {
		margin-left: 0 !important;
	} 
	#dla-producentow .wp-block-columns .wp-block-column:last-child .wp-block-image img {
		box-shadow: none !important;
		width: 200px !important;
	}
	#dla-producentow .wp-block-columns .wp-block-column:last-child .wp-block-group {
		letter-spacing: -0.31px !important;
		margin-left: 83px !important;
		margin-top: -56px !important;
	}
	#jakosc .images {
		flex-wrap: wrap !important;
		padding-bottom: 80px !important;
	}
	#jakosc .images .wp-block-image:first-child,
	#jakosc .images .wp-block-image:last-child {
		width: 100% !important;
	}
	#jakosc .images .wp-block-image:first-child img {
		aspect-ratio: 330 / 400;
		object-fit: cover;
	}
	#jakosc .images .wp-block-image:last-child img {
		aspect-ratio: 330 / 365;
		object-fit: cover;
	}
	#jakosc .is-layout-grid {
		gap: 24px !important;
		grid-template-columns: repeat(1, 1fr) !important;
	}
	#aplikacja > .wp-block-group {
		padding-top: 33px !important;
	}
	#aplikacja > .wp-block-group > .wp-block-columns {
		gap: 0 !important;
	}
	#aplikacja > .wp-block-group > .wp-block-columns .wp-block-column:last-child p:nth-child(3) {
		margin-bottom: 8px !important;
	}
	#aplikacja .float-top {
		left: 0;
		top: 146px;
		transform: none;
	}
	#aplikacja .float-bottom {
		top: auto;
		bottom: 32px;
		right: 0;
		transform: none;
	}
	#specyfikacja > .wp-block-group {
		padding-top: 128px !important;
		padding-bottom: 124px !important;
	}
	#specyfikacja > .wp-block-group > .wp-block-columns .wp-block-column:last-child p:nth-child(3) {
		margin-bottom: 56px !important;
	}
	#kontakt > .wp-block-group {
		padding-top: 128px !important;
		padding-bottom: 124px !important;
	}
	#kontakt > .wp-block-group > .wp-block-group:nth-child(3) p {
		margin-bottom: 40px !important;
	}
	#kontakt .form-container {
		padding: 33px 33px 8px !important;
	}
	.wpcf7-form p:nth-child(2),
	.wpcf7-form p:nth-child(3),
	.wpcf7-submit {
		width: 100%;
	}
}

@media (max-width: 400px) {
	.wp-block-navigation__responsive-container {
		border-radius: 0;
		width: auto;
	}
}