/* Brand masthead */
.yw-masthead {
	position: relative;
	min-height: 280px;
	overflow: hidden;

	background-image:
		linear-gradient(
			to right,
			rgba(0, 92, 158, 0.10),
			rgba(0, 92, 158, 0.02)
		),
		url("https://yokohama-window.com/wp-content/uploads/2026/09/header-backimage.png");

	background-size: 100% auto;
	background-position: center  72%;
	background-repeat: no-repeat;
	background-color: #72c8ee;
}
.yw-masthead__logo {
	display: block;
	width: min(650px, 46vw);
	max-width: 100%;
	height: auto;
	filter: drop-shadow(0 2px 4px rgba(0, 45, 80, .25));
}
.yw-masthead__brand {
	transform: translateY(-8px);
}
.yw-masthead__subtitle,
.yw-masthead__tagline,
.yw-masthead__message {
	color: #fff;
	text-shadow:
		0 2px 4px rgba(0, 45, 80, .45),
		0 1px 8px rgba(0, 45, 80, .25);
}
.yw-masthead__content {
	display: flex; justify-content: space-between; gap: 30px; align-items: flex-start;
	padding-top: 18px;
	text-shadow: 0 2px 8px rgba(0,74,123,.25);
}
.yw-masthead__subtitle { margin: 9px 0 3px; font-size: clamp(1rem, 2vw, 1.35rem); font-weight: 800; }
.yw-masthead__tagline { margin: 0; font-weight: 700; }
.yw-masthead__message { margin: 20px 0 0; font-weight: 800; line-height: 1.7; }

.l-header__logo img {
	width: 190px;
	max-width: 100%;
	height: auto;
}

/* Arkhe header tuning */
.yw-site .l-header { background: rgba(255,255,255,.96); border-bottom: 1px solid #e5edf4; box-shadow: 0 4px 18px rgba(9,83,135,.06); }
.yw-site .l-header__body { min-height: 0;height: auto; }
.yw-site .c-headLogo { font-weight: 900; color: var(--yw-blue-deep); }
.yw-site .l-header .c-gnav > li > a { font-weight: 700; color: var(--yw-ink); }
.yw-site .l-header .c-gnav > li > a:hover { color: var(--yw-blue); }
.yw-site .l-header__center {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.yw-site .l-header__logo .c-headLogo {
		display: flex;
		align-items: center;
		height: 38px;
	}
	.yw-site .l-header__logo img {
		width: auto;
		height: 38px;
		max-width: 190px;
	}
	.yw-site .l-header__logo {
		transform: translateY(0px);
	}

/* Footer */
.yw-footer-brand { padding: 34px 0 20px; background: #fff; border-top: 1px solid var(--yw-line); }
.yw-footer-brand__inner { display: flex; justify-content: space-between; gap: 28px; align-items: flex-end; }
.yw-footer-brand strong { font-size: 1.35rem; color: var(--yw-blue-deep); }
.yw-footer-brand p { margin: 5px 0 0; color: var(--yw-muted); }
.yw-footer-brand__phrase { font-style: italic; font-weight: 800; color: var(--yw-blue-deep) !important; text-align: right; }
.yw-site .l-footer__foot { background: #f8fcff; border-top: 1px solid var(--yw-line); }

@media (max-width: 760px) {
	.yw-masthead__logo {
		width: min(82vw, 430px);
	}
	.yw-masthead__brand {
		transform: translateY(-14px);
	}
	.yw-masthead__subtitle {
		margin: 3px 0 2px;
		font-size: 1rem;
		line-height: 1.35;
	}
	.yw-masthead__tagline {
		font-size: .82rem;
		line-height: 1.45;
	}
	.yw-masthead {
		min-height: 220px;
		background-size: cover;
		background-position: 44% bottom;
	}
	.yw-masthead__content { padding-top: 18px; }
	.l-header__logo img {
		width: 190px;
	}
	.yw-site .l-header__body {
		min-height: 56px;
	}
	.yw-masthead__message { display: none; }
	.yw-footer-brand__inner { display: block; }
	.yw-footer-brand__phrase { text-align: left; margin-top: 18px !important; }
}

/* WP-WEB-01 v0.3.0 footer finishing */
.yw-footer-brand {
	padding: 34px 0 0;
	background: #fff;
	border-top: 1px solid var(--yw-line);
}

.yw-footer-brand__inner {
	display: grid;
	grid-template-columns: minmax(210px, .9fr) minmax(280px, 1.5fr) minmax(170px, .7fr);
	gap: 22px;
	align-items: end;
}

.yw-footer-brand__copy strong {
	display: block;
	font-size: 1.35rem;
	letter-spacing: .01em;
	color: var(--yw-blue-deep);
}

.yw-footer-brand__copy p {
	margin: 6px 0 0;
	font-size: .82rem;
	line-height: 1.65;
}

.yw-footer-brand__skyline {
	align-self: end;
}

.yw-footer-brand__skyline img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 92px;
	object-fit: contain;
	object-position: center bottom;
}

.yw-footer-brand__phrase {
	margin: 0 0 6px !important;
	font-size: .82rem;
	line-height: 1.45;
}

.yw-footer-nav-row {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	margin-top: 22px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-top: 1px solid var(--yw-line);
}

.yw-footer-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	align-items: center;
}

.yw-footer-nav a {
	padding: 0 10px;
	border-right: 1px solid #b8cbd7;
	color: #35566d;
	font-size: .73rem;
	line-height: 1.4;
	text-decoration: none !important;
}

.yw-footer-nav a:first-child {
	padding-left: 0;
}

.yw-footer-nav a:last-child {
	border-right: 0;
}

.yw-footer-nav a:hover {
	color: var(--yw-blue);
}

.yw-footer-copyright {
	margin: 0 !important;
	color: #5c7487 !important;
	font-size: .68rem;
	white-space: nowrap;
}

/* The child-theme footer owns the visible brand/navigation/copyright row. */
.yw-site .l-footer__foot {
	display: none;
}

@media (max-width: 900px) {
	.yw-footer-brand__inner {
		grid-template-columns: 1fr 1.2fr;
	}

	.yw-footer-brand__phrase {
		grid-column: 1 / -1;
		text-align: right;
	}

	.yw-footer-nav-row {
		display: block;
	}

	.yw-footer-copyright {
		margin-top: 12px !important;
		text-align: right;
	}
}

@media (max-width: 640px) {
	.yw-footer-brand {
		padding-top: 26px;
	}

	.yw-footer-brand__inner {
		display: block;
	}

	.yw-footer-brand__skyline {
		margin-top: 18px;
	}

	.yw-footer-brand__phrase {
		margin-top: 10px !important;
		text-align: left;
	}

	.yw-footer-nav {
		row-gap: 8px;
	}

	.yw-footer-nav a {
		padding: 0 8px;
		font-size: .72rem;
	}

	.yw-footer-copyright {
		text-align: left;
		white-space: normal;
	}
}