/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/** 
 * 0. Global
 * */

.font-400 {
    font-weight: 400;
}

strong {
    font-weight: 600;
}

.list-style ul {
	list-style: none;
    margin: 0;
    padding: 0;
}

.list-style li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.list-style li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #86b81f;
  flex: none;
  margin-top: 8px;
}

.syhi-dot {
	display: flex;
	align-items: center;
	gap: 8px;
	&:before {
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #c3f53c;
		flex: none;
	}
}

.syhi-animated-btn {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
}

.syhi-animated-btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.syhi-animated-btn:hover::after,
.syhi-animated-btn:focus-visible::after {
  transform: scaleX(1);
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
	display: none;
}

[aria-pressed="true"].chip {
	color: #FFFFFF !important;
	background-color: #141910 !important;
}

@media screen and (min-width: 480px) {
	.card-post-large {
		grid-column: 1 / -1;
	}

	.card-post-large .card-post {
		display: flex !important;
		flex-direction: row !important;
		align-content: center;
		img {
			max-width: 50%;
		}
	}
}

.brx-megamenu a {
	line-height: 1.5
}

/** 
 * 1. Filters
 * */
/* Kontener filtrów */
.syhi-filters {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Element listy */
.syhi-filters > li {
	display: block;
	margin: 0;
	padding: 0;
}

/* Przycisk filtra */
.syhi-filters > li > label {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 10px 18px;
	border: 1px solid #c8d3c2;
	border-radius: 999px;
	background: #fff;
	color: #273126;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease;
}

/* Kropka */
.syhi-filters .brx-input-indicator {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin: 0;
	border: 0 !important;
	border-radius: 50%;
	background: #c4d0bf;
	box-shadow: none !important;
}

/* Usunięcie domyślnego środka radio */
.syhi-filters .brx-input-indicator::before,
.syhi-filters .brx-input-indicator::after {
	display: none !important;
}

/* Aktywny przycisk */
.syhi-filters > li.brx-option-active > label,
.syhi-filters > li > label.brx-option-active,
.syhi-filters > li > label:has(input:checked) {
	border-color: #111810;
	background: #111810;
	color: #fff;
	font-weight: 700;
}

/* Zielona kropka aktywnego przycisku */
.syhi-filters > li.brx-option-active .brx-input-indicator,
.syhi-filters > li > label.brx-option-active .brx-input-indicator,
.syhi-filters > li > label:has(input:checked) .brx-input-indicator {
	background: #c7ff32;
}

/* Tekst dziedziczy kolor przycisku */
.syhi-filters .brx-option-text {
	color: inherit !important;
}

/* Hover */
.syhi-filters > li:not(.brx-option-active) > label:hover {
	border-color: #7f9278;
	background: #f7f9f5;
}

/* Focus klawiatury */
.syhi-filters > li > label:has(input:focus-visible) {
	outline: 2px solid #111810;
	outline-offset: 3px;
}

/* Kolejność jak na screenie */
.syhi-filters > li:has(input[value=""]) {
	order: 1;
}

.syhi-filters > li:has(input[value="ksiegowosc"]) {
	order: 2;
}

.syhi-filters > li:has(input[value="podatki"]) {
	order: 3;
}

.syhi-filters > li:has(input[value="finanse-firmy"]) {
	order: 4;
}

.syhi-filters > li:has(input[value="zmiany-w-prawie"]) {
	order: 5;
}

/* Mobile: jeden rząd z przewijaniem */
@media (max-width: 767px) {
	.syhi-filters {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
		scrollbar-width: none;
	}

	.syhi-filters::-webkit-scrollbar {
		display: none;
	}
}



/** 
 * 2. Post content
 * */
.wpis-tresc h2{font-size:26px;line-height:34px;margin:48px 0 16px}
@media(min-width:900px){.wpis-tresc h2{font-size:32px;line-height:40px}}
.wpis-tresc h3{font-size:20px;line-height:28px;margin:32px 0 16px}
.wpis-tresc p{margin-bottom:24px;max-width:none}
.wpis-tresc ul{margin:0 0 24px 0;padding-left:22px;display:grid;gap:8px}
.wpis-tresc li{font-size:16px;line-height:26px;}
.wpis-tresc .wp-block-quote{padding-block:6px;font-family:"Inter";font-size: 16px;border-left:4px solid #86B81F;background-color:#f7f9f6;padding-left:24px;margin:32px 0;box-sizing:border-box;}
.wpis-tresc .wp-block-quote p{font-family:"Inter";font-size:16px!important;line-height:30px;color;margin:0}
.wpis-tresc .wp-block-separator {border-top:1px solid #DFE6DB}



/** 
 * 3. Cookie Banner
 * */
.cky-consent-bar {
	background-color: #141910 !important;
}
.cky-title,
.cky-notice-des {
	color: #FFFFFF !important;
}
.cky-btn {
	font-size: 12px !important;
	border-radius: 8px !important;
}
.cky-btn-customize {
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}
.cky-btn-reject,
.cky-btn-accept {
	color: #212121 !important;
	background-color: #c3f53c !important;
	border-color: #c3f53c !important;
}