/*
 * Product page typography normalization.
 *
 * Overrides typography rules for elements styled via Jupiter Theme
 * Options' custom_css field — currently the hero (.bh-vogue-*) and the
 * "Secure / Exclusively Yours / Uninterrupted Views" USP card row
 * (.bekaa-usp-card / .bekaa-usp-label / .bekaa-usp-desc).
 *
 * Theme Options remains the source of structural styles for these
 * blocks. We only override the typography properties here; geometry,
 * flex layout, animation timings, hover states, etc. stay where they
 * were so the visual structure doesn't drift.
 *
 * Reverts cleanly: dequeue this stylesheet (in functions.php) and the
 * Theme Options + child.css rules take over again.
 */

/* ======================================================================
 * Brisbane City Glimpses hero baseline
 *
 * This locks the current visual hero type before the wider heading-system
 * rollout. It intentionally touches typography/alignment only and leaves the
 * existing reveal cascade selectors in child.css untouched.
 * ====================================================================*/
body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant {
	--bekaa-hero-display-size: 52px;
	--bekaa-hero-display-leading: 0.92;
	--bekaa-hero-primary-leading: 1.5;
	--bekaa-hero-eyebrow-size: var(--bekaa-fs-eyebrow-large, 12px);
	--bekaa-hero-eyebrow-leading: 1.35;
	--bekaa-hero-eyebrow-tracking: var(--bekaa-tracking-eyebrow, 0.18em);
	text-align: left;
}

body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading {
	font-family: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif) !important;
	font-size: var(--bekaa-hero-display-size) !important;
	font-weight: 300 !important;
	line-height: var(--bekaa-hero-display-leading) !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-transform: none !important;
}

body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading-eyebrow {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-hero-eyebrow-size) !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: var(--bekaa-hero-eyebrow-leading) !important;
	letter-spacing: var(--bekaa-hero-eyebrow-tracking) !important;
	text-transform: uppercase !important;
}

body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading-title,
body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading-line {
	font-family: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif) !important;
	font-size: inherit !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading-line--primary {
	font-style: normal !important;
	font-weight: 300 !important;
	line-height: var(--bekaa-hero-primary-leading) !important;
}

body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading-line--accent {
	font-style: italic !important;
	font-weight: 500 !important;
	line-height: var(--bekaa-hero-display-leading) !important;
}

@media only screen and (max-width: 767px) {
	body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant {
		--bekaa-hero-display-size: 34px;
		--bekaa-hero-display-leading: 0.94;
		--bekaa-hero-eyebrow-leading: 1.22;
		--bekaa-hero-eyebrow-tracking: 0.16em;
		text-align: center;
	}

	body.page-id-6254 .bekaa-glimpses-cloud-hero__transplant .bekaa-hero-heading {
		text-align: center !important;
	}
}

/* ----- Section eyebrow (above the H1) ---------------------------------
 * Currently: 13px / weight 500 / letter-spacing 0.3em.
 * Wide tracking and lighter weight read as "showy". Pull in line with
 * the rest of the system. */
.bekaa-hero .bekaa-hero-heading-eyebrow {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow-large, 12px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
	line-height: 1.35 !important;
}

/* ----- Hero title + lockup -------------------------------------------
 * Title element + its two lines. Family swap to var; everything else
 * (size clamp, italic accent, dot color) is correct already. */
.bekaa-hero .bekaa-hero-heading,
.bekaa-hero .bekaa-hero-heading-title,
.bekaa-hero .bekaa-hero-heading-line--primary,
.bekaa-hero .bekaa-hero-heading-line--accent {
	font-family: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif) !important;
}

/* The .hero-red-line divider is now hidden site-wide via
 * bekaa-luxe-body.css — no per-section rule needed here. */

/* ----- Price block (.bh-vogue-amount + .bh-vogue-pp) ------------------
 * Theme Options had hard-coded "Gilda Display, serif". Swap to the
 * system variable. Soften the -2px fixed letter-spacing to a relative
 * em so it scales with the responsive font-size. */
.bekaa-hero .bh-vogue-amount {
	font-family: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif) !important;
	letter-spacing: -0.012em !important;
}

.bekaa-hero .bh-vogue-pp {
	font-family: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif) !important;
}

/* ----- Trust line — desktop ("100% PRIVATE • 100% SAFETY RECORD • …")
 * Pull into the eyebrow vocabulary at the slightly larger hero scale.
 * Bullet separators stay brand red — distinctive, ties to the dot
 * pattern on headings and tour cards. */
.bekaa-hero .bh-vogue-trust {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow-large, 12px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
}

.bekaa-hero .bh-vogue-sep {
	color: var(--bekaa-red, var(--wd-red, #ec1d25)) !important;
}

/* ----- Trust line — mobile marquee version ----------------------------
 * .bekaa-trust-marquee uses .bekaa-tm-sep instead of .bh-vogue-sep but
 * fills the same role. Keep its typography aligned. */
.bekaa-hero .bekaa-trust-marquee,
.bekaa-hero .bekaa-trust-marquee__track {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow-large, 12px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
}

.bekaa-hero .bekaa-trust-marquee .bekaa-tm-sep {
	color: var(--bekaa-red, var(--wd-red, #ec1d25)) !important;
}

/* ----- Review-text caption ("4.9/5 (458+ REVIEWS)") -------------------
 * Read as a quiet stat rather than tracked-caps shouting. */
.bekaa-hero .bh-vogue-review-text {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow, 10px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
	line-height: 1.4 !important;
}

/* ======================================================================
 * Product USP cards — "Secure. Flexible. Yours." trio
 * ====================================================================*/

/* ----- Eyebrow label --------------------------------------------------
 * Currently 11px / weight 700 / 2px tracking / red. Tracking happens to
 * be 0.18em at 11px (lucky) but weight is heavier than the system. */
.bekaa-usp-card .bekaa-usp-label {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow-large, 12px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
	line-height: 1.3 !important;
}

/* ----- Description body ----------------------------------------------
 * Bold lead-in (<strong>) + continuation paragraph. */
.bekaa-usp-card .bekaa-usp-desc {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-body, 15px) !important;
	font-weight: 400 !important;
	line-height: var(--bekaa-lh-body, 1.6) !important;
	letter-spacing: var(--bekaa-tracking-body, 0.005em) !important;
}

.bekaa-usp-card .bekaa-usp-desc strong {
	font-weight: 600 !important;
}

/* ======================================================================
 * Section eyebrow (.bekaa-kicker) on product pages
 * ====================================================================*/

/* The homepage already pulls .bekaa-kicker into the system via
 * bekaa-luxe-body.css. Mirror that on product pages by wiring the same
 * eyebrow vocabulary against any .bekaa-kicker that isn't on the home
 * transition page (so we don't fight that file's rules). */
body:not(.bekaa-home-wd-transition-page) .bekaa-kicker,
body:not(.bekaa-home-wd-transition-page) .bekaa-kicker > * {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow-large, 12px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
	line-height: 1.3 !important;
}

/* ======================================================================
 * Value-box bullet card ("Guaranteed Private", "Risk-Free Booking", …)
 * ====================================================================*/

/* ======================================================================
 * Pillars row — full-width strip below the [text | map] row.
 *
 * The pillars [vc_raw_html] block was moved out of the text column into
 * its own [vc_row_inner el_class="bekaa-pillars-row"] (direct DB edit,
 * see /Users/nikobookpro/.../claude.md for the protocol used).
 *
 * Break the row out of the section container to span the full viewport
 * width. Safe-area padding keeps pillars off the edges. Reads as a
 * deliberate "trust band" that interrupts the contained rhythm.
 * ====================================================================*/
.bekaa-pillars-row {
	position: relative;
	width: 100vw !important;
	max-width: 100vw !important;
	left: 50% !important;
	right: 50% !important;
	margin-top: 60px !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
}

.bekaa-pillars-row.bekaa-booking-pillars-row {
	margin-top: clamp(42px, 5vw, 70px) !important;
	margin-bottom: clamp(42px, 5vw, 70px) !important;
}

/* "Numbered manifesto" treatment.
 *
 * Replaces the cream-card "value-box" pattern (background, red border-left,
 * red ✓ checkmarks, bold red lead-ins) with an editorial pillar list: large
 * italic Gilda numerals (01–05) + tracked-caps eyebrow label + body
 * paragraph, separated by hairlines.
 *
 * Numerals come from a CSS counter so the existing PHP/markup stays
 * untouched. Reverts cleanly: dequeue this stylesheet and the original
 * Theme Options card chrome returns.
 */

.bekaa-value-box {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 36px clamp(24px, 5vw, 80px) 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-card-body, 14px) !important;
	font-weight: 400 !important;
	line-height: var(--bekaa-lh-body, 1.6) !important;
	letter-spacing: var(--bekaa-tracking-body, 0.005em) !important;
	counter-reset: bekaa-pillar;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	column-gap: clamp(24px, 3vw, 48px);
	row-gap: 28px;
}

/* Strip decorative ::before sheen and any hover-card transforms. */
.bekaa-value-box::before {
	display: none !important;
}

/* Each pillar: vertical column. Number on top, label, body. */
.bekaa-value-box .bekaa-value-item {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
}

/* Italic Gilda counter number — 01, 02, 03, 04, 05 */
.bekaa-value-box .bekaa-value-item::before {
	counter-increment: bekaa-pillar;
	content: counter(bekaa-pillar, decimal-leading-zero);
	display: block;
	margin-bottom: 12px;
	color: var(--bekaa-color-text, #1a1a1a);
	font-family: var(--bekaa-display, "Gilda Display", Georgia, "Times New Roman", serif);
	font-size: 22px;
	font-style: italic;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
}

/* Hide the original SVG check icon — numerals carry the rhythm now. */
.bekaa-value-box .bekaa-check {
	display: none !important;
}

/* Body paragraph: card-body vocab (14px) for compact pillar density. */
.bekaa-value-box .bekaa-value-text {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: inherit !important;
	font-size: var(--bekaa-fs-card-body, 14px) !important;
	font-weight: 400 !important;
	line-height: var(--bekaa-lh-body, 1.6) !important;
	letter-spacing: var(--bekaa-tracking-body, 0.005em) !important;
	color: var(--bekaa-color-text-muted, #555) !important;
}

/* Lead-in: small tracked-caps eyebrow on its own line. */
.bekaa-value-box .bekaa-value-text strong {
	display: block !important;
	margin: 0 0 6px !important;
	color: var(--bekaa-color-text, #1a1a1a) !important;
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow, 10px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

/* The em inside "Real Flight Time: Clocked <em>in the air</em>." stays
 * italic in the body — it's editorial emphasis, not a label. */
.bekaa-value-box .bekaa-value-text em {
	font-style: italic;
	font-weight: 400;
}

/* Pillar strip — responsive breakpoints. */
@media (max-width: 1024px) {
	.bekaa-value-box {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.bekaa-value-box {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 20px;
		row-gap: 22px;
	}

	.bekaa-pillars-row {
		margin-top: 36px !important;
	}
}

/* ======================================================================
 * Map "FLIGHT ROUTE" pill (.bekaa-map-card::after)
 * ====================================================================*/

.bekaa-map-card::after {
	font-family: var(--bekaa-system-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
	font-size: var(--bekaa-fs-eyebrow, 10px) !important;
	font-weight: 600 !important;
	letter-spacing: var(--bekaa-tracking-eyebrow, 0.18em) !important;
}