/**
 * Yoga Di — styles aligned with yoga-landing.html reference.
 * Scoped overrides only; does not fight Kadence layout.
 */

/* ── Base typography ──────────────────────────────────── */

body {
	font-family: var(--yogadi-font-body);
	font-weight: 300;
	color: var(--yogadi-dark);
	background-color: var(--yogadi-warm-white);
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-kadence-advancedheading,
.kt-blocks-info-box-title {
	font-family: var(--yogadi-font-heading);
	font-weight: 300;
	color: var(--yogadi-dark);
}

.site-title {
	font-family: var(--yogadi-font-heading);
	font-weight: 300;
	letter-spacing: 0.12em;
	text-transform: none;
}

/* ── Header — compact, like reference nav ─────────────── */

.site-header {
	background: rgba(253, 250, 247, 0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--yogadi-sage-light);
	box-shadow: none;
}

.site-header .site-header-wrap,
.site-header .site-header-inner-wrap,
.site-header .site-header-row-container,
.site-header .site-header-row-container-inner,
.site-header .site-main-header-wrap,
.site-header .site-main-header-inner-wrap,
#masthead .site-main-header-inner-wrap {
	min-height: 0 !important;
}

.site-header .site-header-row-container-inner > .site-container,
.site-header .site-main-header-inner-wrap > .site-container {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

.site-header .site-header-upper-inner-wrap,
.site-header .site-header-main-section-inner {
	min-height: 0 !important;
	align-items: center !important;
}

.site-branding {
	display: flex;
	align-items: center;
	max-height: 48px;
}

.site-branding .site-description {
	display: none !important;
}

.site-branding .custom-logo-link,
.yogadi-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.site-branding a.brand img,
.site-branding a.brand img.custom-logo,
.site-branding a.brand img.svg-logo-image,
.site-branding a.brand img.yogadi-logo,
.yogadi-logo {
	height: 44px !important;
	width: auto !important;
	max-width: 200px !important;
	border-radius: 0;
	display: block;
}

/* Icon-only logo + text site title side by side */
.site-branding.has-logo-image .brand,
.site-branding .brand.has-logo-image {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.site-branding .site-title {
	font-family: var(--yogadi-font-heading);
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1;
	color: var(--yogadi-dark);
	text-transform: lowercase;
	margin: 0;
}

.site-branding .site-title-wrap {
	display: flex !important;
	align-items: center;
}

.primary-menu-container .menu,
.mobile-menu-container .menu {
	gap: 0;
}

.primary-menu-container .menu > li > a,
.mobile-menu-container .menu > li > a {
	font-family: var(--yogadi-font-body);
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--yogadi-muted);
	padding: 0.35rem 0.85rem !important;
	line-height: 1.4;
}

.primary-menu-container .menu > li > a:hover,
.primary-menu-container .menu > li.current-menu-item > a,
.primary-menu-container .menu > li.current_page_item > a {
	color: var(--yogadi-dark);
}

.header-navigation,
.header-menu-container {
	align-items: center;
}

@media (min-width: 1025px) {
	.site-header .site-header-main-section-left,
	.site-header .site-header-main-section-right {
		flex: 0 1 auto;
	}

	.site-header .site-header-main-section-center {
		flex: 1 1 auto;
	}

	.primary-menu-container .menu {
		justify-content: flex-end;
	}
}

/* ── Buttons (reference: dark + clay hover) ───────────── */

.wp-block-kadence-advancedbtn .kt-button,
.kb-button.kt-button {
	font-family: var(--yogadi-font-body);
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border-radius: 0;
	box-shadow: none;
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.wp-block-kadence-advancedbtn .kt-button:hover,
.kb-button.kt-button:hover {
	transform: translateY(-1px);
}

/* ── Info boxes / pricing cards ───────────────────────── */

.kt-blocks-info-box-link-wrap {
	background: var(--yogadi-cream);
	border: none;
	border-radius: 0;
	box-shadow: none;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.kt-blocks-info-box-link-wrap:hover {
	background: var(--yogadi-warm-white);
	transform: translateY(-4px);
	box-shadow: none;
}

.kt-blocks-info-box-title {
	font-size: 26px;
	font-weight: 300;
}

.kt-blocks-info-box-text {
	font-size: 14px;
	line-height: 1.7;
	color: var(--yogadi-muted);
}

/* ── Testimonials ─────────────────────────────────────── */

.kt-testimonial-wrap {
	background: var(--yogadi-warm-white);
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.kt-testimonial-content-wrap {
	font-family: var(--yogadi-font-heading);
	font-size: clamp(24px, 3vw, 36px);
	font-weight: 300;
	font-style: italic;
	line-height: 1.5;
	color: var(--yogadi-dark);
}

.kt-testimonial-name-wrap {
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--yogadi-muted);
}

/* ── Forms (underline style from reference) ───────────── */

.kb-form .kb-field .kb-text-style-field,
.kb-form input:not([type="checkbox"]):not([type="radio"]),
.kb-form textarea,
.kb-form select {
	font-family: var(--yogadi-font-body);
	font-weight: 300;
	font-size: 14px;
	color: var(--yogadi-dark);
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--yogadi-sage-light);
	border-radius: 0;
	padding: 16px 0;
	box-shadow: none;
}

.kb-form input:focus,
.kb-form textarea:focus,
.kb-form select:focus {
	border-bottom-color: var(--yogadi-clay);
	box-shadow: none;
	outline: none;
}

.kb-form .kb-button.kt-button {
	background: var(--yogadi-dark);
	color: var(--yogadi-warm-white);
	width: 100%;
	padding: 18px;
	letter-spacing: 0.2em;
}

.kb-form .kb-button.kt-button:hover {
	background: var(--yogadi-clay);
}

/* ── Footer (light, like reference) ─────────────────── */

.site-footer,
.site-footer .site-footer-wrap {
	background: var(--yogadi-warm-white);
	color: var(--yogadi-muted);
	border-top: 1px solid var(--yogadi-sage-light);
}

.site-footer a {
	color: var(--yogadi-muted);
}

.site-footer a:hover {
	color: var(--yogadi-dark);
}

.site-footer .widget-title,
.site-footer h2,
.site-footer h3 {
	font-family: var(--yogadi-font-heading);
	font-weight: 300;
	color: var(--yogadi-dark);
}

.site-bottom-footer-wrap {
	background: var(--yogadi-warm-white);
	border-top: 1px solid var(--yogadi-sage-light);
	font-size: 12px;
	letter-spacing: 0.1em;
	color: var(--yogadi-muted);
}

/* ── Accent color utilities ───────────────────────────── */

.has-theme-palette1-color {
	color: var(--yogadi-sage);
}

.has-theme-palette2-color {
	color: var(--yogadi-clay);
}

.has-theme-palette5-color,
.has-theme-palette6-color {
	color: var(--yogadi-muted);
}

/* ── Gallery — square corners ─────────────────────────── */

.wp-block-kadence-advancedgallery .kb-gallery-ul .kadence-blocks-gallery-item img {
	border-radius: 0;
}

/* ── Icon list ────────────────────────────────────────── */

.kt-svg-icon-list-item-wrap {
	font-size: 13px;
	letter-spacing: 0.12em;
	color: var(--yogadi-muted);
}

/* ── Mobile drawer ────────────────────────────────────── */

.mobile-drawer-content .drawer-inner {
	background: var(--yogadi-warm-white);
}

.mobile-menu-container .menu > li > a {
	border-bottom: 1px solid rgba(196, 212, 197, 0.4);
}

/* ── Language toggle (UA / EN) in the menu ────────────── */

.menu-item.yogadi-lang-item a.yogadi-lang-toggle,
.yogadi-lang-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	padding: 4px 12px !important;
	border: 1px solid var(--yogadi-sage-light, #C4D4C5);
	border-radius: 999px;
	background: transparent;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.4;
	cursor: pointer;
	color: var(--yogadi-dark, #2C2C2A) !important;
	transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.yogadi-lang-toggle:hover {
	color: #fff !important;
	background: var(--yogadi-sage, #8A9E8C);
	border-color: var(--yogadi-sage, #8A9E8C);
}

/* ── Social icons in the header menu ──────────────────── */

.menu-item.yogadi-nav-social {
	display: inline-flex;
	align-items: center;
	align-self: center;
	vertical-align: middle;
	gap: 6px;
}

.menu-item.yogadi-lang-item {
	display: inline-flex;
	align-items: center;
	align-self: center;
	vertical-align: middle;
}

.yogadi-social__link--nav,
.yogadi-lang-toggle {
	vertical-align: middle;
}

.main-navigation .primary-menu-container > ul > li.yogadi-nav-social > a.yogadi-social__link--nav,
.mobile-menu-container li.yogadi-nav-social > a.yogadi-social__link--nav,
.yogadi-nav-social > a.yogadi-social__link--nav {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	color: var(--yogadi-sage, #8A9E8C) !important;
	background: transparent;
	transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.yogadi-social__link--nav:hover {
	color: #fff !important;
	background: var(--yogadi-sage, #8A9E8C);
	transform: translateY(-1px);
}

.yogadi-social__link--nav svg {
	width: 17px;
	height: 17px;
	display: block;
}

/* In the mobile drawer, lay the icons out in a row without the divider */
.mobile-menu-container .yogadi-nav-social,
.mobile-menu-container .yogadi-lang-item a {
	border-bottom: none;
}

.mobile-menu-container .yogadi-nav-social {
	padding: 12px 0;
}