/* ============================================================================
   section.css — reusable "Section with Sidebar" layout (BV pilot)
   Loaded only on pages using the "Section with Sidebar" template.
   Scoped under .cmdfw-section* so it never collides with home / bvp / gsk.
   Uses the same plain CMDFW palette hexes as base.css / home.css.
   ========================================================================== */

.cmdfw-section {
	background: #FBF3E3; /* light cream page body — the cards sit on this */
}

/* ── Section intro strip ──────────────────────────────────────────────── */
.cmdfw-section__intro {
	background: #4A1B0C;
	color: #FAEEDA;
	padding: 2.25rem 1.25rem;
}
.cmdfw-section__intro-inner {
	max-width: 1140px;
	margin: 0 auto;
}
.cmdfw-section__eyebrow {
	margin: 0 0 .35rem;
	font-size: 1.17rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #FAC775;
}
.cmdfw-section__title {
	margin: 0;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-weight: 600;
	font-size: clamp(2.33rem, 4.67vw, 3.38rem);
	line-height: 1.1;
	color: #FAEEDA;
}

/* ── Two-column layout ────────────────────────────────────────────────── */
.cmdfw-section__layout {
	max-width: 1140px;
	margin: 0 auto;
	padding: 2.5rem 1.25rem 3.5rem;
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 2.5rem;
	align-items: start;
}

/* ── Sidebar ──────────────────────────────────────────────────────────── */
.cmdfw-section-sidebar {
	position: sticky;
	top: 1.5rem; /* sits just below the sticky header */
}
.cmdfw-section-sidebar__disclosure {
	border: 1px solid rgba(186, 117, 23, 0.40); /* bronze */
	border-radius: 10px;
	background: #FFFDF8;
	overflow: hidden;
}
.cmdfw-section-sidebar__heading {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.46rem;
	font-weight: 600;
	color: #712B13; /* burgundy */
	padding: .85rem 1.1rem;
	background: rgba(250, 199, 117, 0.30); /* gold tint */
	cursor: default;
	list-style: none; /* hide default disclosure triangle on desktop */
}
.cmdfw-section-sidebar__heading::-webkit-details-marker { display: none; }

.cmdfw-section-sidebar__list {
	list-style: none;
	margin: 0;
	padding: .4rem 0 .6rem;
}
.cmdfw-section-sidebar__list li { margin: 0; }
.cmdfw-section-sidebar__list a {
	display: block;
	padding: .5rem 1.1rem;
	color: #4A1B0C;
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: background .15s ease, border-color .15s ease;
}
.cmdfw-section-sidebar__list a:hover {
	background: rgba(250, 199, 117, 0.22);
}

/* Current page — core adds .current_page_item / .current_page_ancestor */
.cmdfw-section-sidebar__list .current_page_item > a,
.cmdfw-section-sidebar__list .current_page_ancestor > a {
	font-weight: 600;
	color: #712B13;
	border-left-color: #BA7517;
	background: rgba(250, 199, 117, 0.32);
}

/* Nested children indent one level */
.cmdfw-section-sidebar__list .children a { padding-left: 2rem; }

/* Legacy / off-theme links get a small outbound marker */
.cmdfw-section-sidebar__legacy a::after {
	content: " \2197"; /* ↗ */
	color: #854F0B; /* saddle */
	font-size: .85em;
}

/* ── Content column ───────────────────────────────────────────────────── */
.cmdfw-section__content {
	background: #FFFFFF;
	border: 1px solid rgba(74, 27, 12, 0.10);
	border-radius: 10px;
	padding: 1.75rem 2rem;
	font-size: 21px; /* matches the EB Garamond base in base.css */
	line-height: 1.7;
	color: #2c2c2a;
}
.cmdfw-section__content h2,
.cmdfw-section__content h3 {
	font-family: "Cormorant Garamond", Georgia, serif;
	color: #712B13;
	line-height: 1.2;
}
.cmdfw-section__content h2 { font-size: 2.45rem; margin: 2.4rem 0 .7rem; }
.cmdfw-section__content h3 { font-size: 1.81rem; margin: 1.6rem 0 .5rem; }
.cmdfw-section__content h2:first-child,
.cmdfw-section__content h3:first-child { margin-top: 0; }
.cmdfw-section__content a { color: #854F0B; }
.cmdfw-section__content a:hover { color: #712B13; }

/* ── Mobile: stack, sidebar becomes a real collapsible disclosure ─────── */
@media (max-width: 768px) {
	.cmdfw-section__layout {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding-top: 1.75rem;
	}
	.cmdfw-section-sidebar {
		position: static;
	}
	.cmdfw-section-sidebar__heading {
		cursor: pointer;
		list-style: revert;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.cmdfw-section-sidebar__heading::after {
		content: "\25BC"; /* ▼ */
		font-size: .7em;
		color: #BA7517;
		transition: transform .15s ease;
	}
	.cmdfw-section-sidebar__disclosure:not([open]) .cmdfw-section-sidebar__heading::after {
		transform: rotate(-90deg);
	}
}

/* ── Quick-facts strip ────────────────────────────────────────────────── */
.cmdfw-section__facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin: 0 0 2rem;
}
.cmdfw-section__stat {
	background: #FBF3E3;
	border: 1px solid rgba(186, 117, 23, 0.30);
	border-radius: 10px;
	padding: 12px 8px;
	text-align: center;
}
.cmdfw-section__stat-value {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 26px;
	font-weight: 600;
	color: #4A1B0C;
	line-height: 1.1;
}
.cmdfw-section__stat-label {
	font-size: 13px;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #854F0B;
	margin-top: 3px;
}

/* ── Card grid (curriculum levels, etc.) ──────────────────────────────── */
.cmdfw-section__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin: 0 0 1rem;
}
.cmdfw-section__card {
	background: #FBF3E3;
	border: 1px solid rgba(186, 117, 23, 0.30);
	border-radius: 10px;
	padding: 16px 18px;
}
.cmdfw-section__card-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 5px;
}
.cmdfw-section__card-title {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.52rem;
	font-weight: 600;
	color: #712B13;
	line-height: 1.15;
}
.cmdfw-section__pill {
	font-size: 14px;
	font-weight: 500;
	background: rgba(250, 199, 117, 0.40);
	color: #854F0B;
	border-radius: 20px;
	padding: 2px 9px;
	white-space: nowrap;
}
.cmdfw-section__card-desc {
	font-size: 1.28rem;
	line-height: 1.55;
	color: #3a352f;
	margin: 0;
}

@media (max-width: 768px) {
	.cmdfw-section__facts { grid-template-columns: repeat(2, 1fr); }
	.cmdfw-section__cards { grid-template-columns: 1fr; }
}

/* ── Pin content body text to EB Garamond ─────────────────────────────────
   Hestia targets list items directly with its own font; that beats the
   inherited body font, so only <ul>/<li> looked "off". Pin the content's
   prose + lists explicitly. .cmdfw-home-page prefix raises specificity so
   it wins over the parent theme. */
.cmdfw-home-page .cmdfw-section__content,
.cmdfw-home-page .cmdfw-section__content p,
.cmdfw-home-page .cmdfw-section__content ul,
.cmdfw-home-page .cmdfw-section__content ol,
.cmdfw-home-page .cmdfw-section__content li,
.cmdfw-home-page .cmdfw-section__content td {
	font-family: "EB Garamond", Georgia, serif;
}

/* ── Location cards + schedule tables (Sessions / Locations page) ───────── */
.cmdfw-section__location {
	background: #FBF3E3;
	border: 1px solid rgba(186, 117, 23, 0.30);
	border-radius: 10px;
	padding: 16px 18px;
	margin: 0 0 16px;
}
.cmdfw-section__location-name {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.98rem;
	font-weight: 600;
	color: #712B13;
	margin: 0 0 2px;
	line-height: 1.15;
}
.cmdfw-section__location-addr {
	font-size: 1.28rem;
	color: #854F0B;
	margin: 0;
}
.cmdfw-section__location-addr a { color: #854F0B; }

.cmdfw-section__schedule {
	width: 100%;
	border-collapse: collapse;
	margin-top: 12px;
}
.cmdfw-section__schedule th {
	text-align: left;
	background: rgba(250, 199, 117, 0.30);
	color: #712B13;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.52rem;
	font-weight: 600;
	padding: 6px 12px;
	border-radius: 4px;
}
.cmdfw-section__schedule td {
	padding: 7px 12px;
	border-bottom: 1px solid rgba(186, 117, 23, 0.20);
}
.cmdfw-section__schedule tr:last-child td { border-bottom: none; }
.cmdfw-section__schedule td:last-child {
	white-space: nowrap;
	text-align: right;
	color: #4A1B0C;
}

/* ── Card text sizing — raised specificity so the parent theme can't shrink it ──
   The card title/description sizes were being overridden by Hestia's content
   rules. The .cmdfw-home-page + .cmdfw-section__content prefix wins the cascade,
   so these sizes hold everywhere the card component is used. */
.cmdfw-home-page .cmdfw-section__content .cmdfw-section__card-title {
	font-size: 26px;
}
.cmdfw-home-page .cmdfw-section__content .cmdfw-section__card-desc {
	font-size: 23px;
	line-height: 1.6;
}

/* ============================================================
   PEOPLE PORTRAITS  —  Gurus & Acharyas pages
   ------------------------------------------------------------
   ADD these rules to the BOTTOM of assets/css/section.css.
   Do NOT replace the file — this is purely additive (all new
   class names), so nothing already in section.css changes.
   Reusable on any "Section with Sidebar" page that shows people.
   ============================================================ */

/* photo + name sit on one row at the top of a person card */
.cmdfw-section__card-person {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 12px;
}
.cmdfw-section__card-person .cmdfw-section__card-head {
	margin: 0;
}

/* round portrait inside a card */
.cmdfw-section__card-photo {
	flex: 0 0 auto;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center 25%;
	border: 2px solid #FAC775;
	background: #fff;
}

/* featured rectangular portrait beside a prose section (Gurudev) */
.cmdfw-section__lead-photo {
	float: right;
	width: 168px;
	height: auto;
	margin: 2px 0 16px 24px;
	border-radius: 10px;
	border: 1px solid #E4CBA0;
	background: #fff;
	box-shadow: 0 6px 18px rgba(74, 27, 12, .12);
}

/* keep section headings from wrapping up beside a floated portrait */
.cmdfw-section__content h2 {
	clear: both;
}

/* on phones, stack the featured portrait instead of floating it */
@media (max-width: 600px) {
	.cmdfw-section__lead-photo {
		float: none;
		display: block;
		margin: 0 auto 18px;
	}
}

/* ============================================================
   CENTER A LONE TRAILING CARD  (e.g. the 3rd of 3)
   ------------------------------------------------------------
   ADD to the BOTTOM of assets/css/section.css (additive — new
   class only). Apply by adding "cmdfw-section__cards--center-last"
   alongside "cmdfw-section__cards" on the grid wrapper.
   Reusable: Our Centers (3 centers) and Our Acharyas (3 people).
   ============================================================ */

.cmdfw-section__cards--center-last {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 22px;
}
.cmdfw-section__cards--center-last > .cmdfw-section__card {
	flex: 0 1 calc(50% - 11px);   /* two per row, 22px gap between */
	margin: 0;
}

/* stack on phones, full width like the rest of the page */
@media (max-width: 600px) {
	.cmdfw-section__cards--center-last > .cmdfw-section__card {
		flex-basis: 100%;
	}
}

/* Full-width variant — single column, no sidebar (Contact, standalone pages) */
.cmdfw-section__layout--full { display: block; }