/* 
Theme Name:   Holistio
Template:     kadence
*/
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin: .3em 0 .5em!important;
}


.nav_buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

.nav_buttons a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 30px;
	text-decoration: none!important;
	transition: 0.2s ease;
	padding: 10px 30px;
}

/* Telefon */
.nav_phone_button {
	background: #F4EEEA;
	color: #a57b72;
	border: 1px solid #F4EEEA;
}

.nav_phone_button::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 14px;
	background: url("https://holistio.pl/wp-content/uploads/2026/08/ikonka-tel.svg") center / contain no-repeat;
	flex-shrink: 0;
}

/* Umów wizytę */
.nav_book {
	background: #9B746C;
	color: #fff;
	border: 1px solid #9B746C;
}

.nav_book::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 14px;
	background-color: #fff;

	-webkit-mask: url("https://holistio.pl/wp-content/uploads/2026/08/ikonka-kalendarz.svg") center / contain no-repeat;
	mask: url("https://holistio.pl/wp-content/uploads/2026/08/ikonka-kalendarz.svg") center / contain no-repeat;

	flex-shrink: 0;
	transition: background-color 0.2s ease;
}

/* Hover */
.nav_phone_button:hover {
	background: transparent;
	color: #a57b72;
	border: 1px solid #9B746C;
}

.nav_book:hover {
	background: transparent;
	color: #9B746C;
}
.nav_book:hover::before {
	background-color: #9B746C;
}
.menu-toggle-open{
	border-radius: 30px;
}

@media (max-width: 767px) {
	.nav_buttons {
		margin-top: 40px;
		flex-direction: column;
		align-items: stretch;
		gap: 0px;
	}

	.nav_buttons a {
		width: 100%;
	}
}
@media (min-width: 768px) AND (max-width: 1024px) {
	.white-header-tablet-text {
		color: white!important;
	}
}