/* Dana — theme typeface */
@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-thin.woff2') format('woff2'),
		url('../fonts/woff/dana-thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-extralight.woff2') format('woff2'),
		url('../fonts/woff/dana-extralight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-light.woff2') format('woff2'),
		url('../fonts/woff/dana-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-regular.woff2') format('woff2'),
		url('../fonts/woff/dana-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-medium.woff2') format('woff2'),
		url('../fonts/woff/dana-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-demibold.woff2') format('woff2'),
		url('../fonts/woff/dana-demibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-bold.woff2') format('woff2'),
		url('../fonts/woff/dana-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-extrabold.woff2') format('woff2'),
		url('../fonts/woff/dana-extrabold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-ultrabold.woff2') format('woff2'),
		url('../fonts/woff/dana-ultrabold.woff') format('woff');
	font-weight: 850;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Dana;
	src:
		url('../fonts/woff2/dana-black.woff2') format('woff2'),
		url('../fonts/woff/dana-black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--postmba-font-sans: Dana, Tahoma, sans-serif;
	/* Content column — shared width (header/footer/blocks). Cap via max-width: 92%. */
	--postmba-content-max: 1280px;
}

html {
	/* Clip 100vw full-bleed breakouts so classic scrollbars don't add horizontal scroll */
	overflow-x: clip;
}

body {
	font-family: var(--postmba-font-sans);
	font-weight: 400;
}

/**
 * Centered content column (legacy .row: 1280px / max-width ~95%).
 * 92% leaves a bit more side inset on phones/tablets than legacy 95%.
 * Use on page wrappers or as an inner shell inside full-bleed sections.
 */
.postmba-container {
	box-sizing: border-box;
	width: var(--postmba-content-max);
	max-width: 88%;
	margin-inline: auto;
}

/**
 * Full-bleed breakout from .postmba-container (or any constrained parent).
 * Opt-in: add .postmba-alignfull (or core .alignfull) on the block root.
 * Editor: ACF wraps the root in .wp-block, so also match one level down.
 * Custom HTML (e.g. CEO landing): #ceo-program-wrapper is a direct child of
 * the content column with no .wp-block wrapper on the front end.
 */
.postmba-container > .postmba-alignfull,
.postmba-container > .alignfull,
.postmba-container > .wp-block > .postmba-alignfull,
.postmba-container > .wp-block > .alignfull,
.postmba-container > #ceo-program-wrapper,
body.post-type-course .editor-styles-wrapper .is-root-container > .wp-block > .postmba-alignfull,
body.post-type-course .editor-styles-wrapper .is-root-container > .wp-block > .alignfull,
body.post-type-course .editor-styles-wrapper .is-root-container > #ceo-program-wrapper,
body.post-type-course .editor-styles-wrapper .is-root-container > .wp-block-html > #ceo-program-wrapper {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
	position: relative;
}

/* Course singles — default blocks stay in the content column. */
.postmba-course-content {
	padding-block: 0;
}

/**
 * Columns: DOM order = visual left→right in both editor and front.
 * Site html is dir=rtl, which reverses flex columns vs the (often LTR) block editor —
 * so “left column” in the editor appeared on the right on the page.
 * Force LTR on the columns row only; restore RTL inside each column for copy.
 */
.wp-block-columns {
	direction: ltr;
}

.wp-block-columns > .wp-block-column {
	direction: rtl;
}

/* Editor: match frontend column width on course / professor CPT. */
body.post-type-course .editor-styles-wrapper .is-root-container,
body.post-type-professor .editor-styles-wrapper .is-root-container {
	box-sizing: border-box;
	width: var(--postmba-content-max);
	max-width: 88%;
	margin-inline: auto;
}