.namaz-minimal-settings-modal,
.namaz-minimal-modal,
.site-search__panel,
.namaz-app-sheet {
	background: var(--overlay) !important;
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

.site-search__panel {
	z-index: 120;
	width: var(--namaz-visual-viewport-width, 100vw);
	max-width: var(--namaz-visual-viewport-width, 100vw);
	overflow-x: clip;
}

.namaz-minimal-settings-modal,
.namaz-minimal-qibla-modal,
[data-calculation-modal],
[data-qibla-modal] {
	width: var(--namaz-visual-viewport-width, 100vw) !important;
	max-width: var(--namaz-visual-viewport-width, 100vw) !important;
	overflow-x: clip !important;
}

.site-search__dialog,
.namaz-app-sheet__dialog,
.namaz-minimal-settings-dialog,
.namaz-minimal-qibla-panel {
	background: var(--surface-1);
	color: var(--text-primary);
	border: 1px solid var(--border);
	box-shadow: var(--shadow-floating);
}

.site-search__dialog,
.namaz-app-sheet__dialog,
.namaz-minimal-settings-dialog {
	position: absolute !important;
	top: auto !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	max-width: var(--namaz-visual-viewport-width, 100vw) !important;
	min-width: 0 !important;
	max-height: min(78dvh, 720px) !important;
	box-sizing: border-box !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	padding: 8px 14px calc(14px + env(safe-area-inset-bottom)) !important;
	border-radius: 24px 24px 0 0 !important;
	background: var(--surface-elevated) !important;
	box-shadow: 0 -18px 46px rgba(16, 22, 18, 0.18) !important;
	transform: translateY(18px) !important;
}

.site-search__panel.is-open .site-search__dialog,
.namaz-app-sheet.is-open .namaz-app-sheet__dialog,
.namaz-minimal-settings-modal.is-open .namaz-minimal-settings-dialog,
.namaz-minimal-settings-modal:target .namaz-minimal-settings-dialog {
	transform: translateY(0) !important;
}

.site-search__field,
.site-search__option,
.namaz-minimal-settings select,
.namaz-minimal-settings button,
.namaz-minimal-settings input {
	border-color: var(--border);
	background: var(--surface-2);
	color: var(--text-primary);
}

.site-search__field {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	min-height: 52px !important;
	border: 1px solid var(--border-strong) !important;
	border-radius: 18px !important;
	background: var(--surface-1) !important;
	box-shadow: none !important;
}

.site-search__field:focus-within {
	border-color: var(--primary) !important;
	outline: 2px solid var(--primary-soft) !important;
	outline-offset: 1px !important;
}

.site-search__field input {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	font-size: 1rem !important;
	font-weight: 760 !important;
}

.site-search__field input::placeholder {
	color: var(--text-muted);
	opacity: 1;
}

.site-search__handle,
.namaz-app-sheet__handle {
	width: 38px !important;
	height: 4px !important;
	margin-bottom: 10px !important;
	background: color-mix(in srgb, var(--text-muted) 26%, transparent) !important;
}

.site-search__option:hover,
.site-search__option.is-active {
	background: var(--primary-soft);
}

.site-search__results {
	gap: 10px !important;
	margin-top: 12px !important;
	padding-bottom: 6px !important;
}

.site-search__message,
.site-search__group h3 {
	color: var(--text-secondary) !important;
	font-size: 0.88rem !important;
	font-weight: 640 !important;
	line-height: 1.35 !important;
	text-transform: none !important;
}

.site-search__group {
	gap: 8px !important;
}

.site-search__group h3 {
	font-size: 0.78rem !important;
	font-weight: 780 !important;
}

.site-search__option {
	min-width: 0 !important;
	min-height: 56px !important;
	padding: 9px 11px !important;
	border-radius: 17px !important;
	box-shadow: none !important;
}

.site-search__option:focus-visible {
	border-color: var(--primary) !important;
	outline: 2px solid var(--primary-soft) !important;
	outline-offset: 1px !important;
}

.site-search__flag {
	width: 34px !important;
	height: 34px !important;
	border-radius: 12px !important;
	background: var(--surface-2) !important;
}

.site-search__option strong {
	overflow-wrap: anywhere !important;
	font-size: 0.96rem !important;
	line-height: 1.15 !important;
}

.site-search__option small {
	overflow-wrap: anywhere !important;
	color: var(--text-secondary) !important;
	font-size: 0.78rem !important;
}

.namaz-app-toast {
	border: 1px solid rgba(255, 255, 255, 0.12);
	background: #171A1C;
	color: #FFFFFF;
	box-shadow: 0 14px 40px rgba(17, 20, 22, 0.28);
}

html[data-theme="dark"] .namaz-app-toast {
	border-color: rgba(17, 20, 22, 0.1);
	background: #FFFFFF;
	color: #171A1C;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.38);
}

.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__dialog > header,
.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__body {
	box-sizing: border-box;
	width: min(100%, 680px);
	margin-inline: auto !important;
}

.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__body {
	gap: 18px;
	padding: 20px 0 2px;
}

.namaz-app-sheet[data-sheet-kind="settings-empty"] .namaz-app-sheet__body {
	padding-top: 20px;
}

.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__body p {
	max-width: 590px;
	color: var(--text-secondary);
	font-size: 0.92rem;
	line-height: 1.55;
}

.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-primary {
	width: 100%;
	min-height: 48px !important;
	margin: 0 !important;
}

.namaz-minimal-modal {
	background: var(--overlay);
}

.namaz-minimal-map {
	max-width: 100%;
	background: var(--surface-2);
}

.namaz-minimal-qibla-panel {
	width: min(100%, var(--namaz-visual-viewport-width, 100vw), 520px) !important;
	max-width: var(--namaz-visual-viewport-width, 100vw) !important;
	max-height: min(78dvh, 720px) !important;
	box-sizing: border-box !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
}

.namaz-minimal-qibla-panel ul {
	margin-top: 14px !important;
}

.namaz-minimal-settings-description,
.namaz-minimal-location-status,
.namaz-minimal-qibla-panel p,
.site-search__message {
	color: var(--text-secondary);
}

.namaz-minimal-settings,
.namaz-minimal-settings-header,
.namaz-minimal-settings__actions,
.namaz-minimal-qibla-panel__header {
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow-x: clip !important;
}

.namaz-minimal-settings-header h2,
.namaz-minimal-qibla-panel__header h2 {
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

.namaz-minimal-settings select {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	text-overflow: ellipsis !important;
}

.namaz-minimal-settings__actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.namaz-minimal-settings__actions button,
.namaz-minimal-qibla-panel [data-find-location] {
	min-width: 0 !important;
	max-width: 100% !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

@media (max-width: 640px) {
	.site-search__dialog,
	.namaz-app-sheet__dialog,
	.namaz-minimal-settings-dialog {
		border-radius: 20px 20px 0 0;
	}

	.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__body {
		gap: 16px;
		padding-top: 20px;
	}
}

@media (min-width: 700px) {
	.site-search__dialog,
	.namaz-app-sheet__dialog,
	.namaz-minimal-settings-dialog {
		left: calc(50% - (var(--namaz-overlay-scrollbar-width, 0px) / 2)) !important;
		right: auto !important;
		width: min(calc(100vw - 48px), 1060px) !important;
		max-width: 1060px !important;
		border-radius: 24px 24px 0 0 !important;
		transform: translate(-50%, 18px) !important;
	}

	.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__dialog > header,
	.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__body {
		width: 100%;
		max-width: none;
	}

	.namaz-app-sheet[data-sheet-kind="qibla-empty"] .namaz-app-sheet__body p {
		max-width: none;
	}

	.site-search__panel.is-open .site-search__dialog,
	.namaz-app-sheet.is-open .namaz-app-sheet__dialog,
	.namaz-minimal-settings-modal.is-open .namaz-minimal-settings-dialog,
	.namaz-minimal-settings-modal:target .namaz-minimal-settings-dialog {
		transform: translate(-50%, 0) !important;
	}

	.site-search__handle,
	.namaz-app-sheet__handle {
		display: block !important;
	}

	.namaz-minimal-modal.is-open {
		inset: 0 !important;
		grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
		width: 100vw !important;
		max-width: none !important;
		height: 100dvh !important;
		max-height: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
	}

	.namaz-minimal-modal .namaz-minimal-map {
		height: 100dvh !important;
		min-height: 0 !important;
	}

	.namaz-minimal-qibla-panel {
		width: 100% !important;
		max-width: none !important;
		height: 100dvh !important;
		max-height: none !important;
		border-radius: 0 !important;
	}
}

@media (max-width: 280px) {
	.site-search__dialog,
	.namaz-app-sheet__dialog,
	.namaz-minimal-settings-dialog {
		padding-left: 8px !important;
		padding-right: 8px !important;
		border-radius: 18px 18px 0 0 !important;
	}

	.site-search__field {
		min-height: 48px !important;
		padding-left: 10px !important;
		padding-right: 7px !important;
		border-radius: 16px !important;
		gap: 7px !important;
	}

	.site-search__field input {
		font-size: 0.92rem !important;
	}

	.site-search__option {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		min-height: 50px !important;
		padding: 8px 9px !important;
		border-radius: 14px !important;
	}

	.site-search__flag {
		width: 30px !important;
		height: 30px !important;
		border-radius: 10px !important;
	}

	.site-search__option strong {
		font-size: 0.9rem !important;
	}

	.namaz-minimal-qibla-panel {
		max-height: min(82dvh, 620px) !important;
		padding: 12px !important;
		border-radius: 18px !important;
	}
}