/*
Theme Name: Twenty Twenty-One Child
Description: Twenty Twenty-One Child
Template: twentytwentyone
Version: 1.0.0
Text Domain: twentytwentyone-child
*/

:root{
	--paragraph-margin-bottom: 20px;
	--list-item-margin-bottom: 20px;
	--paragraph-font-family: 'Montserrat', sans-serif;
}

.single-post .brz-section__content h2{margin-top: 50px !important;margin-bottom: 30px !important;letter-spacing:0 !important;}
.single-post .brz-section__content h3{margin-top: 40px !important;margin-bottom: 20px !important;letter-spacing:0 !important;}
.single-post .brz-section__content h4{margin-top: 40px !important;margin-bottom: 20px !important;letter-spacing:0 !important;}
.single-post #ylMmiEpe3oRr_ylMmiEpe3oRr .brz-section__content p{font-size: 16px;margin-bottom: var(--paragraph-margin-bottom) !important;}
.single-post .brz-section__content ul,
.single-post .brz-section__content ol{font-size: 16px;margin-bottom: var(--paragraph-margin-bottom) !important;margin-left: var(--paragraph-margin-bottom) !important;}
.single-post .brz-section__content li{font-size: 16px;margin-bottom: var(--list-item-margin-bottom) !important;font-family: var(--paragraph-font-family);}
.single-post .brz-section__content b,
.single-post .brz-section__content strong{font-weight: 600 !important;}

/* Promo Grid */
.promo-services{display: flex;flex-direction: row;gap: 0;padding: 0;width: 100%;text-align: left;font-family: var(--paragraph-font-family);}
.promo-services__cta{display: flex;flex-direction: column;gap: 40px;align-items: end;justify-content: space-between;width: calc(50% - 190px);background-color:#0F1014;color:#fff;padding: 40px;}
.promo-services__cta > div{width: 380px;}
.promo-services__cta-title{font-size: 42px;font-weight: 600;}
.promo-services__cta-description{display: flex;flex-direction: column;gap: 10px;}
.promo-services__cta-description-text{font-size: 16px;color:#CC9B55;font-weight: 500;margin-bottom: 5px;}
.promo-services__cta-description-buttons{display: flex;flex-direction: column;gap: 10px;font-weight: 600;}
.promo-services__cta-description-buttons a{color: #000;text-decoration: none;font-weight: 600;color:#fff;transition: 0.5s all;}
.promo-services__cta-description-buttons a:hover{color: rgb(204, 155, 85);transition: 0.5s all;}

.promo-services__middle{display: flex;flex-direction: column;gap: 0;padding: 0;width: 380px;background-color:#f0f0f0}
.promo-services__middle > *,
.promo-services__right > *{display: flex;width: 100%;height:200px;padding: 25px;position: relative;text-decoration: none;font-size: 24px;font-weight: 600;background-size: cover;transition: 0.3s all;}
.promo-services__middle>*:hover,
.promo-services__right>*:hover{opacity: 0.8;transition: 0.3s all;}
.promo-services__middle> *::before,
.promo-services__right > *::before{content: '';display: flex;width:32px;height:32px;background:#fff url('/wp-content/uploads/2025/11/arrow.svg') no-repeat center center;position: absolute;left: 25px;bottom:25px;justify-content: center;align-items: center;font-size: 30px;transition: 0.3s all;}
.promo-services__middle> *:hover::before,
.promo-services__right > *:hover::before{transform: translateY(-10px);transition: 0.3s all;}

.promo-services__right{display: flex;flex-direction: column;gap: 0;padding: 0;flex:1;background-color:#f0f0f0;}

.promo-services__folie		{color: #fff; background-image: url('/wp-content/uploads/2025/07/modul-folie-okienne.png');}
.promo-services__laminaty	{color: #fff; background-image: url('/wp-content/uploads/2025/07/modul-laminaty-3m.png');}
.promo-services__benif		{color: #000; background-image: url('/wp-content/uploads/2025/07/modul-laminaty-benif.png');}
.promo-services__oklejanie	{color: #000; background-image: url('/wp-content/uploads/2025/07/modul-uslugi-oklejania.png');}

@media (max-width: 1299px) {
	.promo-services__cta{width: calc(55% - 190px);}
}

@media (max-width: 1199px) {
	.promo-services{flex-wrap: wrap;}
	.promo-services__cta {width: 100%;}
	.promo-services__cta > div{width: 100%;}
	.promo-services__cta-title{font-size: 36px;}
		.promo-services__oklejanie{background-position: right center;}
}

@media (max-width: 799px) {
	.promo-services__middle, 
	.promo-services__right{width: 50%;}
	.promo-services__cta-title{font-size: 32px;}
}
@media (max-width: 540px) {
	.promo-services__cta {padding: 25px;}
	.promo-services__cta-title{font-size: 28px;}
	.promo-services{flex-direction: column;}
	.promo-services__middle,
	.promo-services__right {width: 100%;}
}


/* Smooth scroll z offsetem dla kotwic */
html {
	scroll-behavior: smooth !important;
	scroll-margin-top: 200px !important;
}

.auto-content-list > strong {
	margin-bottom: 50px !important;
}

.auto-content-list ul li {
	margin: 0 !important;
}