/* GeneratePress + Melek Gür — structure bridge (colors prefer Customizer) */

/* Neutralize GP default blockquote (5px left rule in main.min.css) */
body.melekgur-site blockquote {
	border-left: 0;
	padding: 0;
	margin: 0 0 1.5em;
	font-size: inherit;
	font-style: normal;
	position: static;
}

/*
 * Full-bleed #page only where Melek sections need edge-to-edge layout.
 * 404 / search / default pages keep GeneratePress .grid-container max-width
 * from Customizer → Layout → Container.
 */
body.melekgur-marketing #page.site.grid-container,
body.melekgur-site.blog #page.site.grid-container,
body.melekgur-site.archive #page.site.grid-container,
body.melekgur-site.single-post #page.site.grid-container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

body.melekgur-site .site-content,
body.melekgur-site #content {
	display: block;
}

body.melekgur-site.no-sidebar .content-area,
body.melekgur-site .content-area {
	width: 100%;
	float: none;
	margin: 0;
}

body.melekgur-marketing.one-container .site-content,
body.melekgur-marketing .inside-article,
body.melekgur-marketing .entry-content {
	padding: 0 !important;
	margin: 0;
	max-width: none;
	background: transparent;
}

body.melekgur-marketing .inside-article {
	box-shadow: none;
	border: 0;
}

body.melekgur-marketing .entry-header,
body.melekgur-marketing .page-header {
	display: none;
}

/* ---- Integrated header overlap (structure, not palette) ---- */
body.melekgur-header-integrated #page {
	margin-top: calc(-1 * var(--header-h));
}

body.melekgur-header-integrated .home-top {
	margin-top: 0;
	padding-top: calc(var(--header-h) + clamp(2.5rem, 5vw, 4rem));
}

body.melekgur-header-integrated .journal-hero {
	margin-top: 0;
	padding-top: calc(var(--header-h) + clamp(1.35rem, 2.8vw, 2.25rem));
}

body.melekgur-site #masthead.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	width: 100%;
	padding: 0;
	/* Kill the 1px cream hairline */
	border: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
	outline: 0;
	transition: background 0.3s var(--ease), transform 0.35s var(--ease), color 0.3s var(--ease);
}

/*
 * Logged-in only (body.admin-bar): sticky header sits under the fixed WP admin bar.
 * Visitors keep top: 0 — no extra gap.
 * ≤782px admin bar is absolute and scrolls away, so top stays 0.
 */
body.admin-bar.melekgur-site #masthead.site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar.melekgur-site #masthead.site-header {
		top: 0;
	}
}

body.melekgur-site #masthead.site-header.is-scrolled,
body.melekgur-site #masthead.site-header.is-solid {
	border: 0 !important;
	box-shadow: none !important;
}

body.melekgur-site #masthead.site-header.is-hidden {
	transform: translateY(-100%);
}

body.melekgur-site #masthead .inside-header.header-inner {
	min-height: var(--header-h);
	width: min(100% - (var(--pad-x) * 2), var(--container));
	margin-inline: auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	flex-wrap: nowrap;
	border: 0;
	box-shadow: none;
}

body.melekgur-site #masthead .site-branding,
body.melekgur-site #masthead .main-title {
	margin: 0;
	padding: 0;
	line-height: 1;
}

body.melekgur-site #masthead .main-title a,
body.melekgur-site #masthead .site-logo a {
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
}

body.melekgur-site #masthead .site-description {
	display: none;
}

body.melekgur-site #masthead .main-navigation {
	background: transparent;
	margin-left: auto;
	border: 0;
	box-shadow: none;
}

body.melekgur-site #masthead .main-navigation .inside-navigation {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	background: transparent;
	border: 0;
}

body.melekgur-site #masthead .main-nav ul {
	display: flex;
	align-items: center;
	gap: 2.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.melekgur-site #masthead .main-nav ul li {
	float: none;
	margin: 0;
}

body.melekgur-site #masthead .main-nav ul a {
	position: relative;
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	padding: 0 0 2px;
	line-height: 1.2;
	font-size: 1.12rem;
	font-weight: 500;
	background: transparent !important;
}

body.melekgur-site #masthead .main-nav ul a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s var(--ease), background-color 0.3s var(--ease);
}

body.melekgur-site #masthead .main-nav ul a:hover::after,
body.melekgur-site #masthead .main-nav ul .current-menu-item > a::after,
body.melekgur-site #masthead .main-nav ul .current_page_item > a::after {
	transform: scaleX(1);
}

body.melekgur-site #masthead .main-nav ul .current-menu-item > a::after,
body.melekgur-site #masthead .main-nav ul .current_page_item > a::after {
	background: var(--accent, #e07f3d);
}

body.melekgur-site #masthead .melekgur-header-social {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin-left: 0.15rem;
	padding-left: 1.25rem;
	border-left: 1px solid var(--line);
	height: 2rem;
}

body.melekgur-site #masthead .melekgur-header-social a[aria-label="LinkedIn"],
body.melekgur-site #masthead .melekgur-header-social a[aria-label="Linkedin"] {
	margin-top: -4px;
}

body.melekgur-site #masthead .melekgur-header-social a:hover,
body.melekgur-site #masthead .melekgur-header-social a:focus {
	color: var(--accent, #e07f3d);
}

body.melekgur-site #masthead .melekgur-header-cta {
	margin-left: 0.35rem;
	white-space: nowrap;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

body.melekgur-site #masthead .melekgur-header-cta.btn-nav:hover,
body.melekgur-site #masthead .melekgur-header-cta.btn-nav:focus {
	background: var(--mg-btn-bg, var(--accent, #e07f3d));
	border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
	color: var(--mg-btn-color, #ffffff);
}

/*
 * Home/Blog integrated header: only structural transparency.
 * (Customizer header bg is cream globally; home needs see-through over dark hero.)
 */
body.melekgur-header-integrated #masthead.site-header--integrated {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--base-3, #f8f1e9);
}

body.melekgur-header-integrated #masthead.site-header--integrated .main-title a,
body.melekgur-header-integrated #masthead.site-header--integrated .site-logo a,
body.melekgur-header-integrated #masthead.site-header--integrated .main-nav ul a {
	color: rgba(248, 241, 233, 0.92) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated .melekgur-header-social a {
	color: rgba(248, 241, 233, 0.92) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated .melekgur-header-social a:hover,
body.melekgur-header-integrated #masthead.site-header--integrated .melekgur-header-social a:focus {
	color: var(--accent, #e07f3d) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated .main-nav ul a:hover,
body.melekgur-header-integrated #masthead.site-header--integrated .main-nav ul .current-menu-item > a {
	color: var(--base-3, #f8f1e9) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated .melekgur-header-social {
	border-left-color: rgba(248, 241, 233, 0.2);
}

body.melekgur-header-integrated #masthead.site-header--integrated .btn-nav {
	border-color: rgba(248, 241, 233, 0.55);
	color: var(--base-3, #f8f1e9);
	background: transparent;
}

body.melekgur-header-integrated #masthead.site-header--integrated .btn-nav:hover,
body.melekgur-header-integrated #masthead.site-header--integrated .btn-nav:focus {
	background: var(--mg-btn-bg, var(--accent, #e07f3d));
	border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
	color: var(--mg-btn-color, #ffffff);
}

body.melekgur-header-integrated #masthead.site-header--integrated .menu-toggle,
body.melekgur-header-integrated #masthead.site-header--integrated .menu-toggle .gp-icon {
	color: var(--base-3, #f8f1e9) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated .menu-toggle .gp-icon svg {
	fill: currentColor;
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid {
	background-color: rgba(248, 241, 233, 0.96) !important;
	color: var(--contrast, #1a1a1a);
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .main-title a,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .site-logo a,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .main-nav ul a,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .melekgur-header-social a {
	color: var(--contrast-2, #3a342e) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .melekgur-header-social a:hover,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .melekgur-header-social a:focus {
	color: var(--accent, #e07f3d) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .main-nav ul a:hover,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .main-nav ul .current-menu-item > a {
	color: var(--contrast, #1a1a1a) !important;
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .melekgur-header-social {
	border-left-color: var(--line);
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .btn-nav {
	border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
	color: var(--contrast, #1a1a1a);
	background: transparent;
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .btn-nav:hover,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .btn-nav:focus {
	background: var(--mg-btn-bg, var(--accent, #e07f3d));
	border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
	color: var(--mg-btn-color, #ffffff);
}

body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .menu-toggle,
body.melekgur-header-integrated #masthead.site-header--integrated.is-solid .menu-toggle .gp-icon {
	color: var(--contrast, #1a1a1a) !important;
}

/* Footer wrapper: let Footer Bar / Footer Widgets Customizer colors paint */
body.melekgur-site .site-footer {
	margin-top: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

/*
 * GP defaults .site-info { text-align: center } (copyright bar).
 * Our branded footer reuses .site-info for Customizer Footer Bar colors —
 * reset alignment so columns stay left-aligned like the static design.
 */
body.melekgur-site .site-info.melekgur-footer-bar {
	width: 100%;
	text-align: left;
}

body.melekgur-site .site-info.melekgur-footer-bar .footer-tag,
body.melekgur-site .site-info.melekgur-footer-bar .footer-contact a,
body.melekgur-site .site-info.melekgur-footer-bar .footer-contact p,
body.melekgur-site .site-info.melekgur-footer-bar .footer-col a,
body.melekgur-site .site-info.melekgur-footer-bar .footer-social a,
body.melekgur-site .site-info.melekgur-footer-bar .footer-bottom p {
	color: var(--dark-muted, #b7aea3);
}

body.melekgur-site .site-info.melekgur-footer-bar .footer-col h4 {
	color: var(--base-3, #f8f1e9);
	font-weight: 700;
}

body.melekgur-site .site-info.melekgur-footer-bar .footer-contact a:hover,
body.melekgur-site .site-info.melekgur-footer-bar .footer-col a:hover,
body.melekgur-site .site-info.melekgur-footer-bar .footer-social a:hover,
body.melekgur-site .site-info.melekgur-footer-bar .footer-social a:focus {
	color: var(--accent, #e07f3d);
}

/* Logo keeps cream treatment — not accent on hover. */
body.melekgur-site .site-info.melekgur-footer-bar .footer-brand .logo,
body.melekgur-site .site-info.melekgur-footer-bar .footer-brand .logo:hover,
body.melekgur-site .site-info.melekgur-footer-bar .footer-brand .logo:focus {
	color: var(--base-3, #f8f1e9);
	white-space: nowrap;
}

body.melekgur-site .site-info .inside-site-info {
	max-width: none;
	padding: 0;
	margin: 0;
}

/* About expand: keep text-link look (not GP form buttons). */
body.melekgur-site .about-expand__toggle,
body.melekgur-site .about-expand__toggle:hover,
body.melekgur-site .about-expand__toggle:focus {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	min-height: 0 !important;
	line-height: inherit !important;
}

/* Keep testimonial arrows round; neutralize GP button padding/fill. */
body.melekgur-site .testimonials-arrow,
body.melekgur-site .testimonials-arrow:hover,
body.melekgur-site .testimonials-arrow:focus {
	padding: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	box-shadow: none !important;
}

body.melekgur-site .testimonials-arrow {
	background-color: #1a1a1a !important;
	color: #ffffff !important;
}

body.melekgur-site .testimonials-arrow:hover,
body.melekgur-site .testimonials-arrow:focus {
	background-color: var(--accent, #e07f3d) !important;
	color: #ffffff !important;
}

body.melekgur-site button.social-rail-icons__newsletter,
body.melekgur-site button.social-rail-icons__newsletter:hover,
body.melekgur-site button.social-rail-icons__newsletter:focus {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

body.melekgur-site button.social-rail-icons__newsletter {
	color: #9a9187 !important;
}

body.melekgur-site button.social-rail-icons__newsletter:hover,
body.melekgur-site button.social-rail-icons__newsletter:focus,
body.melekgur-site button.social-rail-icons__newsletter.is-pulse {
	color: var(--accent, #e07f3d) !important;
}

body.melekgur-site .footer-widgets {
	padding: clamp(2rem, 4vw, 3rem) 0 0;
}

body.melekgur-site .footer-widgets .footer-widgets-container {
	width: min(100% - (var(--pad-x) * 2), var(--container));
	margin-inline: auto;
}

body.melekgur-site .melekgur-newsletter-band {
	margin: 0;
	padding-top: clamp(2.5rem, 5vw, 3.5rem);
	padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

/* Dark sections + newsletter share Footer / Contrast black */
body.melekgur-site .section-dark,
body.melekgur-site .melekgur-newsletter-band.section-dark {
	background: var(--contrast, #1a1a1a);
}

/* Blog / single full-bleed */
body.melekgur-site.blog .inside-article,
body.melekgur-site.archive .inside-article,
body.melekgur-site.single-post .content-area,
body.melekgur-site.blog .content-area,
body.melekgur-site.archive .content-area,
body.melekgur-site.single-post .site-main,
body.melekgur-site.blog .site-main,
body.melekgur-site.archive .site-main {
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

body.melekgur-site .navigation.pagination .nav-links,
body.melekgur-site .journal-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	margin: 2.5rem 0 0;
}

/* Marketing underline fields: don't let GP form fill fight the design */
body.melekgur-site .field-line input,
body.melekgur-site .field-line textarea,
body.melekgur-site .field-line select {
	background-color: transparent !important;
	border-width: 0 0 1px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.melekgur-site .field-line input:focus,
body.melekgur-site .field-line textarea:focus,
body.melekgur-site .field-line select:focus {
	background-color: transparent !important;
	color: inherit !important;
	border-color: var(--accent, #e07f3d) !important;
}

/* Newsletter band: readable idle state on dark surface (GP form colors are for light forms). */
body.melekgur-site .melekgur-newsletter-band .field-line input,
body.melekgur-site .melekgur-newsletter-band .field-line textarea {
	color: rgba(248, 241, 233, 0.92) !important;
	border-bottom-color: rgba(248, 241, 233, 0.55) !important;
	caret-color: var(--base-3, #f8f1e9);
}

body.melekgur-site .melekgur-newsletter-band .field-line input::placeholder,
body.melekgur-site .melekgur-newsletter-band .field-line textarea::placeholder {
	color: rgba(248, 241, 233, 0.55) !important;
	opacity: 1;
}

body.melekgur-site .melekgur-newsletter-band .field-line input:focus,
body.melekgur-site .melekgur-newsletter-band .field-line textarea:focus {
	color: var(--base-3, #f8f1e9) !important;
	border-bottom-color: var(--accent, #e07f3d) !important;
}

/* Accent buttons must keep white label even when GP link color is accent. */
body.melekgur-site a.btn.btn-accent,
body.melekgur-site .btn.btn-accent {
	color: var(--mg-btn-color, #ffffff);
	background-color: var(--mg-btn-bg, var(--accent, #e07f3d));
	border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
}

body.melekgur-site a.btn.btn-accent:hover,
body.melekgur-site a.btn.btn-accent:focus,
body.melekgur-site .btn.btn-accent:hover,
body.melekgur-site .btn.btn-accent:focus {
	color: var(--mg-btn-color-hover, #ffffff);
	background-color: var(--mg-btn-bg-hover, var(--contrast, #1a1a1a));
	border-color: var(--mg-btn-bg-hover, var(--contrast, #1a1a1a));
}

/* ---- 404: centered content + breathing room ---- */
body.error404.melekgur-site.one-container .site-content,
body.error404.melekgur-site #content.site-content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(20rem, 42vh, 32rem);
	padding-top: clamp(3.25rem, 9vw, 6.5rem);
	padding-bottom: clamp(3.25rem, 9vw, 6.5rem);
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

body.error404.melekgur-site .content-area,
body.error404.melekgur-site #primary {
	width: 100%;
	max-width: 40rem;
	float: none;
	margin: 0 auto;
}

body.error404.melekgur-site #main {
	width: 100%;
}

body.error404.melekgur-site .inside-article {
	text-align: center;
	padding: 0;
	margin: 0 auto;
	max-width: 40rem;
	box-shadow: none;
	border: 0;
	background: transparent;
}

body.error404.melekgur-site .entry-header {
	margin: 0 0 0.85rem;
	text-align: center;
}

body.error404.melekgur-site .entry-title {
	margin: 0;
	text-align: center;
	line-height: 1.2;
}

body.error404.melekgur-site .entry-content {
	text-align: center;
	padding: 0;
	margin: 0;
}

body.error404.melekgur-site .entry-content > p {
	margin: 0 auto 1.5rem;
	max-width: 32ch;
}

body.error404.melekgur-site .search-form {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0.5rem;
	max-width: 22rem;
	margin: 0 auto;
	text-align: left;
}

body.error404.melekgur-site .search-form .search-field {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

@media (max-width: 1159px) {
	/* Logo + toggle share one bar, vertically centered. */
	body.melekgur-site {
		--header-h: 100px;
	}

	/* Integrated hero: only clear the header — no extra desktop breathing room. */
	body.melekgur-header-integrated .home-top {
		padding-top: var(--header-h);
	}

	body.melekgur-header-integrated .journal-hero {
		padding-top: var(--header-h);
	}

	body.melekgur-site #masthead.site-header {
		display: flex;
		align-items: center;
		min-height: var(--header-h);
		height: var(--header-h);
	}

	body.melekgur-site #masthead .inside-header.header-inner {
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: space-between;
		min-height: var(--header-h);
		height: var(--header-h);
		padding-block: 0;
		row-gap: 0;
		/* Keep side inset — do not stretch full-bleed. */
		width: min(100% - (var(--pad-x) * 2), var(--container));
		margin-inline: auto;
	}

	body.melekgur-site #masthead .site-header .logo,
	body.melekgur-site #masthead .logo {
		/* Script SVG viewBox is top-heavy; nudge for optical center. */
		transform: translateY(2px);
	}

	body.melekgur-site #masthead .site-branding {
		order: 1;
		flex: 0 1 auto;
		min-width: 0;
		display: flex;
		align-items: center;
		align-self: center;
		height: var(--header-h);
		margin: 0;
		padding: 0;
	}

	body.melekgur-site #masthead .main-title {
		display: flex;
		align-items: center;
		margin: 0;
		line-height: 1;
		height: 100%;
	}

	body.melekgur-site #masthead .main-title a,
	body.melekgur-site #masthead .site-logo a,
	body.melekgur-site #masthead .logo {
		line-height: 1;
		display: inline-flex;
		align-items: center;
		height: auto;
	}

	body.melekgur-site #masthead .logo .logo__mark {
		display: inline-flex;
		align-items: center;
		line-height: 0;
	}

	body.melekgur-site #masthead .logo .logo__mark svg {
		height: clamp(2.1rem, 6.5vw, 2.6rem);
		width: auto;
		display: block;
	}

	/* GP hide of .main-nav > ul is overridden by our desktop flex — restore it. */
	body.melekgur-site #masthead .main-navigation:not(.toggled) .main-nav > ul {
		display: none !important;
	}

	body.melekgur-site #masthead .main-navigation .inside-navigation {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		gap: 0.75rem;
		width: 100%;
	}

	body.melekgur-site #masthead .main-navigation .menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		width: auto;
		height: auto;
		min-height: 0;
		min-width: 0;
		border: 0 !important;
		border-radius: 0;
		background: transparent !important;
		box-shadow: none !important;
		outline: none !important;
		color: inherit;
		flex: 0 0 auto;
		line-height: 1;
		-webkit-tap-highlight-color: transparent;
		-webkit-appearance: none;
		appearance: none;
	}

	body.melekgur-site #masthead .main-navigation .menu-toggle:hover,
	body.melekgur-site #masthead .main-navigation .menu-toggle:active,
	body.melekgur-site #masthead .main-navigation .menu-toggle:focus,
	body.melekgur-site #masthead .main-navigation .menu-toggle:focus-visible,
	body.melekgur-site #masthead .main-navigation .menu-toggle:focus-within {
		background: transparent !important;
		background-color: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: none !important;
		color: inherit;
	}

	/* Inline mobile toggle: only the header control button is visible. */
	body.melekgur-site #masthead #site-navigation > .inside-navigation > .menu-toggle {
		display: none !important;
	}

	body.melekgur-site #masthead #mobile-menu-control-wrapper {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		align-self: center;
		order: 2;
		margin-left: auto;
		height: var(--header-h);
		background: transparent !important;
		border: 0;
		box-shadow: none;
		-webkit-tap-highlight-color: transparent;
	}

	/*
	 * 60px hit target, icon stays put — extra space expands equally left & right.
	 */
	body.melekgur-site #masthead #mobile-menu-control-wrapper .menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		align-self: center;
		width: 60px !important;
		min-width: 60px !important;
		max-width: none;
		height: var(--header-h);
		min-height: var(--header-h);
		padding: 0;
		margin: 0;
		/* Keep icon optical position; grow hit area both sides of the icon. */
		margin-inline-end: calc((60px - 1.25rem) / -2);
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		outline: none !important;
		-webkit-tap-highlight-color: transparent;
	}

	body.melekgur-site #masthead #mobile-menu-control-wrapper .menu-toggle:hover,
	body.melekgur-site #masthead #mobile-menu-control-wrapper .menu-toggle:active,
	body.melekgur-site #masthead #mobile-menu-control-wrapper .menu-toggle:focus,
	body.melekgur-site #masthead #mobile-menu-control-wrapper .menu-toggle:focus-visible {
		background: transparent !important;
		background-color: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: none !important;
	}

	body.melekgur-site #masthead .menu-toggle .gp-icon.icon-menu-bars {
		margin-top: -3px;
	}

	/* Open: X close icon optical nudge (bars keep -3px when closed). */
	body.melekgur-site #masthead .toggled .menu-toggle .gp-icon.icon-menu-bars {
		margin-top: -4px;
	}

	body.melekgur-site #masthead .main-navigation .menu-toggle .gp-icon {
		position: static;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1.25rem;
		height: 1.25rem;
		line-height: 1;
	}

	body.melekgur-site #masthead .main-navigation .menu-toggle .gp-icon svg {
		width: 1.25rem;
		height: 1.25rem;
		flex-shrink: 0;
	}

	/* GP ships bars + close SVGs; only one must show. */
	body.melekgur-site #masthead .menu-toggle .icon-menu-bars svg:nth-child(2),
	body.melekgur-site #masthead .toggled .menu-toggle .icon-menu-bars svg:nth-child(1) {
		display: none !important;
	}

	body.melekgur-site #masthead .menu-toggle .icon-menu-bars svg:nth-child(1),
	body.melekgur-site #masthead .toggled .menu-toggle .icon-menu-bars svg:nth-child(2) {
		display: block !important;
	}

	body.melekgur-site #masthead .main-navigation .menu-toggle .mobile-menu {
		display: none;
	}
	/* Closed: remove from flex flow so it cannot create an empty second row. */
	body.melekgur-site #masthead #site-navigation:not(.toggled) {
		display: none !important;
	}

	/*
	 * Open mobile nav — fixed sheet under header (dropdown / curtain).
	 * Never leave transform on #masthead while open: it makes position:fixed
	 * children resolve against the header and can hide the panel off-screen.
	 */
	body.melekgur-site #masthead:has(#site-navigation.toggled),
	body.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled),
	body.melekgur-nav-lock #masthead.site-header {
		position: sticky;
		top: 0;
		z-index: 1000;
		overflow: visible !important;
		transform: none !important;
		background-color: var(--bg, #f8f1e9) !important;
		background-image: none !important;
		color: var(--contrast, #1a1a1a);
	}

	body.admin-bar.melekgur-site #masthead:has(#site-navigation.toggled),
	body.admin-bar.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled),
	body.admin-bar.melekgur-nav-lock #masthead.site-header {
		top: 32px;
	}

	@media screen and (max-width: 782px) {
		body.admin-bar.melekgur-site #masthead:has(#site-navigation.toggled),
		body.admin-bar.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled),
		body.admin-bar.melekgur-nav-lock #masthead.site-header {
			top: 0;
		}
	}

	body.melekgur-site #masthead:has(#site-navigation.toggled) .inside-header.header-inner,
	body.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled) .inside-header.header-inner {
		flex-wrap: nowrap;
		height: var(--header-h);
		min-height: var(--header-h);
		align-content: center;
		overflow: visible !important;
	}

	body.melekgur-site #masthead:has(#site-navigation.toggled) .main-title a,
	body.melekgur-site #masthead:has(#site-navigation.toggled) .site-logo a,
	body.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled) .main-title a,
	body.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled) .site-logo a,
	body.melekgur-nav-lock #masthead .main-title a,
	body.melekgur-nav-lock #masthead .site-logo a {
		color: var(--contrast, #1a1a1a) !important;
	}

	body.melekgur-site #masthead:has(#site-navigation.toggled) .menu-toggle,
	body.melekgur-site #masthead:has(#site-navigation.toggled) .menu-toggle .gp-icon,
	body.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled) .menu-toggle,
	body.melekgur-site #masthead:has(#mobile-menu-control-wrapper.toggled) .menu-toggle .gp-icon,
	body.melekgur-nav-lock #masthead .menu-toggle,
	body.melekgur-nav-lock #masthead .menu-toggle .gp-icon {
		color: var(--contrast, #1a1a1a) !important;
		border: 0 !important;
		background: transparent !important;
	}

	/* Dim page behind the sheet (clicks pass through → JS closes on outside tap). */
	body.melekgur-nav-lock::after {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 999;
		background: rgba(26, 26, 26, 0.42);
		pointer-events: none;
	}

	body.melekgur-site #masthead #site-navigation.toggled {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		top: var(--header-h) !important;
		bottom: auto !important;
		width: 100% !important;
		max-height: min(78vh, calc(100dvh - var(--header-h))) !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		order: unset;
		flex-basis: auto;
		z-index: 1001 !important;
		background-color: var(--bg, #f8f1e9) !important;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
		box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
		transform: none !important;
		pointer-events: auto;
	}

	body.admin-bar.melekgur-site #masthead #site-navigation.toggled {
		top: calc(var(--header-h) + 32px) !important;
		max-height: min(78vh, calc(100dvh - var(--header-h) - 32px)) !important;
	}

	@media screen and (max-width: 782px) {
		body.admin-bar.melekgur-site #masthead #site-navigation.toggled {
			top: var(--header-h) !important;
			max-height: min(78vh, calc(100dvh - var(--header-h))) !important;
		}
	}

	body.melekgur-site #masthead #site-navigation.toggled .inside-navigation {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		width: min(100% - (var(--pad-x) * 2), var(--container));
		margin-inline: auto;
		padding: 0.25rem 0 1.15rem;
		background-color: var(--bg, #f8f1e9) !important;
	}

	body.melekgur-site #masthead .main-nav {
		width: 100%;
		order: 1;
		flex-basis: 100%;
	}

	body.melekgur-site #masthead .main-navigation.toggled .main-nav > ul {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		gap: 0.85rem;
		width: 100%;
		margin: 0;
		padding: 0.65rem 0 0;
		border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
		background: transparent;
	}

	body.melekgur-site #masthead .main-navigation.toggled .main-nav > ul > li {
		width: 100%;
	}

	body.melekgur-site #masthead .main-navigation.toggled .main-nav > ul a {
		display: inline-block;
		width: fit-content;
		max-width: 100%;
		padding: 0.45rem 0 calc(0.12rem + 2px);
		font-size: 1.05rem;
	}

	body.melekgur-site #masthead .main-navigation.toggled .main-nav > ul a::after {
		bottom: 0;
	}

	body.melekgur-site #masthead .main-navigation:not(.toggled) .melekgur-header-social,
	body.melekgur-site #masthead .main-navigation:not(.toggled) .melekgur-header-cta {
		display: none !important;
	}

	body.melekgur-site #masthead .main-navigation.toggled .melekgur-header-social {
		display: flex !important;
		order: 2;
		width: 100%;
		margin: 1rem 0 0;
		padding: 0.85rem 0 0;
		border-left: 0;
		border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
		height: auto;
		gap: 1rem;
		background: transparent;
	}

	body.melekgur-site #masthead .main-navigation.toggled .melekgur-header-cta {
		display: inline-flex !important;
		order: 3;
		width: 100%;
		margin: 0.85rem 0 0;
		justify-content: center;
		background: transparent;
	}

	body.melekgur-site #masthead #site-navigation.toggled .main-nav > ul a,
	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-social a {
		color: var(--contrast-2, #3a342e) !important;
	}

	body.melekgur-site #masthead #site-navigation.toggled .main-nav > ul a:hover,
	body.melekgur-site #masthead #site-navigation.toggled .main-nav > ul .current-menu-item > a,
	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-social a:hover,
	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-social a:focus {
		color: var(--contrast, #1a1a1a) !important;
	}

	body.melekgur-site #masthead #site-navigation.toggled .main-nav > ul,
	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-social {
		border-top-color: var(--line, rgba(0, 0, 0, 0.08));
	}

	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-cta {
		border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
		color: var(--contrast, #1a1a1a) !important;
		background: transparent !important;
	}

	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-cta:hover,
	body.melekgur-site #masthead #site-navigation.toggled .melekgur-header-cta:focus {
		background: var(--mg-btn-bg, var(--accent, #e07f3d)) !important;
		border-color: var(--mg-btn-bg, var(--accent, #e07f3d));
		color: var(--mg-btn-color, #ffffff) !important;
	}

	/* Page scroll locked while overlay is open (body only — locking html+body breaks position:fixed). */
	body.melekgur-nav-lock {
		overflow: hidden !important;
		overscroll-behavior: none;
	}

	/* GP mobile.css also centers .site-info — keep branded footer left. */
	body.melekgur-site .site-info.melekgur-footer-bar {
		text-align: left;
	}

	body.error404.melekgur-site.one-container .site-content,
	body.error404.melekgur-site #content.site-content {
		min-height: clamp(18rem, 38vh, 26rem);
		padding-top: clamp(2.75rem, 12vw, 4rem);
		padding-bottom: clamp(2.75rem, 12vw, 4rem);
	}
}
