/**
 * English / LTR overrides — loaded after theme.css when Polylang slug is "en".
 * Only direction, alignment, and language-related rules.
 */

:root {
	--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

html {
	direction: ltr;
}

body,
h1,
h2,
h3,
h4,
.section-kicker,
.cta-kicker,
.hero-kicker {
	font-family: var(--font);
}

/* Hero lead sits at inline-start in LTR */
.hero-lead {
	margin-inline-start: 0;
	margin-inline-end: auto;
}

/* Decorative kicker lines extend toward the inline-end side */
.hero-kicker::before,
.section-kicker::before {
	transform: translateX(-105%) translateY(24px);
}

.section-kicker::before {
	transform: translateX(-105%) translateY(30px);
}

/* Hardcoded RTL alignments → start/left for English */
.cat-hub-count,
.cat-hub-card-body,
.cat-hub-card--product .cat-hub-card-brand,
.cat-hub-card--product .cat-hub-card-title,
.cat-hub-card--product .cat-hub-card-model,
.cat-hub-card--product .cat-hub-card-highlight,
.cat-hub-card--product .cat-hub-card-sizes li,
.cat-hub-card--product .cat-hub-card-link {
	text-align: left;
}

.cat-hub-search {
	direction: ltr;
}

/* Breadcrumb (from breadcrumb.css) */
.alhasan-breadcrumb-list,
.alhasan-breadcrumb-item.is-current span,
.alhasan-breadcrumb-item.is-ellipsis button {
	text-align: left;
	font-family: var(--font);
}

/* Prefer Latin stack where Arabic face was hard-coded */
.cat-hub-count,
.cat-hub-card--product .cat-hub-card-body,
.product-page-title,
.product-section-heading h2,
.product-overview,
.product-overview-more,
.product-config-label,
.product-config-option,
.product-warranty p,
.product-inquiry,
.product-panel-title,
.product-panel-list li,
.product-specs-label,
.product-specs-value {
	font-family: var(--font);
}

/* Contact page */
.contact-section-title,
.contact-info-label,
.contact-info-value,
.contact-form .fluentform .ff-el-input--label label,
.contact-form .fluentform .ff-el-form-control,
.contact-form .fluentform input,
.contact-form .fluentform textarea,
.contact-form .fluentform button.ff-btn-submit,
.contact-map-placeholder-label {
	font-family: var(--font);
}

.contact-info-card-body,
.contact-section-title {
	text-align: left;
}

.contact-info-value--phones,
.contact-info-value--phones a,
.contact-info-card .link-phone,
.contact-info-card .link-email,
.contact-info-card .link-whatsapp {
	text-align: left;
}

.alhasan-location-map-title,
.alhasan-location-map-link-wrap {
	text-align: left;
}

