/* BaAlawi POLISH Q1.2: cross-page visual consistency, owner review 10 Oct 2026.
 * Wide composition surfaces align to the 1200px navigation grid. Long-form prose
 * retains a readable inner measure instead of being stretched edge to edge. */

:root {
	--ba-q12-wide: 1200px;
	--ba-q12-copy: 760px;
	--ba-q12-copy-wide: 880px;
	--ba-q12-rule: color-mix(in srgb, var(--wp--preset--color--forest-dark) 13%, transparent);
}

/* Remove the 760px content-size leak from intentional wide page compositions. */
:is(.ba-learn-intro,.ba-learn-discovery,.ba-places-shell > .ba-page-intro,.ba-contribute-shell > .ba-page-intro,.ba-contribution-options,.ba-family-archive-intro,.ba-family-archive-query,.ba-about-hero__inner,.ba-about-mission,.ba-about-trust,.ba-about-timeline,.ba-about-welcome) {
	width: 100%;
	max-width: var(--ba-q12-wide) !important;
}

:is(.ba-learn-intro,.ba-learn-discovery,.ba-places-shell > .ba-page-intro,.ba-contribute-shell > .ba-page-intro,.ba-family-archive-intro,.ba-about-hero__inner,.ba-about-mission,.ba-about-trust,.ba-about-timeline) > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Shared intro rhythm: broad canvas, readable copy, no floating centered column. */
.ba-learn-intro > :is(.ba-section-kicker,h1,p),
.ba-places-shell > .ba-page-intro > :is(.ba-section-kicker,h1,p),
.ba-contribute-shell > .ba-page-intro > :is(.ba-section-kicker,h1,p),
.ba-family-archive-intro > :is(.ba-section-kicker,h1,p) {
	max-width: var(--ba-q12-copy-wide) !important;
}

.ba-learn-intro > .wp-block-search {
	width: min(100%, 1040px);
	max-width: 1040px !important;
}

/* Qur'an: dedicated template removes the generic duplicate title band. */
.ba-quran-page-shell {
	min-height: 60vh;
	padding-top: 0;
	padding-bottom: clamp(4rem,7vw,7rem);
}
.ba-quran-page-shell > .wp-block-post-content {
	width: 100%;
	max-width: var(--ba-q12-wide) !important;
	margin: 0 auto !important;
}
.ba-quran-page-shell .ba-quran {
	width: 100%;
	max-width: var(--ba-q12-wide);
	padding: clamp(2.75rem,4.5vw,4.5rem) 0 2rem;
}
.ba-quran-page-shell .ba-quran__intro {
	max-width: 900px;
	margin: 0 0 clamp(1.75rem,3vw,2.5rem);
}
.ba-quran-page-shell .ba-quran__intro h1 {
	max-width: 13ch;
	margin: 0 0 1rem;
	font-family: Georgia,'Times New Roman',serif;
	font-size: clamp(2.8rem,5vw,5rem);
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -.035em;
}
.ba-quran-page-shell .ba-quran__toolbar,
.ba-quran-page-shell .ba-quran__study,
.ba-quran-page-shell .ba-quran__videos,
.ba-quran-page-shell .ba-quran__chapter-heading,
.ba-quran-page-shell .ba-quran__chapter-nav,
.ba-quran-page-shell .ba-quran__verses,
.ba-quran-page-shell .ba-quran__sources {
	width: 100%;
	max-width: none;
}

/* Family archive: use the whole wide grid and give cards editorial metadata hierarchy. */
.ba-family-archive-shell {
	padding-top: clamp(3rem,5vw,5.5rem);
	padding-bottom: clamp(4rem,7vw,7rem);
}
.ba-family-archive-intro {
	margin-bottom: clamp(2.5rem,4vw,4rem);
}
.ba-family-archive-note {
	color: color-mix(in srgb, var(--wp--preset--color--forest-dark) 68%, transparent);
	font-size: .92rem;
}
.ba-family-archive-query > .wp-block-post-template {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 1.25rem;
}
.ba-family-archive-card {
	grid-template-columns: 4rem minmax(0,1fr);
	min-height: 100%;
	padding: clamp(1.35rem,2vw,1.75rem);
	background: linear-gradient(145deg,var(--wp--preset--color--white),color-mix(in srgb,var(--wp--preset--color--ivory) 86%,white));
}
.ba-family-archive-card::before {
	width: 4rem;
	min-height: 4rem;
}
.ba-family-archive-card .wp-block-post-title {
	font-size: clamp(1.65rem,2.4vw,2.25rem) !important;
}
.ba-family-archive-card .wp-block-post-excerpt {
	max-width: 52ch;
}
.ba-family-archive-card .wp-block-post-excerpt__more-link {
	display: inline-block;
	margin-top: .45rem;
}
.ba-reading-time {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin-top: .2rem;
	color: color-mix(in srgb,var(--wp--preset--color--forest-dark) 62%,transparent);
	font-size: .78rem;
	font-weight: 750;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.ba-reading-time::before {
	content: '';
	width: .55rem;
	height: .55rem;
	border: 1.5px solid currentColor;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--ivory);
}

/* Places: make the formerly empty right side an intentional wayfinding column. */
.ba-place-journey {
	position: relative;
	display: grid !important;
	grid-template-columns: minmax(150px,.72fr) minmax(0,2.15fr) minmax(150px,.72fr);
	column-gap: clamp(1.5rem,4vw,4rem);
	align-items: start;
	width: 100%;
	max-width: var(--ba-q12-wide) !important;
	padding: clamp(2.5rem,4vw,4rem) 0;
	border-top: 1px solid var(--ba-q12-rule);
}
.ba-place-journey > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.ba-place-journey > .ba-status {
	grid-column: 1;
	grid-row: 1 / span 4;
	align-self: start;
	justify-self: start;
	margin-top: .25rem !important;
}
.ba-place-journey > :is(h2,p:not(.ba-status),.wp-block-buttons) {
	grid-column: 2;
	max-width: 720px !important;
}
.ba-place-journey::after {
	content: '';
	grid-column: 3;
	grid-row: 1 / span 4;
	justify-self: end;
	width: clamp(5rem,9vw,8rem);
	aspect-ratio: 1;
	margin-top: .25rem;
	background: url('brand/baalawi-seal.png') center/contain no-repeat;
	opacity: .08;
}
.ba-place-journey--limited::after { opacity: .055; }

/* Learn: wide search and a deliberate 2x2 discovery grid. */
.ba-learn-shell {
	padding-top: clamp(3rem,5vw,5rem) !important;
}
.ba-learn-intro {
	margin-bottom: clamp(4rem,7vw,6.5rem) !important;
}
.ba-learn-discovery > :is(.ba-section-kicker,h2) {
	max-width: var(--ba-q12-copy-wide) !important;
}
.ba-learn-pathways {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 1.25rem !important;
	width: 100%;
	max-width: 1100px !important;
}
.ba-learn-pathway {
	min-height: 17rem;
	padding: clamp(1.6rem,2.5vw,2.25rem) !important;
}

/* Membership: dedicated page and a welcoming, branded two-column opening. */
.ba-membership-page-shell {
	padding: 0 0 clamp(4rem,7vw,7rem);
}
.ba-membership-page-shell > .wp-block-post-content {
	width: calc(100% - clamp(1.25rem,4vw,3rem) - clamp(1.25rem,4vw,3rem));
	max-width: var(--ba-q12-wide) !important;
	margin: 0 auto !important;
}
.ba-membership-page-shell .ba-member-shell {
	position: relative;
	width: 100%;
	max-width: var(--ba-q12-wide);
	margin: 0 auto;
	padding: clamp(3rem,6vw,6rem) 0 clamp(2rem,4vw,4rem);
	overflow: visible;
}
.ba-member-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr);
	gap: clamp(2.5rem,6vw,6rem);
	align-items: center;
	margin-bottom: clamp(2.5rem,5vw,4.5rem);
	padding: clamp(2.25rem,4.5vw,4.5rem);
	border: 1px solid var(--ba-q12-rule);
	border-radius: 1.25rem;
	background: radial-gradient(circle at 88% 12%,rgba(223,111,87,.14),transparent 13rem),radial-gradient(circle at 8% 94%,rgba(74,122,127,.12),transparent 17rem),linear-gradient(135deg,#fffdf9,var(--wp--preset--color--ivory));
	box-shadow: 0 20px 55px rgba(30,41,51,.07);
	overflow: hidden;
}
.ba-member-hero::after {
	content: '';
	position: absolute;
	right: clamp(-2rem,1vw,1rem);
	top: clamp(-1.5rem,1vw,1rem);
	width: clamp(9rem,17vw,14rem);
	aspect-ratio: 1;
	background: url('brand/baalawi-seal.png') center/contain no-repeat;
	opacity: .055;
	pointer-events: none;
}
.ba-member-hero__copy,.ba-member-hero__aside { position: relative; z-index: 1; }
.ba-member-hero__copy .ba-feature-title {
	max-width: 12ch;
	font-size: clamp(3rem,5vw,5.2rem);
}
.ba-member-hero__copy > p:last-child {
	max-width: 650px;
	font-size: 1.08rem;
	line-height: 1.75;
}
.ba-member-hero__aside { display: grid; gap: 1rem; }
.ba-member-hero__aside .ba-member-offer,
.ba-member-hero__aside .ba-member-support-option {
	margin: 0;
	background: rgba(255,255,255,.9);
	backdrop-filter: blur(8px);
}
.ba-member-hero__aside .ba-member-offer {
	display: grid;
	gap: 1rem;
}
.ba-member-hero__aside .ba-member-offer p { max-width: none; }
.ba-membership-page-shell .ba-member-steps,
.ba-membership-page-shell .ba-member-value,
.ba-membership-page-shell .ba-member-planned,
.ba-membership-page-shell .ba-member-principles,
.ba-membership-page-shell .ba-account-actions,
.ba-membership-page-shell .ba-member-status,
.ba-membership-page-shell .ba-member-note:not(.ba-member-support-option) {
	max-width: 980px;
}

/* Contribute: wide two-column composition and icon-led contribution types. */
.ba-contribute-shell { padding-top: clamp(3rem,5vw,5rem) !important; }
.ba-contribution-options {
	gap: clamp(1.25rem,3vw,2.5rem) !important;
	align-items: stretch;
}
.ba-contribution-options > .wp-block-column {
	padding: clamp(1.75rem,3vw,2.75rem);
}
.ba-send-types {
	display: grid;
	gap: .7rem;
	margin: 1.25rem 0 1.75rem;
	padding: 0;
	list-style: none;
}
.ba-send-types li {
	display: grid;
	grid-template-columns: 2.7rem minmax(0,1fr);
	gap: .9rem;
	align-items: start;
	padding: .8rem 0;
	border-bottom: 1px solid color-mix(in srgb,var(--wp--preset--color--forest-dark) 9%,transparent);
}
.ba-send-types li:last-child { border-bottom: 0; }
.ba-send-types__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.55rem;
	height: 2.55rem;
	border: 1px solid color-mix(in srgb,var(--wp--preset--color--clay) 35%,transparent);
	border-radius: .75rem;
	background: color-mix(in srgb,var(--wp--preset--color--clay) 8%,white);
	color: var(--wp--preset--color--clay);
}
.ba-send-types__icon svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.ba-send-types li > span:last-child { display: grid; gap: .2rem; }
.ba-send-types strong { font-size: 1rem; }
.ba-send-types small { color: color-mix(in srgb,var(--wp--preset--color--forest-dark) 68%,transparent); font-size: .9rem; line-height: 1.5; }

/* About: preserve approved content while making every section obey one wide-grid origin. */
.ba-about-hero__inner > :is(.ba-about-hero__kicker,.ba-about-hero__title,.ba-about-hero__lede,.ba-about-proof),
.ba-about-mission > *,
.ba-about-trust > *,
.ba-about-timeline > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.ba-about-hero__title {
	max-width: 14ch !important;
	font-size: clamp(3.8rem,6vw,6.25rem);
}
.ba-about-hero__lede { max-width: 760px !important; }
.ba-about-proof { width: min(100%, 940px); }
.ba-about-mission {
	grid-template-columns: minmax(280px,.8fr) minmax(0,1.55fr);
	column-gap: clamp(3rem,7vw,7rem);
}
.ba-about-mission__copy,.ba-about-ambition { max-width: 760px !important; }
.ba-about-trust > .ba-about-section-title { max-width: 18ch !important; }
.ba-about-principles {
	width: min(100%, 1080px);
	max-width: 1080px !important;
	grid-template-columns: repeat(2,minmax(0,1fr));
}
.ba-about-principle { min-height: 17rem; }
.ba-about-timeline__grid { width: 100%; max-width: 1080px !important; }
.ba-about-welcome { width: 100%; max-width: 1080px !important; }


/* Q1.2 visual-review corrections: normalize archive row origins and About wide-grid alignment. */
.ba-family-archive-query > .wp-block-post-template > .wp-block-post {
	margin-block-start: 0 !important;
}
.ba-family-archive-card {
	grid-template-rows: auto 1fr auto;
}
.ba-family-archive-card::before {
	grid-row: 1 / span 3;
}
.ba-family-archive-card .wp-block-post-title {
	grid-row: 1;
}
.ba-family-archive-card .wp-block-post-excerpt {
	grid-row: 2;
	align-self: start;
}
.ba-family-archive-card .ba-reading-time {
	grid-row: 3;
	align-self: end;
	padding-top: .75rem;
}

.ba-about-v2 :is(.ba-about-hero__inner,.ba-about-mission,.ba-about-trust,.ba-about-timeline,.ba-about-welcome) {
	width: calc(100% - clamp(1.25rem,4vw,3rem) - clamp(1.25rem,4vw,3rem));
	max-width: var(--ba-q12-wide) !important;
}
.ba-about-v2 .ba-about-proof {
	width: min(100%,940px);
	max-width: 940px !important;
}
.ba-about-v2 .ba-about-welcome {
	max-width: 1080px !important;
}

@media (min-width: 1200px) and (max-width: 1295px) {
	.ba-about-v2 :is(.ba-about-hero__inner,.ba-about-timeline) {
		max-width: calc(100% - 9.5rem) !important;
	}
}

@media (max-width: 1024px) {
	.ba-family-archive-query > .wp-block-post-template { grid-template-columns: 1fr; }
	.ba-place-journey { grid-template-columns: 150px minmax(0,1fr); }
	.ba-place-journey::after { display: none; }
	.ba-member-hero { grid-template-columns: 1fr; }
	.ba-member-hero__copy .ba-feature-title { max-width: 15ch; }
}

@media (max-width: 900px) {
	.ba-about-v2 .ba-about-principles { grid-template-columns: 1fr; }
	.ba-about-v2 .ba-about-principle { min-height: 0; }
}

@media (max-width: 782px) {
	.ba-quran-page-shell .ba-quran { padding-top: 2.25rem; }
	.ba-place-journey { display: block !important; padding: 2rem 0; }
	.ba-place-journey > .ba-status { margin-bottom: 1rem !important; }
	.ba-learn-pathways { grid-template-columns: 1fr; }
	.ba-learn-pathway { min-height: 0; }
	.ba-member-hero { padding: 1.6rem; border-radius: 1rem; }
	.ba-member-hero__copy .ba-feature-title { font-size: clamp(2.5rem,11vw,4rem); }
	.ba-about-hero__title { font-size: clamp(2.75rem,12vw,4.4rem); }
	.ba-about-mission { grid-template-columns: 1fr; }
	.ba-about-mission > * { grid-column: 1 !important; }
}

@media (max-width: 600px) {
	.ba-family-archive-card { grid-template-columns: 3.25rem minmax(0,1fr); padding: 1.1rem; }
	.ba-family-archive-card::before { width: 3.25rem; min-height: 3.25rem; background-size: 1.7rem auto; }
	.ba-member-hero { margin-inline: 0; }
	.ba-contribution-options > .wp-block-column { padding: 1.3rem; }
	.ba-send-types li { grid-template-columns: 2.45rem minmax(0,1fr); }
	.ba-send-types__icon { width: 2.3rem; height: 2.3rem; }
}