/*
 * Landing pages (page-templates/landing.php): the home page's sections, plus
 * the few pieces only a landing page needs — a facts card beside the hero, a
 * prose block, a comparison table — and right-to-left for the Arabic pages.
 */

.bmt-landing .bmt-hero-title { font-size: clamp(2rem, 4.2vw, 3.3rem); }

.bmt-landing-card {
	padding: 30px 28px;
	border: 1px solid var(--bmt-border);
	border-radius: var(--bmt-r-lg);
	background: var(--bmt-surface);
	box-shadow: 0 30px 80px -40px var(--bmt-glow);
}
.bmt-landing-card h2 { font-size: 1.15rem; margin: 0 0 16px; }
.bmt-landing-card dl { margin: 0; display: grid; gap: 14px; }
.bmt-landing-card dt { font-family: var(--bmt-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--bmt-primary); }
.bmt-landing-card dd { margin: 3px 0 0; color: var(--bmt-muted); font-size: 15px; }

.bmt-landing-prose { max-width: 780px; margin: 0 auto; }
.bmt-landing-prose p, .bmt-landing-prose li { color: var(--bmt-muted); font-size: 1.04rem; }
.bmt-landing-prose h2 { margin-top: 1.6em; }
.bmt-landing-prose h3 { margin-top: 1.3em; }
.bmt-landing-prose strong { color: var(--bmt-text); }

.bmt-compare { width: 100%; border-collapse: collapse; margin: 0 auto; max-width: 980px; font-size: 15px; }
.bmt-compare th, .bmt-compare td { padding: 14px 16px; border-bottom: 1px solid var(--bmt-border); text-align: left; vertical-align: top; }
.bmt-compare thead th { font-family: var(--bmt-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--bmt-primary); }
.bmt-compare td { color: var(--bmt-muted); }
.bmt-compare td:first-child { color: var(--bmt-text); font-weight: 600; }
.bmt-compare-wrap { overflow-x: auto; }

.bmt-landing-cta { text-align: center; }
.bmt-landing-cta .bmt-hero-actions { justify-content: center; }

@media (max-width: 900px) {
	.bmt-landing .bmt-hero-inner { grid-template-columns: 1fr; }
	.bmt-landing .bmt-steps, .bmt-landing .bmt-feature-grid { grid-template-columns: 1fr; }
}

/* --- Arabic: Cairo throughout, right to left --- */
.bmt-lang-ar, .bmt-lang-ar h1, .bmt-lang-ar h2, .bmt-lang-ar h3, .bmt-lang-ar h4,
.bmt-lang-ar .bmt-btn, .bmt-lang-ar .bmt-eyebrow, .bmt-lang-ar summary, .bmt-lang-ar input, .bmt-lang-ar textarea {
	font-family: "Cairo", var(--bmt-font);
}
.bmt-lang-ar .bmt-eyebrow, .bmt-lang-ar .bmt-landing-card dt, .bmt-lang-ar .bmt-compare thead th { letter-spacing: 0; text-transform: none; font-size: 13px; }
.bmt-lang-ar .bmt-hero-title { line-height: 1.35; }
[dir="rtl"] .bmt-section-head-left { margin-left: auto; margin-right: 0; text-align: right; }
[dir="rtl"] .bmt-hero-points li { padding-left: 0; padding-right: 28px; }
[dir="rtl"] .bmt-hero-points li::before { left: auto; right: 3px; }
[dir="rtl"] .bmt-compare th, [dir="rtl"] .bmt-compare td { text-align: right; }
[dir="rtl"] .bmt-faq-item summary { text-align: right; }
/* The header's menu is English: it keeps its left-to-right layout on an Arabic page. */
.bmt-lang-ar .bmt-header { direction: ltr; }
.bmt-lang-ar .bmt-landing-card dt, .bmt-lang-ar .bmt-eyebrow, .bmt-lang-ar .bmt-step-num { font-family: "Cairo", var(--bmt-font); }

/* --- Guides: an article, not a pitch --- */
.bmt-article { padding-bottom: 8px; }
.bmt-article + .bmt-section { padding-top: 24px; }
.bmt-landing-prose h2 { font-size: clamp(1.35rem, 2.3vw, 1.8rem); margin: 1.8em 0 .55em; }
.bmt-landing-prose h2:first-child { margin-top: 0; }
.bmt-landing-prose a { color: var(--bmt-primary); }