/**
 * Gutenverse header + footer (site chrome) — scoped to pattern element IDs.
 * Litza book-author palette: forest teal primary, warm cream bg.
 *
 * @package MadUnicow_Author_Template
 */

/* --------------------------------------------------------------------------
   Header pattern: madunicow-gutenverse-header (guten-4rjaNC)
   -------------------------------------------------------------------------- */
.section-wrapper .guten-4rjaNC.guten-section,
.wp-block-gutenverse-section.guten-4rjaNC {
	background-color: #ffffff !important;
	background-image: none !important;
	box-shadow: 0 1px 0 rgba(34, 48, 122, 0.08);
	position: relative;
	z-index: 200;
}

.guten-4rjaNC .guten-column-wrapper {
	background: transparent !important;
}

.guten-4rjaNC .guten-container.guten-column-gap-no {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	row-gap: 1rem;
	width: 100%;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

/* Column 1: logo + nav (66%) */
.guten-4rjaNC .guten-5ihm0i .guten-column-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.5rem;
}

.guten-4rjaNC .guten-MWZtNJ .guten-image-wrapper img {
	max-height: 64px;
	width: auto;
	height: auto;
}

/* Gutenverse nav (hydrated output) */
.guten-4rjaNC .guten-b9mqTD.guten-nav-menu,
.guten-4rjaNC .guten-nav-menu,
.guten-4rjaNC .guten-nav-menu .guten-nav-menu-wrapper,
.guten-4rjaNC .guten-nav-menu .gutenverse-menu-wrapper,
.guten-4rjaNC .guten-nav-menu .guten-hamburger {
	flex: 1 1 240px;
	min-width: 0;
}
@media (max-width: 1200px) {
	/* Pattern ships with large left margin (88px) on the nav — avoid awkward gap */
	.guten-4rjaNC .guten-b9mqTD {
		margin: 0 !important;
	}
}

/* Nav spacing: header pattern (guten-4rjaNC) and any Gutenverse menu in page content (IDs can change after edits). */
.guten-4rjaNC .guten-nav-menu ul.gutenverse-menu,
.guten-4rjaNC .guten-nav-menu ul.menu,
.guten-4rjaNC .guten-nav-menu nav ul,
body.madunicow-classic .entry-content .guten-nav-menu ul.gutenverse-menu,
body.madunicow-classic .entry-content .guten-nav-menu ul.menu,
body.madunicow-classic .entry-content .guten-nav-menu nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem 1.85rem;
	row-gap: 0.5rem;
}

.guten-4rjaNC .guten-nav-menu ul.gutenverse-menu > li > a,
.guten-4rjaNC .guten-nav-menu ul.menu > li > a,
body.madunicow-classic .entry-content .guten-nav-menu ul.gutenverse-menu > li > a,
body.madunicow-classic .entry-content .guten-nav-menu ul.menu > li > a {
	padding: 0.5rem 0.35rem;
	white-space: nowrap;
}

.guten-4rjaNC .guten-nav-menu a,
body.madunicow-classic .entry-content .guten-nav-menu a {
	text-decoration: none;
	color: var(--madunicow-text, #151515);
	font-weight: 500;
	font-family: var(--font-sans, "Inter", system-ui, sans-serif);
}
.guten-4rjaNC .guten-nav-menu a:hover,
.guten-4rjaNC .guten-nav-menu a:focus {
	color: var(--madunicow-primary, #4b9cd3);
}

/* Social icons column */
.guten-4rjaNC .guten-GQTz7i,
.guten-4rjaNC .guten-social-icons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem 1rem;
}
.guten-4rjaNC .guten-social-icon a {
	color: var(--madunicow-primary, #22307A);
}
.guten-4rjaNC .guten-social-icon a:hover {
	color: var(--madunicow-primary-alt, #3D7DCA) !important;
}

@media (max-width: 1024px) {
	.guten-4rjaNC .guten-5ihm0i .guten-column-wrapper {
		width: 100%;
		justify-content: space-between;
	}
}

/* --------------------------------------------------------------------------
   Footer pattern: madunicow-gutenverse-footer (guten-WvjuxI, nested sections)
   -------------------------------------------------------------------------- */
.section-wrapper .guten-WvjuxI.guten-section,
.wp-block-gutenverse-section.guten-WvjuxI {
	background-color: #22307A !important;
	background-image: none !important;
}

/* Do not force pale column fills inside the footer */
.guten-WvjuxI .guten-column-wrapper,
.guten-WvjuxI [data-id] > .guten-column-wrapper {
	background: transparent !important;
}

/* Let block editor gradients/overlays on inner footer sections (vvi2A6, JHGxcM) stay intact */
.guten-WvjuxI .guten-vvi2A6 .guten-background-overlay {
	pointer-events: none;
}

.guten-WvjuxI .guten-container,
.guten-WvjuxI .guten-WbvEoA .guten-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1240px;
}

/* Footer: grid of links + logo + contact – stack on small screens */
.guten-WbvEoA .guten-CZcnCm .guten-container.guten-column-gap-no {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem 1.5rem;
}
.guten-WbvEoA .guten-RAXYeq,
.guten-WbvEoA .guten-Jmqc3z,
.guten-WbvEoA .guten-ma7FWq {
	min-width: 0;
}
@media (max-width: 768px) {
	.guten-WbvEoA .guten-CZcnCm .guten-container.guten-column-gap-no {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.guten-WbvEoA .guten-mtnlYf .list-wrapper,
	.guten-WbvEoA .guten-icon-list .list-wrapper {
		justify-content: center !important;
		align-items: center;
	}
}

/* Lower footer: copyright + social row */
.guten-aqvcsd.guten-section {
	background-color: #22307A !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
.guten-aqvcsd .guten-social-icons {
	gap: 1rem 1.5rem;
}
.guten-aqvcsd .guten-social-icon a {
	color: rgba(255, 255, 255, 0.85) !important;
}
.guten-aqvcsd .guten-social-icon a:hover {
	color: var(--madunicow-primary-alt, #3D7DCA) !important;
}