/*
 Theme Name:   SMRYKI
 Theme URI:    https://smryki.pl
 Description:  Use this child theme to extend Bricks.
 Author:       cmbdev
 Author URI:   https://cmbdev.net
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


header {
    position: relative;
    z-index: 99;
}


.footer-social svg path {
	transition: all 0.4s;
}
.footer-social svg:hover path {
	fill: #E0CC8E;
}
.footer-social svg:first-child:hover path:first-child {
	fill: #E0CC8E;
}
.footer-social svg:first-child:hover path:last-child {
	fill: #D9111F;
}


#brxe-uvnusu a svg path {
	transition: all 0.4s;
}
#brxe-uvnusu a:hover svg path {
	fill: #EE2F2F;
}


#brxe-uvnusu a:first-child svg path:first-child {
	fill: #FD8282;
}
#brxe-uvnusu a:first-child svg path:last-child {
	fill: #fff;
}

#brxe-uvnusu a:first-child:hover svg path:first-child {
	fill: #EE2F2F;
}
#brxe-uvnusu a:first-child:hover svg path:last-child {
	fill: #fff;
}



ul#menu-menu-przepisy {
    flex-wrap: wrap;
}

div#brxe-uwjfpg > a:hover img {
    transform: scale(1.2);
}
div#brxe-uwjfpg > a:hover .brxe-button {
	background: #000;
	color: #fff;
}
div#brxe-uwjfpg > a:hover .brxe-button path {
	fill: #fff;
}


.slider-btn-ar {
	cursor: pointer;
} 
.slider-btn-ar:hover {
	border-color: #EC422B!important;
	background: #EC422B;
}
.slider-btn-ar:hover path {
	fill: #fff;
}
#brxe-atrjqf .splide__arrows.splide__arrows--ltr, #brxe-sorbtg .splide__arrows.splide__arrows--ltr, #brxe-tyzytg .splide__arrows.splide__arrows--ltr, #brxe-hqyceg .splide__arrows.splide__arrows--ltr, .slider-actualnosti   .splide__arrows.splide__arrows--ltr, .slider-instagram  .splide__arrows.splide__arrows--ltr {
    display: none;
}



.brxe-button:hover path {
    fill: #fff;
}

.shadow:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -5%;
    right: -25%;
    height: 30px;
    background: rgb(211 140 134);
    filter: blur(15px);
    border-radius: 50%;
    z-index: -1;
}




.nov-slider {
    position: relative;
}

.nov-slider::before {
    content: '';
    position: absolute;
    inset: 0; 
    background: #fff;
    -webkit-mask-image: url('/wp-content/uploads/2026/03/Mask-slider.png');
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('/wp-content/uploads/2026/03/Mask-slider.png');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    z-index: -1; 
}





/* Главный шар — медленное плавание с лёгким покачиванием */
@keyframes float-main {
  0%   { transform: translateY(0px)    rotate(-2deg); }
  30%  { transform: translateY(-18px)  rotate(1deg);  }
  60%  { transform: translateY(-8px)   rotate(-1deg); }
  100% { transform: translateY(0px)    rotate(-2deg); }
}

/* Средний шар — чуть быстрее, другая фаза */
@keyframes float-mid {
  0%   { transform: translateY(0px)   rotate(1deg);  }
  40%  { transform: translateY(-12px) rotate(-2deg); }
  70%  { transform: translateY(-5px)  rotate(1deg);  }
  100% { transform: translateY(0px)   rotate(1deg);  }
}

/* Маленький — самый живой */
@keyframes float-small {
  0%   { transform: translateY(0px)   rotate(-1deg); }
  25%  { transform: translateY(-20px) rotate(3deg);  }
  75%  { transform: translateY(-6px)  rotate(-2deg); }
  100% { transform: translateY(0px)   rotate(-1deg); }
}




.ff-el-form-check.ff-el-tc {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ff_tc_checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.ff_tc_checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  border: 1.5px solid #000;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: background-color 0.15s ease;
}

.ff_tc_checkbox input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 5px;
  border-left: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: translate(-50%, -65%) rotate(-45deg);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.ff-el-form-check.ff_item_selected .ff_tc_checkbox input[type="checkbox"],
.ff_tc_checkbox input[type="checkbox"]:checked {
  background-color: #000;
  border-color: #000;
}

.ff-el-form-check.ff_item_selected .ff_tc_checkbox input[type="checkbox"]::after,
.ff_tc_checkbox input[type="checkbox"]:checked::after {
  opacity: 1;
}

.ff_t_c {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: #000;
  margin: 0;
}

.ff-el-form-check-label.ff_tc_label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 0;
}






.fluentform label {
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
}
.fluentform .ff-el-group {
    margin-bottom: 15px;
}
.fluentform input, .fluentform textarea {
    border: 2px solid #D6CDCD;
    border-radius: 10px;
}

.fluentform button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style {
    background: #FFA29A;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    padding: 16px;
    max-width: 200px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    border-radius: 100px;
    transition: all 0.4s;
}
.fluentform .error.text-danger {
    font-size: 12px;
    color: #ffa29a;
}




div#brxe-imbkdm > div:last-child {
    padding-bottom: 0px;
    border: none;
}
.kontakt-title-1 span {
	display: block;
	color: #B49595;
	font-weight: 400;
	font-size: 16px;
}
div#brxe-imbkdm > div:nth-child(1) > div {
    color: #000;
    font-weight: 500;
}
div#brxe-imbkdm > div:nth-child(1) > div span {
    font-size: 20px;
    display: block;
    font-weight: 400;
    color: #766E6E;
}


div#brxe-pqwahz > div:nth-child(1) {
	background: #FFD0C9;
}

div#brxe-pqwahz > div:nth-child(2) {
	background: #F1A7A7;
}

div#brxe-pqwahz > div:nth-child(3) {
	background: #EEE9E9;
}




ul#menu-menu-wiadomosci {
    flex-wrap: wrap;
    justify-content: center;
	max-width: 900px;
}


@media (max-width: 991px) {
	ul#menu-menu-wiadomosci {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	div#brxe-pqwahz > div:nth-child(1) {
		background: #fff;
	}

	div#brxe-pqwahz > div:nth-child(2) {
		background: #fff;
	}

	div#brxe-pqwahz > div:nth-child(3) {
		background: #fff;
	}
	
	div#brxe-pqwahz > div:nth-child(1) .number {
		background: #FFD0C9;
	}

	div#brxe-pqwahz > div:nth-child(2) .number {
		background: #F1A7A7;
	}

	div#brxe-pqwahz > div:nth-child(3) .number {
		background: #EEE9E9;
	}
}





.brxe-post-sharing {
    gap: 10px;
}

.brx-popup .brx-popup-backdrop {
    backdrop-filter: blur(3px);
}

.mleko-block .mleko-block-hidden {
	opacity: 0;	
	transform: scale(0.9);
}
.mleko-block:hover .mleko-block-hidden {
	opacity: 1;		
	transform: scale(1)
}






.colorbox {
  transition: background-color 0.3s ease; 
}

.colorbox:hover {
  background-color: var(--hover-color)!important; 
}



.colorbox:hover .brxe-button {
	background: #000;
	color: #fff;
}








#brxe-xjrsfm > div {
    border-bottom: 2px dashed #EAE9E7;
    border-right: 2px dashed #EAE9E7;
}
#brxe-xjrsfm > div:nth-child(4), #brxe-xjrsfm > div:nth-child(5), #brxe-xjrsfm > div:nth-child(6) {
    border-bottom: none;
}

#brxe-xjrsfm > div:nth-child(3), #brxe-xjrsfm > div:nth-child(6) {
    border-right: none;
}


@media (max-width: 991px) {
	#brxe-xjrsfm > div:nth-child(3) {
		border-right: 2px dashed #EAE9E7;
	}
	#brxe-xjrsfm > div:nth-child(4) {
		border-bottom: 2px dashed #EAE9E7;
	}
		#brxe-xjrsfm > div:nth-child(2), #brxe-xjrsfm > div:nth-child(4) {
			border-right: none;
		}
}
@media (max-width: 767px) {
		#brxe-xjrsfm > div {
			border-right: none!Important;
		}
	
		#brxe-xjrsfm > div:not(:last-child) {
			border-bottom: 2px dashed #EAE9E7!Important;
		}
}