/*
Theme Name: Mebel Servis
Theme URI: https://new.mebel-servis.kiev.ua
Author: Mebel Servis
Description: Кастомная блочная тема WordPress, воспроизводящая дизайн mebel-servis.kiev.ua стандартными средствами WordPress (Gutenberg / FSE), без сторонних билдеров.
Version: 2.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: mebel-servis
*/

/* ---------- Language switcher ---------- */

.wp-block-polylang-language-switcher {
	display: flex;
	align-items: center;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 3px;
	background: #EDE3D3;
	border-radius: 100px;
}

.wp-block-polylang-language-switcher li {
	margin: 0;
}

.wp-block-polylang-language-switcher a {
	display: block;
	padding: 6px 14px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #4A4038;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.wp-block-polylang-language-switcher a:hover {
	color: #FE811F;
}

.wp-block-polylang-language-switcher li.current-lang a {
	background: #2A1F18;
	color: #F6F1E9;
}

/* ---------- Service material tiles (replace tiny cropped icons) ---------- */

.material-tile {
	width: 88px;
	height: 88px;
	border-radius: 6px;
	overflow: hidden;
	background: #EDE3D3;
	margin-bottom: 16px;
}

.material-tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px !important;
}

/* ---------- Testimonial ---------- */

.workshop-quote {
	position: relative;
	padding-left: 36px;
	border-left: 3px solid #FE811F;
}

.workshop-quote p {
	font-family: var(--wp--preset--font-family--serif);
	font-style: italic;
}

.workshop-quote cite {
	display: block;
	margin-top: 16px;
	font-style: normal;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 14px;
	color: #4A4038;
}

/* ---------- Header / navigation ---------- */

.wp-block-navigation .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--sans);
}

.wp-block-navigation .wp-block-polylang-language-switcher {
	margin-left: 8px;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: #F6EFDF !important;
}

.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-polylang-language-switcher a {
	color: #2A1F18 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
	color: #FE811F !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	color: #2A1F18 !important;
	fill: #2A1F18 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100% !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
	justify-content: flex-start !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-polylang-language-switcher {
	margin: 16px 24px 0;
	background: transparent;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-polylang-language-switcher li.current-lang a {
	color: #F6F1E9 !important;
}

/* ---------- Section rhythm: tighten vertical spacing on small screens ---------- */

@media (max-width: 600px) {
	.wp-block-group.alignfull {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.material-tile {
		width: 72px;
		height: 72px;
	}

	.wp-block-buttons .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}