/* Asem Portfolio — Print stylesheet (golden-ratio CV layout).
 *
 * Hierarchy on paper:
 *   1. Header band — name + tagline + inline contact strip
 *   2. About summary
 *   3. Stats row (3 columns)
 *   4. Experience timeline
 *   5. Skills (2 columns)
 *   6. Projects (2 columns)
 *   7. Certifications (3 columns, inline)
 *   8. Contact footer
 *
 * Typography scale (φ):  9pt → 10pt → 11.5pt → 13pt → 17pt → 22pt
 * Vertical rhythm     :  0.382rem → 0.618rem → 1rem → 1.618rem
 *
 * Drops EVERY animation / containment / viewport-based size that fights
 * the print engine — the previous version produced blank pages because
 * `break-inside: avoid` on whole sections + viewport min-heights confused
 * pagination.
 */

@media print {

	/* ─── Force ink-friendly palette regardless of dark/light toggle ─── */
	html,
	html[data-theme="dark"] {
		--wp--preset--color--bg:             #FFFFFF !important;
		--wp--preset--color--bg-elevated:    #FFFFFF !important;
		--wp--preset--color--bg-deep:        #FFFFFF !important;
		--wp--preset--color--primary:        #8C6311 !important;
		--wp--preset--color--primary-strong: #6B4A0E !important;
		--wp--preset--color--gold-bright:    #B8862E !important;
		--wp--preset--color--accent:         #1A1F2C !important;
		--wp--preset--color--text:           #1A1F2C !important;
		--wp--preset--color--muted:          #4A4438 !important;
		--wp--preset--color--border:         #C9BFA5 !important;
		--asem-card-bg:        #FFFFFF !important;
		--asem-card-bg-strong: #FFFFFF !important;
		--asem-card-shadow:        none !important;
		--asem-card-shadow-hover:  none !important;
		color-scheme: light !important;
		print-color-adjust: exact !important;
		-webkit-print-color-adjust: exact !important;
	}

	/* ─── Reset everything that fights the print engine ─────────────── */
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		transform: none !important;
		filter: none !important;
		backdrop-filter: none !important;
		text-shadow: none !important;
		box-shadow: none !important;
		content-visibility: visible !important;
		contain: none !important;
		break-inside: auto !important;
		page-break-inside: auto !important;
		break-before: auto !important;
		page-break-before: auto !important;
		break-after: auto !important;
		page-break-after: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
	}

	html, body {
		background: #FFFFFF !important;
		color: #1A1F2C !important;
		margin: 0 !important;
		padding: 0 !important;
		font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
		font-size: 10pt !important;
		line-height: 1.45 !important;
		max-width: none !important;
		width: auto !important;
	}
	[dir="rtl"] body {
		font-family: 'IBM Plex Sans Arabic', 'Tajawal', 'Cairo', sans-serif !important;
	}

	/* ─── Hide UI chrome + non-CV sections ──────────────────────────── */
	header.wp-block-group.alignfull,
	footer.wp-block-group.alignfull,
	#wpadminbar, .adminbar,
	.asem-nav, .asem-header-right,
	.asem-theme-toggle, .asem-lang-toggle,
	.asem-hero__particles, .asem-hero__glow,
	.asem-hero__scroll-hint,
	.asem-hero__ctas,
	.asem-blog-feed,
	.wp-block-asem-ai-showcase,
	.wp-block-asem-projects-filter .asem-projects__filters,
	.asem-projects__cta,
	.asem-projects__card-link,
	.asem-projects__card-glow,
	.asem-contact__vcard,
	.asem-contact__social,
	.asem-cv-download,
	.asem-booking,
	.asem-newsletter,
	.asem-related,
	.asem-post-toc,
	.asem-post-meta,
	.skip-link,
	#trp-floater-ls,
	.notice {
		display: none !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 1) HERO HEADER — name + tagline + gold rule
	 * ════════════════════════════════════════════════════════════════ */
	.asem-hero {
		padding: 0 0 0.6rem !important;
		text-align: start !important;
		background: none !important;
		border-bottom: 1.5pt solid #8C6311 !important;
		margin: 0 0 0.85rem !important;
	}
	.asem-hero__inner {
		max-width: none !important;
		margin: 0 !important;
		text-align: start !important;
	}
	.asem-hero__greeting {
		display: none !important;
	}
	.asem-hero__name {
		font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
		font-size: 22pt !important;
		font-weight: 800 !important;
		color: #1A1F2C !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
		margin: 0 0 0.18rem !important;
		letter-spacing: -0.01em !important;
	}
	.asem-hero__title {
		font-size: 11.5pt !important;
		color: #4A4438 !important;
		margin: 0 !important;
	}
	.asem-hero__rotator {
		color: #8C6311 !important;
		border-bottom: 0 !important;
		font-weight: 600 !important;
	}
	.asem-hero__caret { display: none !important; }
	.asem-hero__summary {
		font-size: 10pt !important;
		color: #1A1F2C !important;
		max-width: none !important;
		margin: 0.382rem 0 0 !important;
		line-height: 1.5 !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 2) SECTION HEADINGS — gold uppercase eyebrow + thin gold underline
	 * ════════════════════════════════════════════════════════════════ */
	.asem-timeline__head,
	.asem-skills__head,
	.asem-certs__head,
	.asem-projects__head,
	.asem-contact__head {
		text-align: start !important;
		max-width: none !important;
		margin: 0 0 0.382rem !important;
	}
	.asem-timeline__title,
	.asem-skills__title,
	.asem-certs__title,
	.asem-projects__title,
	.asem-contact__title {
		font-family: 'Playfair Display', Georgia, serif !important;
		font-size: 13pt !important;
		font-weight: 700 !important;
		color: #1A1F2C !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
		text-transform: uppercase !important;
		letter-spacing: 0.16em !important;
		margin: 0.6rem 0 0.236rem !important;
		padding: 0 0 0.18rem !important;
		border-bottom: 1pt solid #B8862E !important;
		break-after: avoid !important;
		page-break-after: avoid !important;
	}
	.asem-timeline__sub,
	.asem-skills__sub,
	.asem-certs__sub,
	.asem-projects__sub,
	.asem-contact__sub {
		font-size: 9pt !important;
		color: #4A4438 !important;
		font-style: italic !important;
		margin: 0 0 0.382rem !important;
	}
	h1, h2, h3, h4 {
		color: #1A1F2C !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
		break-after: avoid !important;
		page-break-after: avoid !important;
		font-family: 'Playfair Display', Georgia, serif !important;
	}
	h2 + *, h3 + * { break-before: avoid !important; }
	p, li { orphans: 3; widows: 3; }

	/* ════════════════════════════════════════════════════════════════
	 * 3) STATS row — three compact tiles
	 * ════════════════════════════════════════════════════════════════ */
	.wp-block-asem-stats-counter, .asem-stats {
		padding: 0 !important;
		margin: 0 0 0.618rem !important;
		background: none !important;
	}
	.asem-stats__grid {
		display: grid !important;
		grid-template-columns: repeat(6, 1fr) !important;
		gap: 0.236rem !important;
		margin: 0 !important;
	}
	.asem-stats__item {
		padding: 0.236rem 0.236rem !important;
		background: transparent !important;
		border: 1px solid #C9BFA5 !important;
		border-radius: 3pt !important;
		break-inside: avoid !important;
		text-align: center !important;
	}
	.asem-stats__value {
		font-size: 13pt !important;
		font-weight: 800 !important;
		color: #8C6311 !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
		display: block !important;
	}
	.asem-stats__label {
		font-size: 7.5pt !important;
		color: #4A4438 !important;
		display: block !important;
		margin-top: 0.18rem !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 4) EXPERIENCE timeline — flat compact list
	 * ════════════════════════════════════════════════════════════════ */
	.wp-block-asem-experience-timeline,
	.asem-timeline {
		padding: 0 !important;
		margin: 0 0 0.382rem !important;
	}
	.asem-timeline__list {
		padding: 0 !important;
		margin: 0 !important;
		list-style: none !important;
	}
	.asem-timeline__list::before { display: none !important; }
	.asem-timeline__marker { display: none !important; }
	.asem-timeline__item {
		padding: 0 !important;
		margin: 0 0 0.5rem !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
	}
	.asem-timeline__card {
		background: transparent !important;
		border: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
	}
	.asem-timeline__cardhead {
		display: flex !important;
		justify-content: space-between !important;
		align-items: baseline !important;
		gap: 0.6rem !important;
		flex-wrap: wrap !important;
	}
	.asem-timeline__role {
		font-family: 'Playfair Display', Georgia, serif !important;
		font-size: 11.5pt !important;
		font-weight: 700 !important;
		color: #1A1F2C !important;
		margin: 0 !important;
		flex: 1 1 auto !important;
	}
	.asem-timeline__company {
		font-size: 10pt !important;
		color: #1A1F2C !important;
		margin: 0 !important;
		flex: 1 1 100% !important;
	}
	.asem-timeline__company-name {
		color: #8C6311 !important;
		font-weight: 600 !important;
	}
	.asem-timeline__location {
		color: #4A4438 !important;
		font-weight: 400 !important;
	}
	.asem-timeline__dates {
		font-size: 9pt !important;
		color: #4A4438 !important;
		font-variant-numeric: tabular-nums !important;
		margin: 0 !important;
		white-space: nowrap !important;
		flex: 0 0 auto !important;
	}
	.asem-timeline__badge {
		display: inline-block !important;
		font-size: 7.5pt !important;
		padding: 1pt 5pt !important;
		border: 1px solid #B8862E !important;
		border-radius: 999px !important;
		color: #8C6311 !important;
		background: transparent !important;
		margin-inline-start: 0.236rem !important;
		text-transform: uppercase !important;
		letter-spacing: 0.05em !important;
	}
	.asem-timeline__bullets {
		margin: 0.236rem 0 0.236rem !important;
		padding-inline-start: 1rem !important;
		font-size: 9.5pt !important;
		line-height: 1.45 !important;
	}
	.asem-timeline__bullets li {
		margin: 0.12rem 0 !important;
	}
	.asem-timeline__metrics {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		gap: 0.18rem !important;
		list-style: none !important;
		padding: 0 !important;
		margin: 0.236rem 0 0 !important;
	}
	.asem-timeline__metric {
		text-align: center !important;
		padding: 0.18rem 0.18rem !important;
		background: transparent !important;
		border: 1px solid #C9BFA5 !important;
		border-radius: 2pt !important;
	}
	.asem-timeline__metric-value {
		font-size: 9.5pt !important;
		color: #8C6311 !important;
		font-weight: 700 !important;
		display: block !important;
	}
	.asem-timeline__metric-label {
		font-size: 7pt !important;
		color: #4A4438 !important;
		display: block !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 5) SKILLS — two columns of skill groups
	 * ════════════════════════════════════════════════════════════════ */
	.wp-block-asem-skills-radar, .asem-skills {
		padding: 0 !important;
		margin: 0 0 0.382rem !important;
	}
	.asem-skills__grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 0.382rem 0.618rem !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.asem-skills__group {
		background: transparent !important;
		border: 1px solid #C9BFA5 !important;
		padding: 0.382rem 0.5rem !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
		border-radius: 3pt !important;
	}
	.asem-skills__group::before { display: none !important; }
	.asem-skills__group-title {
		font-size: 9.5pt !important;
		font-weight: 700 !important;
		color: #8C6311 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.08em !important;
		margin: 0 0 0.236rem !important;
		padding: 0 !important;
	}
	.asem-skills__list {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.asem-skills__item {
		margin: 0 0 0.18rem !important;
	}
	.asem-skills__row {
		display: flex !important;
		justify-content: space-between !important;
		font-size: 9pt !important;
	}
	.asem-skills__name { color: #1A1F2C !important; }
	.asem-skills__pct {
		color: #8C6311 !important;
		font-variant-numeric: tabular-nums !important;
		font-weight: 600 !important;
	}
	.asem-skills__bar {
		height: 3pt !important;
		background: #E8E1D0 !important;
		border-radius: 2pt !important;
		overflow: hidden !important;
		margin-top: 0.12rem !important;
	}
	.asem-skills__fill {
		display: block !important;
		height: 100% !important;
		background: #B8862E !important;
		box-shadow: none !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 6) PROJECTS — two columns of compact cards
	 * ════════════════════════════════════════════════════════════════ */
	.wp-block-asem-projects-filter, .asem-projects {
		padding: 0 !important;
		margin: 0 0 0.382rem !important;
	}
	.asem-projects__grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 0.382rem !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.asem-projects__card {
		background: transparent !important;
		border: 1px solid #C9BFA5 !important;
		padding: 0.382rem 0.5rem !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
		max-height: none !important;
		border-radius: 3pt !important;
	}
	.asem-projects__card::before { display: none !important; }
	.asem-projects__meta {
		font-size: 8.5pt !important;
		color: #4A4438 !important;
		margin: 0 !important;
	}
	.asem-projects__name {
		font-family: 'Playfair Display', Georgia, serif !important;
		font-size: 10.5pt !important;
		font-weight: 700 !important;
		color: #1A1F2C !important;
		margin: 0.12rem 0 !important;
		line-height: 1.25 !important;
	}
	.asem-projects__role {
		font-size: 9pt !important;
		color: #8C6311 !important;
		font-weight: 600 !important;
		margin: 0 0 0.18rem !important;
	}
	.asem-projects__outcome {
		font-size: 9pt !important;
		color: #1A1F2C !important;
		line-height: 1.4 !important;
		margin: 0 0 0.236rem !important;
	}
	.asem-projects__metrics {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 0.12rem !important;
		list-style: none !important;
		padding: 0 !important;
		margin: 0 0 0.236rem !important;
	}
	.asem-projects__metrics li {
		text-align: center !important;
		padding: 0.12rem !important;
		border: 1px solid #C9BFA5 !important;
		border-radius: 2pt !important;
		background: transparent !important;
	}
	.asem-projects__metrics .v {
		font-size: 8.5pt !important;
		color: #8C6311 !important;
		font-weight: 700 !important;
	}
	.asem-projects__metrics .l {
		font-size: 6.5pt !important;
		color: #4A4438 !important;
	}
	.asem-projects__stack {
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0.18rem !important;
	}
	.asem-projects__stack li {
		font-size: 7pt !important;
		padding: 0.12rem 0.382rem !important;
		border: 1px solid #C9BFA5 !important;
		border-radius: 2pt !important;
		background: transparent !important;
		color: #4A4438 !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 7) CERTIFICATIONS — three compact cards in one row
	 * ════════════════════════════════════════════════════════════════ */
	.wp-block-asem-certifications-grid, .asem-certs {
		padding: 0 !important;
		margin: 0 0 0.382rem !important;
	}
	.asem-certs__grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 0.382rem !important;
		max-width: none !important;
		margin: 0 !important;
	}
	.asem-certs__card {
		background: transparent !important;
		border: 1px solid #C9BFA5 !important;
		padding: 0.382rem !important;
		text-align: center !important;
		break-inside: avoid !important;
		page-break-inside: avoid !important;
		border-radius: 3pt !important;
	}
	.asem-certs__card::before { display: none !important; }
	.asem-certs__icon {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 18pt !important;
		height: 18pt !important;
		border: 1px solid #B8862E !important;
		border-radius: 50% !important;
		background: transparent !important;
		color: #8C6311 !important;
		margin: 0 auto 0.236rem !important;
		box-shadow: none !important;
	}
	.asem-certs__icon .asem-icon {
		width: 11pt !important;
		height: 11pt !important;
	}
	.asem-certs__name {
		font-family: 'Playfair Display', Georgia, serif !important;
		font-size: 10pt !important;
		font-weight: 700 !important;
		color: #1A1F2C !important;
		margin: 0 0 0.12rem !important;
		line-height: 1.2 !important;
	}
	.asem-certs__issuer {
		font-size: 8pt !important;
		color: #4A4438 !important;
		margin: 0 !important;
	}
	.asem-certs__issuer strong {
		color: #8C6311 !important;
		font-weight: 600 !important;
	}
	.asem-certs__verify { display: none !important; }

	/* ════════════════════════════════════════════════════════════════
	 * 8) CONTACT footer — single inline strip
	 * ════════════════════════════════════════════════════════════════ */
	.wp-block-asem-contact-card, .asem-contact {
		padding: 0.382rem 0 !important;
		margin-top: 0.618rem !important;
		border-top: 1pt solid #B8862E !important;
	}
	.asem-contact__inner {
		background: transparent !important;
		border: 0 !important;
		padding: 0 !important;
		box-shadow: none !important;
		text-align: start !important;
		max-width: none !important;
	}
	.asem-contact__inner::before,
	.asem-contact__inner::after { display: none !important; }
	.asem-contact__title { display: none !important; }
	.asem-contact__sub { display: none !important; }
	.asem-contact__grid {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0.85rem !important;
		justify-content: flex-start !important;
		margin: 0 !important;
	}
	.asem-contact__chip {
		display: inline-flex !important;
		gap: 0.236rem !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		font-size: 9pt !important;
		grid-template-columns: none !important;
		align-items: center !important;
	}
	.asem-contact__icon {
		grid-row: auto !important;
		font-size: 10pt !important;
	}
	.asem-contact__icon .asem-icon {
		width: 9pt !important;
		height: 9pt !important;
	}
	.asem-contact__label { display: none !important; }
	.asem-contact__value {
		color: #1A1F2C !important;
		font-weight: 500 !important;
		font-size: 9pt !important;
	}

	/* ════════════════════════════════════════════════════════════════
	 * 9) About / summary card
	 * ════════════════════════════════════════════════════════════════ */
	.asem-summary__eyebrow,
	.has-xs-font-size {
		font-size: 9pt !important;
		color: #8C6311 !important;
		letter-spacing: 0.16em !important;
		margin: 0.382rem 0 0.18rem !important;
	}
	.asem-summary__text {
		font-size: 10pt !important;
		line-height: 1.5 !important;
		color: #1A1F2C !important;
		text-align: start !important;
		max-width: none !important;
		margin: 0 0 0.382rem !important;
	}

	/* About wrapper card border off — keep flow flat */
	#about,
	#about > .wp-block-group {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
	}

	/* ─── Inline link URLs (so paper is self-contained) ─────────────── */
	a[href^="http"]::after,
	a[href^="mailto:"]::after,
	a[href^="tel:"]::after {
		content: " · " attr(href);
		font-size: 0.85em;
		color: #4A4438;
		word-break: break-all;
	}
	a[href^="#"]::after,
	a[href^="/"]::after { content: ""; }

	/* ─── Images — never overflow a page ────────────────────────────── */
	img {
		max-width: 100% !important;
		height: auto !important;
		break-inside: avoid !important;
	}

	/* ─── Page setup — golden margins (1.62cm × 1cm) ────────────────── */
	@page {
		margin: 1cm 1cm 1.382cm 1cm;
		size: A4;
	}
	@page :first {
		margin-top: 1cm;
	}
}