/* KamoKast Neo-Glass Core v4.8.3 */
/**
 * KamoKast Neo-Glass Core - 3D Neo-Glass design system
 * Light (default) & dark themes. Brand gradient: #1d4ed8 -> #6900d6 -> #e11d48
 * NOTE: no global font-family is set on purpose - the site/Elementor global font is inherited.
 */

:root,
[data-theme="light"],
[data-theme="light"] body {
	--kk-brand-1: #1d4ed8;
	--kk-brand-2: #6900d6;
	--kk-brand-3: #e11d48;
	--kk-gradient: linear-gradient(135deg, #1d4ed8 0%, #6900d6 55%, #e11d48 100%);

	--kk-bg: #eef2f8;
	--kk-surface: rgba(255, 255, 255, 0.55);
	--kk-surface-strong: rgba(255, 255, 255, 0.78);
	--kk-border: rgba(255, 255, 255, 0.65);
	--kk-border-soft: rgba(29, 78, 216, 0.12);
	--kk-text: #131a2a;
	--kk-text-muted: #5b6478;
	--kk-shadow: 0 10px 30px rgba(20, 30, 70, 0.12), 0 2px 6px rgba(20, 30, 70, 0.08);
	--kk-shadow-hover: 0 22px 48px rgba(20, 30, 70, 0.18), 0 6px 14px rgba(20, 30, 70, 0.10);
	--kk-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.85);
	--kk-glass-blur: 14px;
	--kk-radius: 20px;
	--kk-line-height: 1.7;
	--kk-heading-line-height: 1.3;
}

[data-theme="dark"],
[data-theme="dark"] body,
.kk-dark,
.dark-mode {
	--kk-bg: #0b0f1a;
	--kk-surface: rgba(20, 26, 45, 0.55);
	--kk-surface-strong: rgba(24, 31, 54, 0.78);
	--kk-border: rgba(255, 255, 255, 0.10);
	--kk-border-soft: rgba(255, 255, 255, 0.08);
	--kk-text: #eef1f8;
	--kk-text-muted: #9aa3b8;
	--kk-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.35);
	--kk-shadow-hover: 0 22px 48px rgba(0, 0, 0, 0.55), 0 6px 14px rgba(0, 0, 0, 0.4);
	--kk-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	--kk-glass-blur: 18px;
}

.kk-ng-scope,
.kk-ng-scope * {
	box-sizing: border-box;
}

.kk-ng-scope {
	color: var(--kk-text);
	line-height: var(--kk-line-height);
	background: var(--kk-bg);
	border-radius: var(--kk-radius);
}

/* ---------- Glass surfaces ---------- */
.kk-glass {
	background: var(--kk-surface);
	-webkit-backdrop-filter: blur(var(--kk-glass-blur)) saturate(160%);
	backdrop-filter: blur(var(--kk-glass-blur)) saturate(160%);
	border: 1px solid var(--kk-border);
	box-shadow: var(--kk-shadow), var(--kk-shadow-inset);
	border-radius: var(--kk-radius);
	transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.kk-glass--lift:hover {
	transform: translateY(-6px) perspective(900px) rotateX(1.2deg);
	box-shadow: var(--kk-shadow-hover), var(--kk-shadow-inset);
}

/* ---------- Gradient shell ---------- */
.kk-gradient-shell {
	background: var(--kk-gradient);
	color: #fff;
	border-radius: inherit;
}

.kk-icon-shell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: var(--kk-gradient);
	color: #fff;
	box-shadow: 0 8px 20px rgba(105, 0, 214, 0.35);
	flex: 0 0 auto;
}

/* ---------- Hero search ---------- */
.kk-hero {
	position: relative;
	padding: 42px 32px;
	border-radius: var(--kk-radius);
	overflow: hidden;
}
.kk-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 16px;
	border-radius: 999px;
	background: var(--kk-gradient);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(105, 0, 214, .3);
}
.kk-hero__title {
	margin: 16px 0 8px;
	font-weight: 800;
	line-height: var(--kk-heading-line-height);
}
.kk-hero__subtitle {
	margin: 0 0 22px;
	color: var(--kk-text-muted);
}
.kk-hero__form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	padding: 12px;
	border-radius: var(--kk-radius);
	background: var(--kk-surface-strong);
	border: 1px solid var(--kk-border);
	box-shadow: var(--kk-shadow), var(--kk-shadow-inset);
	-webkit-backdrop-filter: blur(var(--kk-glass-blur));
	backdrop-filter: blur(var(--kk-glass-blur));
}
.kk-hero__field {
	flex: 1 1 180px;
	min-width: 0;
}
.kk-hero__form input[type="text"],
.kk-hero__form input[type="search"],
.kk-hero__form select {
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid var(--kk-border-soft);
	background: var(--kk-surface);
	color: var(--kk-text);
	font: inherit;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}
.kk-hero__form input:focus,
.kk-hero__form select:focus {
	border-color: var(--kk-brand-2);
	box-shadow: 0 0 0 3px rgba(105, 0, 214, .18);
}
.kk-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	padding: 0 26px;
	border: none;
	border-radius: 12px;
	background: var(--kk-gradient);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(225, 29, 72, .3);
	transition: transform .2s, box-shadow .2s, filter .2s;
}
.kk-hero__btn:hover { transform: translateY(-2px); filter: brightness(1.05); }
.kk-hero__btn:focus-visible,
.kk-theme-toggle:focus-visible,
a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--kk-brand-1);
	outline-offset: 3px;
}
.kk-hero__btn--full { flex: 1 1 100%; width: 100%; }
.kk-hero__btn-icon--before { order: -1; }
.kk-hero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}
.kk-hero__tag {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--kk-surface-strong);
	border: 1px solid var(--kk-border);
	color: var(--kk-text-muted);
	font-size: 13px;
	text-decoration: none;
	transition: color .2s, border-color .2s, transform .2s;
}
.kk-hero__tag:hover { color: #fff; background: var(--kk-gradient); border-color: transparent; transform: translateY(-2px); }

/* ---------- Category grid ---------- */
.kk-cat-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kk-cat-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px;
	text-decoration: none;
	color: var(--kk-text);
}
.kk-cat-card__body { min-width: 0; }
.kk-cat-card__name {
	margin: 0;
	font-weight: 700;
	line-height: var(--kk-heading-line-height);
}
.kk-cat-card__count {
	margin: 4px 0 0;
	font-size: 13px;
	color: var(--kk-text-muted);
}
.kk-cat-card__img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 14px;
	flex: 0 0 auto;
}
.kk-heading {
	margin: 0 0 20px;
	line-height: var(--kk-heading-line-height);
}

/* ---------- Featured cards ---------- */
.kk-featured-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kk-featured-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	text-decoration: none;
	color: var(--kk-text);
}
.kk-featured-card__thumb {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: calc(var(--kk-radius) - 6px);
}
.kk-featured-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
.kk-featured-card:hover .kk-featured-card__thumb img { transform: scale(1.06); }
.kk-featured-card__badge {
	position: absolute;
	inset-inline-start: 12px;
	inset-block-start: 12px;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--kk-gradient);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.kk-featured-card__body { padding: 16px 18px 18px; }
.kk-featured-card__title {
	margin: 0 0 8px;
	font-size: 17px;
	line-height: var(--kk-heading-line-height);
}
.kk-featured-card__excerpt {
	margin: 0 0 12px;
	font-size: 14px;
	color: var(--kk-text-muted);
}
.kk-featured-card__link {
	font-weight: 700;
	background: var(--kk-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.kk-featured-card__link:hover { filter: brightness(1.1); }

/* ---------- Theme toggle button + FAB ---------- */
.kk-theme-toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 20px;
	border: 1px solid var(--kk-border);
	border-radius: 999px;
	background: var(--kk-surface-strong);
	color: var(--kk-text);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	-webkit-backdrop-filter: blur(var(--kk-glass-blur));
	backdrop-filter: blur(var(--kk-glass-blur));
	box-shadow: var(--kk-shadow), var(--kk-shadow-inset);
	transition: transform .2s, box-shadow .2s;
}
.kk-theme-toggle-btn:hover { transform: translateY(-2px); box-shadow: var(--kk-shadow-hover); }

.kk-theme-fab {
	position: fixed;
	z-index: 99999;
	width: 52px;
	height: 52px;
	border: 1px solid var(--kk-border);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--kk-gradient);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 10px 26px rgba(105, 0, 214, .4), var(--kk-shadow-inset);
	transition: transform .25s ease, box-shadow .25s ease;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.kk-theme-fab:hover { transform: translateY(-3px) scale(1.05); }
.kk-theme-fab.kk-position-bottom-left { left: 20px; bottom: 20px; }
.kk-theme-fab.kk-position-bottom-right { right: 20px; bottom: 20px; }
.kk-theme-fab .kk-toggle-icon::before { content: "\25D1"; } /* moon-ish glyph */
[data-theme="dark"] .kk-theme-fab .kk-toggle-icon::before,
.kk-dark .kk-theme-fab .kk-toggle-icon::before { content: "\2600"; } /* sun */
.kk-theme-toggle-btn .kk-toggle-icon::before { content: "\25D1"; }
[data-theme="dark"] .kk-theme-toggle-btn .kk-toggle-icon::before,
.kk-dark .kk-theme-toggle-btn .kk-toggle-icon::before { content: "\2600"; }

/* ---------- RTL friendliness ---------- */
[dir="rtl"] .kk-hero__form { direction: rtl; }
[dir="rtl"] .kk-cat-card,
[dir="rtl"] .kk-featured-card { text-align: right; }

/* ---------- Breakpoints ---------- */
@media (max-width: 1024px) {
	.kk-cat-grid,
	.kk-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kk-hero { padding: 34px 24px; }
}
@media (max-width: 767px) {
	.kk-cat-grid,
	.kk-featured-grid { grid-template-columns: 1fr; }
	.kk-hero { padding: 26px 16px; }
	.kk-hero__form { flex-direction: column; }
	.kk-hero__btn { width: 100%; }
	.kk-theme-fab.kk-position-bottom-left { left: 14px; bottom: 14px; }
	.kk-theme-fab.kk-position-bottom-right { right: 14px; bottom: 14px; }
}

/* ---------- Elementor editor preview compatibility ---------- */
.elementor-editor-active .kk-theme-fab,
.elementor-editor-active #kk-theme-fab { display: none !important; }
.elementor-widget-container .kk-ng-scope { min-width: 0; }


/* =========================================================================
 * v4.0.2 additions
 * ========================================================================= */

/* E) Full-width on desktop / Elementor Canvas */
.kk-ng-scope {
	width: 100%;
	max-width: 100%;
}
body.elementor-page .elementor-section .elementor-container,
body.elementor-page .e-con-inner {
	max-width: 100%;
}
.kk-hero,
.kk-cat-grid,
.kk-featured-grid,
.kk-cities-grid,
.kk-cta {
	width: 100%;
}
@media (min-width: 1025px) {
	.kk-hero,
	.kk-cat-grid,
	.kk-featured-grid,
	.kk-cities-grid,
	.kk-cta {
		max-width: var(--kk-max-width, 1280px);
		margin-inline: auto;
	}
}

/* B) Hero redesign: SVG icon, two-field search, stats counters */
.kk-hero__field--with-icon {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
}
.kk-hero__svg-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: var(--kk-text-muted, #5b6478);
	flex: 0 0 auto;
}
.kk-hero__svg-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}
.kk-hero__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 32px;
	margin-top: 28px;
	justify-content: center;
}
.kk-hero__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}
.kk-hero__stat-value {
	font-weight: 800;
	font-size: 1.35rem;
	background: var(--kk-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.kk-hero__stat-label {
	font-size: 0.85rem;
	color: var(--kk-text-muted, #5b6478);
}

/* A) Cities Grid */
.kk-cities-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kk-city-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 20px 12px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	border-radius: var(--kk-radius, 20px);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.kk-city-card__name {
	font-weight: 700;
	margin: 0;
}
.kk-city-card__count {
	font-size: 0.8rem;
	color: var(--kk-text-muted, #5b6478);
}
.kk-cities-grid__more {
	margin-top: 18px;
	text-align: center;
}
.kk-cities-grid__more-link {
	font-weight: 600;
	text-decoration: none;
	color: var(--kk-brand-1, #1d4ed8);
}

/* A) Business CTA Banner */
.kk-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 32px 28px;
	border-radius: var(--kk-radius, 20px);
}
.kk-cta__title {
	margin: 0 0 6px;
	font-size: 1.4rem;
}
.kk-cta__subtitle {
	margin: 0;
	color: var(--kk-text-muted, #5b6478);
}
.kk-cta__actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.kk-cta__btn {
	display: inline-flex;
	align-items: center;
	padding: 12px 26px;
	border-radius: 999px;
	background: var(--kk-gradient);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	box-shadow: var(--kk-shadow, 0 10px 30px rgba(20,30,70,.12));
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.kk-cta__btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--kk-shadow-hover, 0 22px 48px rgba(20,30,70,.18));
}
.kk-cta__secondary {
	font-weight: 600;
	text-decoration: none;
	color: var(--kk-text-muted, #5b6478);
}
.kk-cta__secondary:hover {
	color: var(--kk-brand-1, #1d4ed8);
}

/* F) Header alignment fixes (minimal) */
.kk-heading {
	margin-top: 0;
	margin-bottom: 24px;
	line-height: 1.4;
}
.kk-hero {
	padding: clamp(24px, 4vw, 48px);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12px;
}
.kk-hero__form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	justify-content: center;
}
.kk-hero__field {
	flex: 1 1 220px;
	min-width: 0;
}
.kk-hero__form select,
.kk-hero__form input[type="text"] {
	width: 100%;
	box-sizing: border-box;
}
.kk-hero__btn {
	flex: 0 0 auto;
	white-space: nowrap;
}
@media (max-width: 768px) {
	.kk-cities-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.kk-cta {
		flex-direction: column;
		text-align: center;
	}
}


/* =========================================================================
 * v4.0.3 additions
 * ========================================================================= */

/* --- Comprehensive global dark mode (html[data-theme='dark'] / body.kk-dark) --- */
html[data-theme='dark'],
html[data-theme='dark'] body,
body.kk-dark,
body.kk-dark.dark-mode {
	background-color: var(--kk-bg, #0b0f1a) !important;
	color: var(--kk-text, #eef1f8);
}
body.kk-dark .elementor,
html[data-theme='dark'] .elementor,
body.kk-dark .elementor-section,
body.kk-dark .e-con,
body.kk-dark .elementor-widget,
body.kk-dark .kk-ng-scope,
html[data-theme='dark'] .kk-ng-scope {
	background-color: transparent;
	color: var(--kk-text, #eef1f8);
}
body.kk-dark .site-header,
html[data-theme='dark'] .site-header,
body.kk-dark header.site-header,
body.kk-dark .elementor-location-header {
	background-color: var(--kk-surface-strong, rgba(24, 31, 54, 0.78));
	color: var(--kk-text, #eef1f8);
	border-bottom: 1px solid var(--kk-border-soft, rgba(255, 255, 255, 0.08));
}
body.kk-dark .site-footer,
html[data-theme='dark'] .site-footer,
body.kk-dark footer.site-footer,
body.kk-dark .elementor-location-footer {
	background-color: #070a12;
	color: var(--kk-text-muted, #9aa3b8);
	border-top: 1px solid var(--kk-border-soft, rgba(255, 255, 255, 0.08));
}
body.kk-dark .site-header a,
body.kk-dark .site-footer a,
html[data-theme='dark'] .site-header a,
html[data-theme='dark'] .site-footer a {
	color: var(--kk-text, #eef1f8);
}
body.kk-dark input[type="text"],
body.kk-dark input[type="search"],
body.kk-dark input[type="email"],
body.kk-dark input[type="url"],
body.kk-dark input[type="tel"],
body.kk-dark input[type="password"],
body.kk-dark input[type="number"],
body.kk-dark textarea,
body.kk-dark select,
html[data-theme='dark'] input[type="text"],
html[data-theme='dark'] input[type="search"],
html[data-theme='dark'] textarea,
html[data-theme='dark'] select {
	background-color: var(--kk-surface, rgba(20, 26, 45, 0.55));
	color: var(--kk-text, #eef1f8);
	border-color: var(--kk-border-soft, rgba(255, 255, 255, 0.08));
}
body.kk-dark input::placeholder,
body.kk-dark textarea::placeholder,
html[data-theme='dark'] input::placeholder,
html[data-theme='dark'] textarea::placeholder {
	color: var(--kk-text-muted, #9aa3b8);
}
body.kk-dark .elementor-widget-container,
body.kk-dark .elementor .elementor-background-overlay,
html[data-theme='dark'] .e-con-inner,
html[data-theme='dark'] .elementor-container {
	color: inherit;
}
/* Common containers / cards keep glass variables without breaking layout */
body.kk-dark .kk-glass,
html[data-theme='dark'] .kk-glass {
	background: var(--kk-surface, rgba(20, 26, 45, 0.55));
	border-color: var(--kk-border, rgba(255, 255, 255, 0.10));
	color: var(--kk-text, #eef1f8);
}
body.kk-dark .kk-hero__form,
body.kk-dark .kk-hero__tag,
body.kk-dark .kk-theme-toggle-btn,
html[data-theme='dark'] .kk-hero__form,
html[data-theme='dark'] .kk-hero__tag,
html[data-theme='dark'] .kk-theme-toggle-btn {
	background: var(--kk-surface-strong, rgba(24, 31, 54, 0.78));
	border-color: var(--kk-border, rgba(255, 255, 255, 0.10));
	color: var(--kk-text, #eef1f8);
}
body.kk-dark .kk-hero__stat-label,
body.kk-dark .kk-cat-card__count,
body.kk-dark .kk-city-card__count,
body.kk-dark .kk-cta__subtitle {
	color: var(--kk-text-muted, #9aa3b8);
}

/* --- Button full width (matches widget switcher + class) --- */
.kk-hero__btn.kk-hero__btn--full,
.kk-hero__btn--full {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100%;
	justify-content: center;
}


/* =========================================================================
 * v4.0.6 unified Neo-Glass tokens and resilient card/icon surfaces
 * Plugin-scoped tokens; fixed brand edge is intentionally independent of
 * Elementor's per-widget color and border controls.
 * ========================================================================= */
.kk-ng-scope,
.kk-glass-container,
.kk-glass,
.kk-cat-card,
.kk-featured-card,
.kk-city-card,
.kk-cta {
	--kk-ng-gradient: linear-gradient(135deg, #6900d6 0%, #3b4fe4 52%, #1687f8 100%);
	--kk-ng-border-width: 1px;
	--kk-ng-radius: 20px;
	--kk-ng-surface: rgba(255, 255, 255, .78);
	--kk-ng-text: #17152a;
	--kk-ng-muted: #626477;
	--kk-ng-shadow: 0 10px 30px rgba(35, 24, 78, .14), 0 2px 7px rgba(35, 24, 78, .08);
	--kk-ng-blur: 12px;
}

/* Main glass cards use two backgrounds, not border-image, to retain rounded
   corners. Important declarations defeat legacy/Elementor inline card fills. */
.kk-glass,
.kk-glass-container,
.kk-cat-card,
.kk-featured-card,
.kk-city-card,
.kk-cta {
	border: var(--kk-ng-border-width, 1px) solid transparent !important;
	background-color: var(--kk-ng-surface, rgba(255,255,255,.78));
	background-image: linear-gradient(var(--kk-ng-surface, rgba(255,255,255,.78)), var(--kk-ng-surface, rgba(255,255,255,.78))), var(--kk-ng-gradient, linear-gradient(135deg,#6900d6,#1687f8)) !important;
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	box-shadow: var(--kk-ng-shadow, 0 10px 30px rgba(35,24,78,.14)), var(--kk-shadow-inset, inset 0 1px 0 rgba(255,255,255,.55));
}

.kk-glass,
.kk-glass-container,
.kk-cat-card,
.kk-featured-card,
.kk-city-card,
.kk-cta {
	border-radius: var(--kk-ng-radius, 20px);
}

.kk-cat-card,
.kk-featured-card,
.kk-city-card,
.kk-cta {
	color: var(--kk-ng-text, #17152a);
	-webkit-backdrop-filter: blur(var(--kk-ng-blur, 12px)) saturate(145%);
	backdrop-filter: blur(var(--kk-ng-blur, 12px)) saturate(145%);
}

/* Single compact blur plate: image and icon share one semantic render wrapper. */
.kk-icon-glass-plate {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 16px;
	background: linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.72)) padding-box, var(--kk-ng-gradient, linear-gradient(135deg,#6900d6,#1687f8)) border-box;
	color: #fff;
	box-shadow: 0 7px 18px rgba(75, 35, 140, .20);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease;
}
.kk-icon-glass-plate .kk-icon-shell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex: 0 0 100%;
	border-radius: inherit;
	background: var(--kk-ng-gradient, linear-gradient(135deg,#6900d6,#1687f8));
	color: #fff;
	box-shadow: none;
}
.kk-icon-glass-plate .kk-icon-shell i,
.kk-icon-glass-plate .kk-icon-shell svg { color: #fff; fill: currentColor; }
.kk-icon-glass-plate .kk-cat-card__img,
.kk-icon-glass-plate > img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: inherit;
	flex: 0 0 100%;
}
.kk-cat-card:hover .kk-icon-glass-plate,
.kk-cat-card:focus-visible .kk-icon-glass-plate,
.kk-featured-card:hover .kk-icon-glass-plate,
.kk-city-card:hover .kk-icon-glass-plate {
	transform: translateY(-2px) scale(1.025);
	box-shadow: 0 10px 22px rgba(75, 35, 140, .26);
}
.kk-cat-card__body { min-width: 0; }
.kk-cat-card__name,
.kk-featured-card__title,
.kk-city-card__name {
	line-height: 1.35;
}
.kk-cat-card__count,
.kk-city-card__count {
	margin-block: 5px 0;
	line-height: 1.5;
}
.kk-heading { line-height: 1.35; }

/* Dark mode remains local to plugin-owned components, including Canvas pages. */
html[data-theme='dark'] .kk-ng-scope,
body.kk-dark .kk-ng-scope,
.kk-ng-scope.kk-dark,
html[data-theme='dark'] .kk-glass-container,
body.kk-dark .kk-glass-container,
html[data-theme='dark'] .kk-glass,
body.kk-dark .kk-glass,
html[data-theme='dark'] .kk-cat-card,
body.kk-dark .kk-cat-card,
html[data-theme='dark'] .kk-featured-card,
body.kk-dark .kk-featured-card,
html[data-theme='dark'] .kk-city-card,
body.kk-dark .kk-city-card,
html[data-theme='dark'] .kk-cta,
body.kk-dark .kk-cta {
	--kk-ng-surface: rgba(19, 23, 42, .94);
	--kk-ng-text: #f0effa;
	--kk-ng-muted: #b6b5c8;
	--kk-ng-shadow: 0 12px 32px rgba(0, 0, 0, .38), 0 2px 8px rgba(0, 0, 0, .24);
	--kk-ng-blur: 10px;
	color: var(--kk-ng-text, #f0effa);
}
html[data-theme='dark'] .kk-ng-scope,
body.kk-dark .kk-ng-scope,
.kk-ng-scope.kk-dark { background: transparent; }
html[data-theme='dark'] .kk-glass,
body.kk-dark .kk-glass,
html[data-theme='dark'] .kk-glass-container,
body.kk-dark .kk-glass-container,
html[data-theme='dark'] .kk-cat-card,
body.kk-dark .kk-cat-card,
html[data-theme='dark'] .kk-featured-card,
body.kk-dark .kk-featured-card,
html[data-theme='dark'] .kk-city-card,
body.kk-dark .kk-city-card,
html[data-theme='dark'] .kk-cta,
body.kk-dark .kk-cta {
	background-image: linear-gradient(var(--kk-ng-surface,rgba(19,23,42,.94)), var(--kk-ng-surface,rgba(19,23,42,.94))), var(--kk-ng-gradient,linear-gradient(135deg,#6900d6,#1687f8)) !important;
}
html[data-theme='dark'] .kk-icon-glass-plate,
body.kk-dark .kk-icon-glass-plate {
	background: linear-gradient(rgba(25,29,49,.94),rgba(25,29,49,.88)) padding-box, var(--kk-ng-gradient,linear-gradient(135deg,#6900d6,#1687f8)) border-box;
}
html[data-theme='dark'] .kk-cat-card__count,
body.kk-dark .kk-cat-card__count,
html[data-theme='dark'] .kk-city-card__count,
body.kk-dark .kk-city-card__count { color: var(--kk-ng-muted, #b6b5c8); }

@media (prefers-reduced-motion: reduce) {
	.kk-icon-glass-plate,
	.kk-glass,
	.kk-glass--lift,
	.kk-cat-card,
	.kk-featured-card,
	.kk-city-card,
	.kk-cta { transition: none !important; }
	.kk-cat-card:hover .kk-icon-glass-plate,
	.kk-cat-card:focus-visible .kk-icon-glass-plate,
	.kk-featured-card:hover .kk-icon-glass-plate,
	.kk-city-card:hover .kk-icon-glass-plate { transform: none; }
}


/* =========================================================================
 * v4.1.0: Hero search responsive layout and form typography
 * ========================================================================= */
.kk-hero__form,
.kk-hero__form * {
	box-sizing: border-box;
}
.kk-hero__form input[type="text"]::placeholder,
.kk-hero__form input[type="search"]::placeholder {
	font: inherit;
	color: var(--kk-text-muted, #5b6478);
	opacity: 1;
}
.kk-hero__form select,
.kk-hero__form option {
	font-family: inherit;
	font-size: inherit;
}
.kk-hero__form select {
	min-width: 0;
	max-width: 100%;
}
.kk-hero__btn {
	min-width: 0;
	max-width: 100%;
	line-height: 1.35;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.kk-hero__form {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
	}
	.kk-hero__form > .kk-hero__field--with-icon {
		grid-column: 1 / -1;
		min-width: 0;
	}
	.kk-hero__form > .kk-hero__field,
	.kk-hero__form > .kk-hero__field--taxonomy {
		width: 100%;
		min-width: 0;
	}
	.kk-hero__form > .kk-hero__btn {
		width: 100%;
		min-width: 0;
		white-space: normal;
	}
}
@media (max-width: 767px) {
	.kk-hero__form {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
		width: 100%;
		padding: 10px;
	}
	.kk-hero__form > .kk-hero__field,
	.kk-hero__form > .kk-hero__field--with-icon,
	.kk-hero__form > .kk-hero__field--taxonomy,
	.kk-hero__form > .kk-hero__btn {
		grid-column: 1;
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
	.kk-hero__field--with-icon > .kk-hero__field {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}
	.kk-hero__form input[type="text"],
	.kk-hero__form input[type="search"],
	.kk-hero__form select,
	.kk-hero__btn {
		width: 100%;
		min-width: 0;
		font-size: clamp(14px, 3.8vw, 16px);
	}
	.kk-hero__btn { white-space: normal; }
}


/* v4.1.2: quick-search chips wrap and align cleanly below the form. */
.kk-hero__tags {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	gap: 8px 10px;
	margin-top: 8px;
}
.kk-hero__tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	line-height: 1.4;
	text-align: center;
	white-space: normal;
	overflow-wrap: anywhere;
}
.kk-hero__tag-icon,
.kk-hero__tag-image {
	flex: 0 0 auto;
	max-width: 1.25em;
}
.kk-hero__tag-image {
	width: 1.25em;
	height: 1.25em;
	object-fit: cover;
	border-radius: 50%;
}
.kk-hero__tag:focus-visible {
	outline: 2px solid var(--kk-brand-1);
	outline-offset: 2px;
}
@media (max-width: 767px) {
	.kk-hero__tags {
		gap: 8px;
		margin-top: 6px;
	}
	.kk-hero__tag {
		padding: 7px 12px;
		font-size: clamp(12px, 3.5vw, 13px);
	}
}


/* v4.1.2: custom Elementor wrapper widths must remain effective at breakpoints. */
@media (min-width: 768px) and (max-width: 1024px) {
	.kk-hero__form.kk-hero__form--custom-width { display: flex; flex-wrap: wrap; }
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__field--with-icon { grid-column: auto; }
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__field,
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__field--taxonomy { width: auto; }
}
@media (max-width: 767px) {
	.kk-hero__form.kk-hero__form--custom-width { display: flex; flex-direction: row; flex-wrap: wrap; }
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__field,
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__field--with-icon,
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__field--taxonomy { width: auto; grid-column: auto; }
	.kk-hero__form.kk-hero__form--custom-width > .kk-hero__btn { flex: 1 1 100%; }
}


/* --- Kamokast V4.2.0 City Dimmed & Enhancements --- */
.kk-city-dimmed {
    opacity: 0.55 !important;
    filter: grayscale(80%);
    transition: opacity 0.3s ease, filter 0.3s ease;
}
.kk-city-dimmed:hover {
    opacity: 0.85 !important;
    filter: grayscale(20%);
}
select.kk-hero__select option.kk-city-dimmed {
    color: #888888 !important;
    font-style: italic;
}


/* v4.3.0 — RTL pricing and SMS login widgets */
.kk-pricing,.kk-sms-login{--kk-glass-bg:rgba(255,255,255,.72);--kk-glass-border:rgba(100,116,139,.22);--kk-accent:#6d5dfc;color:inherit;direction:rtl}
.kk-pricing{padding:clamp(20px,4vw,48px);border:1px solid var(--kk-glass-border);border-radius:28px;background:var(--kk-glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(31,41,55,.10)}
.kk-pricing__title{text-align:center;margin:0 0 22px;font-size:clamp(1.5rem,3vw,2.2rem)}
.kk-pricing__tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 26px}
.kk-pricing__tab{border:1px solid var(--kk-glass-border);border-radius:999px;padding:10px 22px;background:rgba(255,255,255,.55);color:inherit;font:inherit;cursor:pointer;transition:.2s ease}
.kk-pricing__tab:hover,.kk-pricing__tab.is-active{background:var(--kk-accent);border-color:var(--kk-accent);color:#fff}
.kk-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;align-items:stretch}
.kk-pricing__card{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:25px;border:1px solid var(--kk-glass-border);border-radius:22px;background:rgba(255,255,255,.48);box-shadow:0 8px 28px rgba(31,41,55,.07);overflow:hidden}
.kk-pricing__badge,.kk-pricing__discount{display:inline-flex;align-self:flex-start;border-radius:999px;padding:5px 12px;background:rgba(109,93,252,.12);color:var(--kk-accent);font-size:.85em;font-weight:700}
.kk-pricing__plan{margin:12px 0;font-size:1.3rem}
.kk-pricing__price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:8px 0 14px}.kk-pricing__price strong{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.2}.kk-pricing__price span{font-size:.95rem}.kk-pricing__price small{flex-basis:100%;opacity:.7}
.kk-pricing__features{list-style:none;margin:16px 0 24px;padding:0;display:grid;gap:10px}.kk-pricing__features li{position:relative;padding-right:24px}.kk-pricing__features li:before{content:'✓';position:absolute;right:0;color:var(--kk-accent);font-weight:800}
.kk-pricing__button{display:block;margin-top:auto;text-align:center;text-decoration:none!important;border-radius:13px;padding:12px 18px;background:var(--kk-accent);color:#fff!important;font-weight:700;transition:transform .2s,filter .2s}.kk-pricing__button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.kk-sms-login{max-width:520px;margin-inline:auto;padding:clamp(22px,4vw,38px);border:1px solid var(--kk-glass-border);border-radius:24px;background:var(--kk-glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(31,41,55,.11)}
.kk-sms-login h2{margin:0 0 10px;font-size:1.55rem}.kk-sms-login__description{opacity:.75;margin:0 0 22px}.kk-sms-login__form label{display:grid;gap:8px;margin:0 0 14px;font-weight:600}.kk-sms-login input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--kk-glass-border);border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.65);color:inherit;font:inherit;direction:ltr;text-align:left}.kk-sms-login button{width:100%;min-height:48px;border:0;border-radius:12px;background:var(--kk-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.kk-sms-login button:disabled{opacity:.6;cursor:wait}.kk-sms-login__verify{margin-top:16px}.kk-sms-login__message{min-height:1.4em;margin:12px 0 0;font-size:.92em}.kk-sms-login__message.is-error{color:#c62828}.kk-sms-login__message.is-success{color:#16834b}
[data-theme="dark"] .kk-pricing,[data-theme="dark"] .kk-sms-login,.kk-dark .kk-pricing,.kk-dark .kk-sms-login{--kk-glass-bg:rgba(20,25,40,.78);--kk-glass-border:rgba(203,213,225,.2)}
[data-theme="dark"] .kk-pricing__card,.kk-dark .kk-pricing__card{background:rgba(255,255,255,.04)}[data-theme="dark"] .kk-pricing__tab,[data-theme="dark"] .kk-sms-login input,.kk-dark .kk-pricing__tab,.kk-dark .kk-sms-login input{background:rgba(255,255,255,.07)}
@media(max-width:600px){.kk-pricing{padding:20px 14px}.kk-pricing__card{padding:20px}.kk-pricing__tabs{gap:7px}.kk-pricing__tab{padding:9px 15px}}


/* =========================================================================
 * v4.3.1 — Elementor editor color-stability patch
 * The editor preview must show exactly the colors picked in the widget style
 * controls. Two things previously made tag/button colors "unstable" there:
 *   1) dark-mode token rules tinting tags/buttons inside the preview iframe
 *      even when the site is in light mode;
 *   2) legacy glass `!important` fills leaking onto editor wrappers.
 * The plugin's dark theme bootstrap never runs in the editor, so the rules
 * below simply scope all dark tinting OUT of the editor canvas and re-assert
 * the light token set there. Live frontend rendering is unchanged.
 * ========================================================================= */
.elementor-editor-active .kk-hero__tag,
.elementor-editor-active .kk-hero__btn,
.elementor-editor-active .kk-hero__form {
	background-color: var(--kk-surface, rgba(255,255,255,.55));
	border-color: var(--kk-border, rgba(255,255,255,.65));
	color: var(--kk-text, #131a2a);
}
/* Elementor-generated control CSS loads after this file; these equal-specificity
   resets are therefore overridden by any color/background the user picks. */
.elementor-editor-active .elementor-widget .kk-hero__tag,
.elementor-editor-active .elementor-widget .kk-hero__btn {
	background-image: none;
}
.elementor-editor-active:not([data-theme='dark']) .kk-ng-scope,
.elementor-editor-active:not([data-theme='dark']) .kk-glass,
.elementor-editor-active:not([data-theme='dark']) .kk-cat-card,
.elementor-editor-active:not([data-theme='dark']) .kk-featured-card,
.elementor-editor-active:not([data-theme='dark']) .kk-city-card,
.elementor-editor-active:not([data-theme='dark']) .kk-cta {
	--kk-ng-surface: rgba(255,255,255,.78);
	--kk-ng-text: #17152a;
	--kk-accent: #6d5dfc;
}
/* End editor color-stability patch */

/* =========================================================================
 * v4.3.1 — dark-mode coverage: body.dark-mode parity
 * Some sites toggle the class on <body> only (body.dark-mode) instead of the
 * data-theme attribute, so every dark rule below now has a body.dark-mode twin.
 * ========================================================================= */
body.dark-mode{background-color:var(--kk-bg,#0b0f1a)!important;color:var(--kk-text,#eef1f8)}
body.dark-mode .elementor,body.dark-mode .elementor-section,body.dark-mode .e-con,body.dark-mode .elementor-widget,body.dark-mode .kk-ng-scope{background-color:transparent;color:var(--kk-text,#eef1f8)}
body.dark-mode .site-header,body.dark-mode header.site-header,body.dark-mode .elementor-location-header{background-color:var(--kk-surface-strong,rgba(24,31,54,.78));color:var(--kk-text,#eef1f8);border-bottom:1px solid var(--kk-border-soft,rgba(255,255,255,.08))}
body.dark-mode .site-footer,body.dark-mode footer.site-footer,body.dark-mode .elementor-location-footer{background-color:#070a12;color:var(--kk-text-muted,#9aa3b8);border-top:1px solid var(--kk-border-soft,rgba(255,255,255,.08))}
body.dark-mode .site-header a,body.dark-mode .site-footer a{color:var(--kk-text,#eef1f8)}
body.dark-mode input[type="text"],body.dark-mode input[type="search"],body.dark-mode input[type="email"],body.dark-mode input[type="url"],body.dark-mode input[type="tel"],body.dark-mode input[type="password"],body.dark-mode input[type="number"],body.dark-mode textarea,body.dark-mode select{background-color:var(--kk-surface,rgba(20,26,45,.55));color:var(--kk-text,#eef1f8);border-color:var(--kk-border-soft,rgba(255,255,255,.08))}
body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--kk-text-muted,#9aa3b8)}
body.dark-mode .elementor-widget-container,body.dark-mode .elementor .elementor-background-overlay,body.dark-mode .e-con-inner,body.dark-mode .elementor-container{color:inherit}
body.dark-mode .kk-glass{background:var(--kk-surface,rgba(20,26,45,.55));border-color:var(--kk-border,rgba(255,255,255,.10));color:var(--kk-text,#eef1f8)}
body.dark-mode .kk-hero__form,body.dark-mode .kk-hero__tag,body.dark-mode .kk-theme-toggle-btn{background:var(--kk-surface-strong,rgba(24,31,54,.78));border-color:var(--kk-border,rgba(255,255,255,.10));color:var(--kk-text,#eef1f8)}
body.dark-mode .kk-hero__stat-label,body.dark-mode .kk-cat-card__count,body.dark-mode .kk-city-card__count,body.dark-mode .kk-cta__subtitle{color:var(--kk-text-muted,#9aa3b8)}
/* token block parity for the class-based dark toggle */
body.dark-mode{--kk-bg:#0b0f1a;--kk-surface:rgba(20,26,45,.55);--kk-surface-strong:rgba(24,31,54,.78);--kk-border:rgba(255,255,255,.10);--kk-border-soft:rgba(255,255,255,.08);--kk-text:#eef1f8;--kk-text-muted:#9aa3b8;--kk-shadow:0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.35);--kk-shadow-hover:0 22px 48px rgba(0,0,0,.55),0 6px 14px rgba(0,0,0,.4);--kk-shadow-inset:inset 0 1px 0 rgba(255,255,255,.08);--kk-glass-blur:18px}
/* pricing / sms widgets parity (already had .kk-dark twins, add body.dark-mode) */
body.dark-mode .kk-pricing,body.dark-mode .kk-sms-login{--kk-glass-bg:rgba(20,25,40,.78);--kk-glass-border:rgba(203,213,225,.2)}
body.dark-mode .kk-pricing__card{background:rgba(255,255,255,.04)}
body.dark-mode .kk-pricing__tab,body.dark-mode .kk-sms-login input{background:rgba(255,255,255,.07)}

/* =========================================================================
 * v4.3.1 — FarazSMS login/register CSS compatibility layer
 * Intentionally generic: targets form containers on the login/register page
 * (kamokast.com/login-register/) without depending on exact plugin classes.
 * Scoped to common login/register wrappers so other pages stay untouched.
 * ========================================================================= */
body.kk-faraz-login form:not(.kk-ng-scope):not(.kk-sms-login__form),
body.kk-faraz-login #login,
body.kk-faraz-login .wpforms-container,
body.kk-faraz-login .elementor-widget-form form,
body.kk-faraz-login main form,
body.kk-faraz-login .entry-content form:not(.kk-sms-login__form) {
	box-sizing: border-box;
	max-width: 520px;
	margin-inline: auto;
	padding: clamp(22px, 4vw, 38px);
	border: 1px solid var(--kk-glass-border, rgba(100,116,139,.22));
	border-radius: 24px;
	background: var(--kk-glass-bg, rgba(255,255,255,.72));
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	box-shadow: 0 18px 55px rgba(31,41,55,.11);
	color: var(--kk-text, #131a2a);
}
body.kk-faraz-login form input[type="text"],
body.kk-faraz-login form input[type="tel"],
body.kk-faraz-login form input[type="number"],
body.kk-faraz-login form input[type="password"],
body.kk-faraz-login form input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	border: 1px solid var(--kk-glass-border, rgba(100,116,139,.22));
	border-radius: 12px;
	padding: 10px 14px;
	background: rgba(255,255,255,.65);
	color: inherit;
	font: inherit;
}
body.kk-faraz-login form button,
body.kk-faraz-login form input[type="submit"] {
	width: 100%;
	min-height: 48px;
	border: 0;
	border-radius: 12px;
	background: var(--kk-accent, #6d5dfc);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
body.kk-faraz-login form button:disabled,
body.kk-faraz-login form input[type="submit"]:disabled { opacity:.6; cursor: wait; }
/* dark-mode parity for the compatibility layer */
body.kk-faraz-login.dark-mode form:not(.kk-ng-scope):not(.kk-sms-login__form),
body.kk-faraz-login.dark-mode #login,
body.kk-faraz-login.dark-mode .wpforms-container,
body.kk-faraz-login.dark-mode .elementor-widget-form form,
body.kk-faraz-login.dark-mode main form,
body.kk-faraz-login.dark-mode .entry-content form:not(.kk-sms-login__form) {
	background: var(--kk-glass-bg, rgba(20,25,40,.78));
	border-color: var(--kk-glass-border, rgba(203,213,225,.2));
	color: var(--kk-text, #eef1f8);
}
html[data-theme='dark'] body.kk-faraz-login form:not(.kk-ng-scope):not(.kk-sms-login__form),
html[data-theme='dark'] body.kk-faraz-login #login,
html[data-theme='dark'] body.kk-faraz-login .wpforms-container,
html[data-theme='dark'] body.kk-faraz-login .elementor-widget-form form,
html[data-theme='dark'] body.kk-faraz-login main form,
html[data-theme='dark'] body.kk-faraz-login .entry-content form:not(.kk-sms-login__form) {
	background: var(--kk-glass-bg, rgba(20,25,40,.78));
	border-color: var(--kk-glass-border, rgba(203,213,225,.2));
	color: var(--kk-text, #eef1f8);
}
body.kk-faraz-login.dark-mode form input,
html[data-theme='dark'] body.kk-faraz-login form input { background: rgba(255,255,255,.07); color: var(--kk-text, #eef1f8); }


/* v4.4.0: Elementor Canvas global glass chrome + empty city alias. */
.kk-city--empty { opacity: .55 !important; filter: grayscale(80%); }
.kk-city--empty:hover { opacity: .85 !important; filter: grayscale(20%); }
.kk-canvas-header,.kk-canvas-footer {
	box-sizing: border-box; width: min(100% - 32px, 1200px); margin: 16px auto;
	padding: 14px 22px; border: 1px solid var(--kk-border, rgba(100,116,139,.22));
	border-radius: 18px; background: var(--kk-surface-strong, rgba(255,255,255,.72));
	color: var(--kk-text, #182033); box-shadow: 0 10px 30px rgba(20,30,55,.08);
	backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.kk-canvas-header { display:flex; align-items:center; min-height:58px; }
.kk-canvas-header__brand { display:inline-flex; align-items:center; gap:12px; color:inherit; text-decoration:none; font-weight:700; }
.kk-canvas-header__logo { display:block; width:auto; max-width:min(180px, 50vw); max-height:46px; object-fit:contain; }
.kk-canvas-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:32px; font-size:13px; }
body.kk-dark .kk-canvas-header,body.kk-dark .kk-canvas-footer,html[data-theme='dark'] .kk-canvas-header,html[data-theme='dark'] .kk-canvas-footer { background:var(--kk-surface-strong,rgba(24,31,54,.78)); border-color:var(--kk-border,rgba(255,255,255,.10)); color:var(--kk-text,#eef1f8); }
@media(max-width:600px){.kk-canvas-header,.kk-canvas-footer{width:calc(100% - 24px);padding:12px 16px}.kk-canvas-footer{flex-wrap:wrap}}

/* === Neo-Glass Live Search Styles (v4.8.0) === */
.kk-neo-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(105,0,214,0.15);border-radius:16px;box-shadow:0 12px 32px rgba(105,0,214,0.1);z-index:9999;max-height:360px;overflow-y:auto;text-align:right;direction:rtl;}
body.dark-theme .kk-neo-search-dropdown,[data-theme="dark"] .kk-neo-search-dropdown{background:rgba(20,15,35,0.95);border-color:rgba(255,255,255,0.1);box-shadow:0 12px 32px rgba(0,0,0,0.5);}
.kk-neo-search-list{list-style:none;margin:0;padding:6px 0;}
.kk-neo-search-item a{display:block;padding:10px 18px;color:#2d3748;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease;}
body.dark-theme .kk-neo-search-item a,[data-theme="dark"] .kk-neo-search-item a{color:#e2e8f0;}
.kk-neo-search-item a:hover,.kk-neo-search-item a.is-active{background:rgba(105,0,214,0.08);color:#6900d6;}
body.dark-theme .kk-neo-search-item a:hover,body.dark-theme .kk-neo-search-item a.is-active,[data-theme="dark"] .kk-neo-search-item a:hover,[data-theme="dark"] .kk-neo-search-item a.is-active{background:rgba(105,0,214,0.25);color:#b785f6;}
.kk-neo-search-loading,.kk-neo-search-empty{padding:14px 18px;font-size:13px;color:#718096;text-align:center;}
body.dark-theme .kk-neo-search-loading,body.dark-theme .kk-neo-search-empty,[data-theme="dark"] .kk-neo-search-loading,[data-theme="dark"] .kk-neo-search-empty{color:#a0aec0;}

/* Smart Live Search v4.8.4 */
.kk-hero__form{position:relative}.kk-neo-live-search-dropdown{--live-bg:var(--kk-surface-strong,rgba(255,255,255,.97));--live-text:var(--kk-text,#131a2a);--live-muted:var(--kk-text-muted,#5b6478);position:absolute;z-index:1000;inset-inline:12px;top:calc(100% + 8px);max-height:min(440px,70vh);overflow:auto;padding:8px;color:var(--live-text);background:var(--live-bg);border:1px solid var(--kk-border-soft,rgba(29,78,216,.14));border-radius:16px;box-shadow:var(--kk-shadow-hover,0 16px 38px #0003);backdrop-filter:blur(var(--kk-glass-blur,16px));text-align:start}.kk-neo-live-search-dropdown[hidden]{display:none!important}.kk-neo-live-search-heading,.kk-neo-live-search-empty,.kk-neo-live-search-loading{padding:9px 10px;color:var(--live-muted);font-size:13px}.kk-neo-live-search-heading{font-weight:700}.kk-neo-live-search-empty,.kk-neo-live-search-loading{text-align:center;padding:15px}.kk-neo-live-item{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;color:var(--live-text);text-decoration:none}.kk-neo-live-item:hover,.kk-neo-live-item.is-active{background:rgba(105,0,214,.12);color:var(--kk-brand-2,#6900d6)}.kk-neo-live-item__title{font-weight:700}.kk-neo-live-item__location{margin-inline-start:auto;color:var(--live-muted);font-size:12px}.kk-neo-category-pill,.kk-neo-badge{display:inline-flex;padding:3px 9px;border-radius:99px;background:rgba(105,0,214,.12);color:var(--kk-brand-2,#6900d6);font-size:11px;font-weight:700}.kk-neo-badge{background:var(--kk-gradient);color:#fff}.kk-neo-live-search-loading:before{content:"";display:inline-block;width:14px;height:14px;margin-inline-end:8px;vertical-align:-3px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:kk-live-spin .7s linear infinite}@keyframes kk-live-spin{to{transform:rotate(360deg)}}[data-theme="dark"] .kk-neo-live-search-dropdown,.kk-dark .kk-neo-live-search-dropdown,.dark-mode .kk-neo-live-search-dropdown{--live-bg:rgba(17,22,39,.98);--live-text:#eef1f8;--live-muted:#a3acc0}@media(max-width:600px){.kk-neo-live-search-dropdown{inset-inline:0;max-height:60vh}}