/* Midad Showcase: promo banners in the ad slots, footer credit, pricing page. */

.midad-promo {
	display: flex;
	box-sizing: border-box;
	border-radius: var(--midad-radius-sm, 8px);
	color: #fff;
	font-family: var(--wp--preset--font-family--sans);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.midad-promo:hover,
.midad-promo:focus-visible {
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 12px 28px -14px rgb(17 24 39 / 45%);
}

.midad-promo__cta {
	display: inline-block;
	padding: 0.5rem 0.95rem;
	border-radius: 999px;
	background: #fff;
	color: #111827;
	font-size: 0.875rem;
	font-weight: 600;
	white-space: nowrap;
}

/* Top banner, 728 × 90. */
.midad-promo--top {
	align-items: center;
	gap: 1rem;
	inline-size: min(728px, 100%);
	block-size: 90px;
	margin-inline: auto;
	padding-inline: 1.5rem;
	background: var(--wp--preset--gradient--hero);
	text-align: start;
}

.midad-promo--top .midad-promo__mark {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1;
}

.midad-promo--top .midad-promo__text {
	flex: 1;
	font-size: 0.9375rem;
	line-height: 1.4;
	opacity: 0.95;
}

@media (max-width: 600px) {
	.midad-promo--top {
		block-size: 60px;
		padding-inline: 1rem;
	}

	.midad-promo--top .midad-promo__text {
		display: none;
	}

	.midad-promo--top .midad-promo__mark {
		flex: 1;
		font-size: 1.375rem;
	}
}

/* Side columns, 160 × 600. */
.midad-promo--rail {
	flex-direction: column;
	gap: 1rem;
	inline-size: 160px;
	block-size: 600px;
	padding: 1.5rem 1rem;
	background: var(--wp--preset--gradient--hero);
	text-align: center;
	align-items: center;
}

.midad-promo__eyebrow {
	font-size: 0.75rem;
	opacity: 0.85;
}

.midad-promo__name {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.1;
}

.midad-promo__list {
	display: grid;
	gap: 0.85rem;
	margin-block: auto;
	font-size: 0.875rem;
	line-height: 1.45;
}

.midad-promo__list span::before {
	content: "✓";
	display: block;
	margin-block-end: 0.15rem;
	opacity: 0.85;
}

.midad-promo__price {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.2;
}

.midad-promo__price small {
	display: block;
	font-size: 0.75rem;
	font-weight: 400;
	opacity: 0.85;
}

.midad-promo--dark {
	background: var(--wp--preset--color--footer, #1e2026);
	color: var(--wp--preset--color--footer-text, #e6e7eb);
	justify-content: space-between;
}

.midad-promo--dark:hover,
.midad-promo--dark:focus-visible {
	color: var(--wp--preset--color--footer-text, #e6e7eb);
}

.midad-promo__title {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.5;
}

.midad-promo__swatches {
	display: flex;
	gap: 0.4rem;
}

.midad-promo__swatches i {
	inline-size: 1.75rem;
	block-size: 1.75rem;
	border: 1px solid rgb(255 255 255 / 25%);
	border-radius: 50%;
	background: #fff;
}

.midad-promo__swatches i:nth-child(2) {
	background: #1a1b23;
}

.midad-promo__swatches i:nth-child(3) {
	background: #f6f1e7;
}

.midad-promo__note {
	font-size: 0.8125rem;
	line-height: 1.5;
	opacity: 0.85;
}

/* Pricing page. */
.midad-pricing__intro {
	color: var(--wp--preset--color--contrast-2);
}

.midad-pricing {
	gap: var(--wp--preset--spacing--40) !important;
	margin-block: var(--wp--preset--spacing--50) !important;
	align-items: stretch !important;
}

.midad-plan {
	display: flex;
	flex-direction: column;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--midad-radius, 12px);
	background: var(--wp--preset--color--base);
}

.midad-plan > * {
	margin-block: 0 !important;
}

.midad-plan > * + * {
	margin-block-start: 0.75rem !important;
}

/* The badge sits on the card's top edge, out of the flow. */
.midad-plan > .midad-plan__badge + * {
	margin-block-start: 0 !important;
}

.midad-plan--featured {
	position: relative;
	border: 2px solid var(--wp--preset--color--accent);
	box-shadow: var(--midad-shadow-hover);
}

.midad-plan__badge {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: var(--wp--preset--spacing--40);
	transform: translateY(-50%);
	margin: 0 !important;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	font-size: 0.75rem;
	font-weight: 600;
}

.midad-plan__name {
	font-size: var(--wp--preset--font-size--large);
}

.midad-plan__price {
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 1;
}

.midad-plan__sites {
	color: var(--wp--preset--color--contrast-2);
}

.midad-plan__list {
	flex: 1;
	padding-inline-start: 1.1rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
}

.midad-plan__list li + li {
	margin-block-start: 0.4rem;
}

.midad-plan .wp-block-buttons {
	margin-block-start: var(--wp--preset--spacing--30) !important;
}

.midad-plan:not(.midad-plan--featured) .midad-plan__buy .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--contrast);
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

.midad-pricing__note {
	color: var(--wp--preset--color--contrast-2);
	text-align: center;
}

.midad-faq__item {
	padding-block: 1rem;
	border-block-end: 1px solid var(--wp--preset--color--border);
}

.midad-faq__item summary {
	font-weight: 600;
	cursor: pointer;
}

.midad-faq__item p {
	margin-block: 0.6rem 0;
	color: var(--wp--preset--color--contrast-2);
}

/* Features page. */
.midad-showcase-features + .midad-showcase-features {
	margin-block-start: 0 !important;
	border-block-start: 0;
}

.midad-feature--bolt {
	--midad-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2.5 4.5 13.5H12l-1 8 8.5-11H12z'/%3E%3C/svg%3E");
}

.midad-feature--moon {
	--midad-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 14.4A8.5 8.5 0 0 1 9.6 3.5a8.5 8.5 0 1 0 10.9 10.9z'/%3E%3C/svg%3E");
}

.midad-feature--palette {
	--midad-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.2 0 1.8-.9 1.4-2l-.3-.8c-.4-1.1.4-2.2 1.6-2.2H17a4 4 0 0 0 4-4c0-5-4-9-9-9z'/%3E%3Ccircle cx='7.5' cy='11' r='1'/%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='15' cy='7.5' r='1'/%3E%3C/svg%3E");
}

.midad-feature--layout {
	--midad-feature-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18M9 9v11'/%3E%3C/svg%3E");
}

.midad-stats {
	gap: var(--wp--preset--spacing--30) !important;
	margin-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) !important;
}

.midad-stat {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--midad-radius, 12px);
	background: var(--wp--preset--color--base);
	text-align: center;
}

.midad-stat > * {
	margin: 0 !important;
}

.midad-stat__value,
.midad-plan__price {
	direction: ltr;
	unicode-bidi: isolate;
}

.midad-stat__value {
	background: var(--wp--preset--gradient--hero);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: clamp(2.25rem, 5vw, 3rem);
	font-weight: 700;
	line-height: 1.15;
}

.midad-stat__label {
	margin-block-start: 0.35rem !important;
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
}

@media (max-width: 781px) {
	.midad-stats {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
	}
}

.midad-checklist {
	padding: 0;
	list-style: none;
}

.midad-checklist li {
	position: relative;
	padding-inline-start: 1.9rem;
}

.midad-checklist li + li {
	margin-block-start: 0.6rem;
}

.midad-checklist li::before {
	content: "✓";
	position: absolute;
	inset-inline-start: 0;
	display: grid;
	place-items: center;
	inline-size: 1.3rem;
	block-size: 1.3rem;
	margin-block-start: 0.2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-soft);
	color: var(--wp--preset--color--accent);
	font-size: 0.75rem;
	font-weight: 700;
}

.midad-cta {
	margin-block-start: var(--wp--preset--spacing--60) !important;
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	border-radius: var(--midad-radius-lg, 16px);
	background: var(--wp--preset--color--accent-soft);
}

.midad-cta > * {
	margin-block: 0 !important;
}

.midad-cta > * + * {
	margin-block-start: 1rem !important;
}

.midad-cta__secondary .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--contrast);
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

.midad-audience li strong {
	color: var(--wp--preset--color--contrast);
}