/* AzAd domain search — scoped under .azad-ds so Elementor styles are untouched. */

/* FolderCard typography: Sora for headings, Plus Jakarta Sans for body copy.
   Size, weight and colour stay as the Elementor heading widget defines them. */
.elementor-15618 .elementor-element.elementor-element-bf76bb2 .bdt-ep-advanced-heading-main-title-inner {
	font-family: "Sora", "Plus Jakarta Sans", system-ui, sans-serif;
	letter-spacing: -1px;
}

.elementor-15618 .elementor-element.elementor-element-bf76bb2 .bdt-ep-advanced-heading-sub-title,
.elementor-15618 .elementor-element.elementor-element-2834323 {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

.elementor-15618 .elementor-element.elementor-element-2834323 {
	text-align: center;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.elementor-15618 .elementor-element.elementor-element-2834323 h4 {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	font-weight: 500;
	margin-bottom: 0;
}

.azad-ds {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	--azad-ds-brand: #5b6cff;
	--azad-ds-brand-dark: #3d4de6;
	--azad-ds-ink: #1a1a1a;
	--azad-ds-muted: #6b7280;
	--azad-ds-line: #e6e8ee;
	--azad-ds-available: #0f7a4b;
	--azad-ds-available-bg: #e9f8f0;
	--azad-ds-taken: #8b8f98;
	--azad-ds-unknown: #8a6100;
	--azad-ds-surface: #ffffff;
	--azad-ds-soft: #f6f7fb;
	/* The Elementor parent is a flex column, so without an explicit width this
	   section shrinks to its widest child and the bar resizes with the chips. */
	width: 100%;
	align-self: stretch;
	max-width: 880px;
	margin: 0 auto;
	padding: 12px 20px 64px;
	color: var(--azad-ds-ink);
	font-size: 16px;
	line-height: 1.55;
}

.azad-ds *,
.azad-ds *::before,
.azad-ds *::after {
	box-sizing: border-box;
}

.azad-ds__form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.azad-ds__bar {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 68px;
	padding: 8px 8px 8px 22px;
	background: var(--azad-ds-surface);
	border: 1px solid var(--azad-ds-line);
	border-radius: 999px;
	box-shadow: 0 10px 28px rgba(17, 19, 24, 0.06);
}

.azad-ds__icon {
	flex: 0 0 auto;
	display: inline-flex;
	color: #8b90a0;
}

.azad-ds__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 10px 0;
	border: 0;
	background: transparent;
	color: var(--azad-ds-ink);
	font-size: 17px;
	font-family: inherit;
	letter-spacing: -0.2px;
}

.azad-ds__input::placeholder {
	color: #9aa0ad;
}

.azad-ds__input:focus {
	outline: none;
}

.azad-ds__bar:focus-within {
	border-color: #c9d0f5;
	box-shadow: 0 10px 28px rgba(17, 19, 24, 0.07), 0 0 0 3px rgba(91, 108, 255, 0.16);
}

.azad-ds .azad-ds__mode {
	flex: 0 0 88px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 88px;
	padding: 8px 12px;
	border: 0;
	background: transparent !important;
	color: #6b7280 !important;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	letter-spacing: -0.1px;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: none;
	text-transform: none;
	border-radius: 999px;
}

.azad-ds__mode-mark {
	display: inline-flex;
	color: currentColor;
}

.azad-ds .azad-ds__mode:hover,
.azad-ds .azad-ds__mode:focus,
.azad-ds .azad-ds__mode:active {
	background: var(--azad-ds-soft) !important;
	color: var(--azad-ds-ink) !important;
	box-shadow: none !important;
}

.azad-ds .azad-ds__mode.is-on,
.azad-ds .azad-ds__mode[aria-pressed="true"] {
	background: var(--azad-ds-soft) !important;
	color: var(--azad-ds-brand-dark) !important;
}

/* Scoped with the block class because the Elementor kit sets global button colours. */
.azad-ds .azad-ds__button {
	flex: 0 0 auto;
	padding: 14px 26px;
	font-size: 15px;
	font-weight: 650;
	font-family: inherit;
	color: #fff;
	background: var(--azad-ds-brand);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.15s ease;
}

.azad-ds .azad-ds__go {
	min-width: 108px;
	min-height: 52px;
}

.azad-ds .azad-ds__button:hover:not(:disabled) {
	background: var(--azad-ds-brand-dark);
	color: #fff;
}

.azad-ds .azad-ds__button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.azad-ds .azad-ds__button--ghost {
	background: var(--azad-ds-soft);
	color: var(--azad-ds-ink);
	border: 1px solid var(--azad-ds-line);
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
}

.azad-ds .azad-ds__button--ghost:hover:not(:disabled) {
	background: var(--azad-ds-ink);
	border-color: var(--azad-ds-ink);
	color: #fff;
}

.azad-ds .azad-ds__result--available .azad-ds__button--ghost {
	border-color: transparent;
	background: var(--azad-ds-available-bg);
	color: var(--azad-ds-available);
}

.azad-ds .azad-ds__result--available .azad-ds__button--ghost:hover:not(:disabled) {
	background: var(--azad-ds-available);
	color: #fff;
}

/* Honeypot: off-screen rather than display:none so naive bots still fill it. */
.azad-ds__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
}

.azad-ds__tlds {
	width: 100%;
	margin-top: 22px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	align-items: center;
}

.azad-ds__tlds-extra {
	display: none;
}

.azad-ds--more .azad-ds__tlds-extra {
	display: contents;
}

.azad-ds__chip {
	position: relative;
	display: inline-flex;
}

.azad-ds__chip input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
}

.azad-ds__chip span {
	display: inline-block;
	padding: 8px 14px;
	border: 1px solid var(--azad-ds-line);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.2px;
	color: #4b5160;
	background: var(--azad-ds-surface);
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.azad-ds__chip input:checked + span {
	background: var(--azad-ds-brand);
	border-color: var(--azad-ds-brand);
	color: #fff;
}

.azad-ds__chip:hover input:not(:checked) + span {
	border-color: #c9d0f5;
	color: var(--azad-ds-brand-dark);
}

.azad-ds__chip:hover input:checked + span {
	background: var(--azad-ds-brand-dark);
	border-color: var(--azad-ds-brand-dark);
}

.azad-ds__chip input:focus-visible + span {
	box-shadow: 0 0 0 3px rgba(91, 108, 255, 0.2);
}

.azad-ds .azad-ds__chip-all {
	margin-left: 4px;
	padding: 8px 12px;
	border: 0 !important;
	border-radius: 999px;
	background: transparent !important;
	color: var(--azad-ds-muted) !important;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.2px;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	box-shadow: none !important;
	transition: color 0.15s ease;
}

.azad-ds .azad-ds__chip-all:hover,
.azad-ds .azad-ds__chip-all:focus,
.azad-ds .azad-ds__chip-all:active {
	background: transparent !important;
	color: var(--azad-ds-brand-dark) !important;
	box-shadow: none !important;
}

.azad-ds__turnstile {
	margin-top: 18px;
	min-height: 0;
}

.azad-ds__turnstile:not(:empty) {
	min-height: 68px;
}

.azad-ds__status {
	margin-top: 18px;
	padding: 0;
	font-size: 14px;
	color: var(--azad-ds-muted);
	text-align: center;
	display: none;
}

.azad-ds__status--visible {
	display: block;
}

.azad-ds__status--error {
	color: #b3261e;
}

.azad-ds__status--info {
	color: var(--azad-ds-muted);
}

.azad-ds__results {
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

.azad-ds__result {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	padding: 16px 4px;
	border: 0;
	border-bottom: 1px solid var(--azad-ds-line);
	background: transparent;
}

.azad-ds__result:last-child {
	border-bottom: 0;
}

.azad-ds__domain {
	font-size: 17px;
	font-weight: 650;
	letter-spacing: -0.3px;
	word-break: break-all;
	flex: 1 1 200px;
}

.azad-ds__badge {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 600;
	background: transparent;
}

.azad-ds__result--available .azad-ds__badge {
	color: var(--azad-ds-available);
}

.azad-ds__result--taken .azad-ds__badge {
	color: var(--azad-ds-taken);
}

.azad-ds__result--unknown .azad-ds__badge {
	color: var(--azad-ds-unknown);
}

.azad-ds__result--taken .azad-ds__domain {
	color: #9aa0a8;
	font-weight: 500;
}

.azad-ds__skeleton {
	height: 52px;
	border-radius: 12px;
	background: linear-gradient(90deg, #f4f5f7 25%, #eceef2 50%, #f4f5f7 75%);
	background-size: 200% 100%;
	animation: azad-ds-shimmer 1.2s ease-in-out infinite;
}

@keyframes azad-ds-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
	.azad-ds__skeleton {
		animation: none;
	}
}

/* Enquiry / registration form — same light surface as the search bar. */

.azad-ds__enquiry {
	margin-top: 36px;
	border: 1px solid var(--azad-ds-line);
	border-radius: 28px;
	padding: 28px 28px 26px;
	background: var(--azad-ds-surface);
	box-shadow: 0 10px 28px rgba(17, 19, 24, 0.05);
	display: none;
}

.azad-ds__enquiry--open {
	display: block;
}

.azad-ds__enquiry-title {
	margin: 0 0 6px;
	font-size: 26px;
	font-family: "Sora", "Plus Jakarta Sans", system-ui, sans-serif;
	font-weight: 650;
	letter-spacing: -0.7px;
	color: var(--azad-ds-ink);
}

.azad-ds__enquiry-sub {
	margin: 0 0 20px;
	color: var(--azad-ds-muted);
	font-size: 15px;
}

.azad-ds__picked {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
}

.azad-ds__picked-item {
	padding: 7px 12px;
	border-radius: 999px;
	background: var(--azad-ds-available-bg);
	color: var(--azad-ds-available);
	font-size: 13px;
	font-weight: 600;
}

.azad-ds__fields {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.azad-ds__field--wide {
	grid-column: 1 / -1;
}

.azad-ds__label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #3f4650;
}

.azad-ds__control {
	width: 100%;
	padding: 13px 16px;
	font-size: 15px;
	font-family: inherit;
	color: var(--azad-ds-ink);
	border: 1px solid var(--azad-ds-line);
	border-radius: 14px;
	background: var(--azad-ds-soft);
}

.azad-ds__control:focus {
	outline: none;
	background: #fff;
	border-color: #c9d0f5;
	box-shadow: 0 0 0 3px rgba(91, 108, 255, 0.14);
}

textarea.azad-ds__control {
	min-height: 110px;
	resize: vertical;
}

.azad-ds__enquiry-actions {
	margin-top: 22px;
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}

.azad-ds__note {
	margin: 0;
	font-size: 13px;
	color: var(--azad-ds-muted);
}

/* Tablet */
@media (max-width: 900px) {
	.azad-ds {
		padding: 12px 16px 56px;
	}

	.azad-ds__bar {
		padding: 8px 8px 8px 18px;
	}
}

/* Large phone — the bar stays one row, only its inner spacing tightens. */
@media (max-width: 720px) {
	.elementor-15618 .elementor-element.elementor-element-bf76bb2 .bdt-ep-advanced-heading-main-title-inner {
		font-size: 34px;
		letter-spacing: -0.8px;
	}

	.azad-ds__bar {
		flex-wrap: nowrap;
		gap: 6px;
		padding: 6px 6px 6px 16px;
	}

	.azad-ds__input {
		font-size: 16px;
	}

	.azad-ds .azad-ds__mode {
		flex: 0 0 auto;
		min-width: 0;
		padding: 8px 10px;
	}

	.azad-ds .azad-ds__go {
		min-width: 92px;
		min-height: 48px;
		padding: 12px 18px;
	}

	.azad-ds__enquiry {
		padding: 22px 18px;
		border-radius: 22px;
	}

	.azad-ds__fields {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Small phone — drop the "More" wording and keep only its icon so the input
   keeps a usable width instead of collapsing. */
@media (max-width: 480px) {
	.elementor-15618 .elementor-element.elementor-element-bf76bb2 .bdt-ep-advanced-heading-main-title-inner {
		font-size: 28px;
	}

	.azad-ds {
		padding: 8px 14px 48px;
	}

	.azad-ds__bar {
		padding: 5px 5px 5px 14px;
		min-height: 60px;
	}

	.azad-ds__icon svg {
		width: 18px;
		height: 18px;
	}

	.azad-ds .azad-ds__mode {
		padding: 8px;
		gap: 0;
	}

	.azad-ds .azad-ds__mode [data-ds-more-label] {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.azad-ds .azad-ds__go {
		min-width: 0;
		min-height: 44px;
		padding: 11px 16px;
		font-size: 14px;
	}

	.azad-ds__chip span {
		padding: 7px 12px;
		font-size: 13px;
	}

	.azad-ds__result {
		padding: 14px 2px;
	}

	.azad-ds__domain {
		flex: 1 1 100%;
		font-size: 16px;
	}
}