/* WBLB custom-block styling — cards for plan-card, inline UI for switcher + domain-search.
 * Loaded site-wide via inc/enqueue.php. */

/* ============================================================
 * wblb/plan-card — Plan cards (used in plans-teaser pattern)
 * ============================================================ */
.wblb-plan {
	background: #fdfaf3;
	border: 1px solid #e6dcc7;
	border-radius: 10px;
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	height: 100%;
	box-sizing: border-box;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.wblb-plan:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(31, 58, 31, 0.08);
}

.wblb-plan--featured {
	border: 2px solid #b8893d;
	background: #fdfaf3;
	box-shadow: 0 8px 24px rgba(184, 137, 61, 0.12);
}

.wblb-plan__pill {
	position: absolute;
	inset-block-start: -12px;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	background: #b8893d;
	color: #fdfaf3;
	padding: 5px 14px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* RTL: pill remains centered (translateX is unaffected by dir) */

.wblb-plan__name {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: 22px;
	color: #1f3a1f;
	margin: 0;
	padding: 0;
}

.wblb-plan__tagline {
	font-size: 13px;
	color: #8b6f3a;
	margin: 0 0 6px;
	font-style: italic;
}

.wblb-plan__price {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 36px;
	font-weight: 700;
	color: #1f3a1f;
	line-height: 1;
	margin: 8px 0 12px;
}

.wblb-plan__period {
	font-size: 14px;
	font-weight: 400;
	color: #8b6f3a;
	margin-inline-start: 4px;
}

.wblb-plan__features {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	flex: 1 1 auto;
}

.wblb-plan__features li {
	font-size: 13.5px;
	color: #3d4a3d;
	padding: 6px 0 6px 22px;
	position: relative;
	line-height: 1.5;
}

.wblb-plan__features li::before {
	content: "✓";
	color: #b8893d;
	font-weight: 700;
	position: absolute;
	inset-inline-start: 0;
	top: 6px;
}

html[dir="rtl"] .wblb-plan__features li {
	padding: 6px 22px 6px 0;
}

.wblb-plan__cta {
	display: block;
	width: 100%;
	text-align: center;
	padding: 11px 18px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	background: #1f3a1f;
	color: #fdfaf3 !important;
	text-decoration: none;
	border: 1px solid #1f3a1f;
	box-sizing: border-box;
	transition: background 0.15s ease;
}

.wblb-plan__cta:hover {
	background: #15281a;
}

.wblb-plan--featured .wblb-plan__cta {
	background: #b8893d;
	border-color: #b8893d;
}

.wblb-plan--featured .wblb-plan__cta:hover {
	background: #a0782f;
}

/* ============================================================
 * wblb/language-switcher — inline EN | ع | FR
 * ============================================================ */
.wblb-lang {
	display: inline-flex;
	align-items: center;
	gap: 0;
	font-size: 12px;
	color: inherit;
}

.wblb-lang__link {
	color: inherit !important;
	text-decoration: none;
	padding: 2px 6px;
	opacity: 0.75;
	transition: opacity 0.15s ease;
}

.wblb-lang__link:hover,
.wblb-lang__link.is-current {
	opacity: 1;
	text-decoration: none;
}

.wblb-lang__link.is-current {
	font-weight: 700;
}

/* ============================================================
 * wblb/domain-search — inline domain search form
 * ============================================================ */
.wblb-domain-search {
	display: flex;
	gap: 8px;
	margin: 12px 0;
	flex-wrap: wrap;
}

.wblb-domain-search__input {
	flex: 1 1 220px;
	min-width: 180px;
	padding: 11px 14px;
	border: 1px solid #e6dcc7;
	border-radius: 6px;
	font-size: 14px;
	font-family: inherit;
	background: #fdfaf3;
	color: #1f2e1f;
	box-sizing: border-box;
}

.wblb-domain-search__input:focus {
	outline: 2px solid #b8893d;
	outline-offset: -1px;
}

.wblb-domain-search__button {
	background: #1f3a1f !important;
	color: #fdfaf3 !important;
	border: 1px solid #1f3a1f !important;
	padding: 11px 22px !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	cursor: pointer;
	text-decoration: none;
}

.wblb-domain-search__button:hover {
	background: #15281a !important;
	border-color: #15281a !important;
}

/* ============================================================
 * wblb/price — inline price token
 * ============================================================ */
.wblb-price {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	color: #1f3a1f;
}

/* ============================================================
 * Page-level cards used in manually-composed pattern content
 * (e.g. Care tiers, Domains lanes, Email tiers — composed by
 * inner-page recipes that use core/group with border attrs)
 * ============================================================ */
/* The block editor's serialized border attrs already render
 * proper styles via WP's block.style.border classes — no
 * additional CSS needed here. Patterns include inline
 * border-color and border-radius which work standalone. */