/*
Theme Name: 沃映品牌平台
Author: WALK_IN
Description: 沃映 WALK_IN 多站點品牌平台 Block Theme，以共用核心及每站品牌設定支援集合站與品牌子站。
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 2.4.1
Text Domain: walk-in-platform
*/

/* 主要樣式由 functions.php 依用途載入，避免使用 @import。 */

/* 首頁品牌卡：讓按鈕與狀態依序排列，並將底部資訊對齊。 */
.page-walkin-home .walkin-brand-card {
	display: flex !important;
	flex-direction: column;
	min-height: 26rem;
	padding-bottom: 2rem;
}

.page-walkin-home .walkin-brand-card .walkin-brand-card-action {
	margin-block-start: auto !important;
}

.page-walkin-home .walkin-brand-card .walkin-status {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	margin: 1rem 0 0 !important;
}

.page-walkin-home .walkin-brand-card--tongtongling .walkin-status,
.page-walkin-home .walkin-brand-card--hululiu .walkin-status {
	margin-block-start: auto !important;
}

/* 沃映／妙靈女子共用桌面導覽。 */
@media (min-width: 901px) {
	body.walkin-site .walkin-site-header,
	body.brand-miaoling .walkin-miaoling-header {
		--editorial-nav-height: 6.5rem;
		min-height: var(--editorial-nav-height);
	}

	body.walkin-site .walkin-site-header .walkin-header-inner,
	body.brand-miaoling .walkin-miaoling-header .miaoling-header-inner {
		align-items: stretch;
		gap: 0;
		max-width: none !important;
		min-height: var(--editorial-nav-height);
		padding: 0;
		position: relative;
		width: 100%;
	}

	body.walkin-site .walkin-site-header .walkin-brand-lockup,
	body.brand-miaoling .walkin-miaoling-header .miaoling-brand-lockup {
		align-self: stretch;
		border: 0;
		flex: 0 0 clamp(17rem, 32vw, 34rem);
		padding-inline: clamp(1.25rem, 5.5vw, 6rem) clamp(1.5rem, 3vw, 3rem);
	}

	.walkin-site-header .walkin-brand-lockup {
		align-items: center;
		gap: 0.85rem;
	}

	.walkin-site-header .walkin-brand-name {
		align-items: center;
		column-gap: 0.8rem;
		display: grid;
		grid-template-columns: 2.5rem auto;
		grid-template-rows: auto auto;
		line-height: 1.15;
	}

	.walkin-site-header .walkin-brand-name::before {
		align-items: center;
		background: var(--walkin-ink);
		border-radius: 50%;
		color: var(--walkin-paper);
		content: "W";
		display: flex;
		font-family: Georgia, "Times New Roman", serif;
		font-size: 0.9rem;
		grid-column: 1;
		grid-row: 1 / 3;
		height: 2.5rem;
		justify-content: center;
		letter-spacing: 0;
		width: 2.5rem;
	}

	.walkin-site-header .walkin-brand-name::after {
		color: var(--walkin-wine-dark);
		content: "CURATED BRAND PLATFORM";
		font-family: Arial, sans-serif;
		font-size: 0.5rem;
		font-weight: 600;
		grid-column: 2;
		grid-row: 2;
		letter-spacing: 0.2em;
		margin-top: 0.3rem;
	}

	.walkin-site-header .walkin-brand-name a {
		font-family: "Noto Serif TC", "Songti TC", PMingLiU, serif;
		font-size: 1rem;
		font-weight: 600;
		grid-column: 2;
		grid-row: 1;
		letter-spacing: 0.12em;
		text-decoration: none;
	}

	.brand-miaoling .miaoling-brand-lockup {
		align-items: center;
		column-gap: 0.8rem;
		display: grid;
		grid-template-columns: 2.5rem auto;
	}

	.brand-miaoling .miaoling-brand-lockup::before {
		align-items: center;
		border: 1px solid rgba(208, 174, 79, 0.72);
		border-radius: 50%;
		color: var(--miaoling-gold);
		content: "✦";
		display: flex;
		font-size: 1rem;
		grid-column: 1;
		grid-row: 1;
		height: 2.5rem;
		justify-content: center;
		width: 2.5rem;
	}

	.brand-miaoling .miaoling-brand-name {
		align-self: center;
		font-size: 1rem;
		font-weight: 500;
		grid-column: 2;
		grid-row: 1;
		letter-spacing: 0.22em;
		line-height: 1.15;
		margin: 0;
	}

	body.walkin-site .walkin-site-header nav.walkin-primary-nav,
	body.brand-miaoling .walkin-miaoling-header nav.miaoling-primary-nav {
		align-self: stretch;
		flex: 1 1 auto;
		height: var(--editorial-nav-height);
		margin: 0;
		min-width: 0;
		position: static !important;
	}

	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) > .wp-block-navigation__responsive-container:not(.is-menu-open),
	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation__responsive-close,
	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation__responsive-dialog,
	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation__responsive-container-content {
		height: 100%;
		position: static !important;
		width: 100%;
	}

	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) > .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: block !important;
		position: static;
	}

	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation__responsive-container-content {
		align-items: stretch !important;
		padding: 0 !important;
	}

	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation__container {
		align-items: stretch !important;
		gap: 0 !important;
		height: 100%;
		inset: 0;
		justify-content: center !important;
		position: absolute !important;
		width: 100%;
	}

	.walkin-site-header .walkin-primary-nav .wp-block-navigation__container {
		counter-reset: walkin-menu;
	}

	.walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation__container {
		counter-reset: miaoling-menu;
	}

	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation-item {
		align-items: center;
		align-self: stretch;
		border: 0;
		display: flex;
		flex: 0 0 auto !important;
		justify-content: center;
		min-width: 0;
		position: relative;
		transition: background-color 180ms ease, box-shadow 180ms ease;
	}

	body.walkin-site .walkin-site-header .walkin-primary-nav .wp-block-navigation-item__content,
	body.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item__content {
		align-items: center;
		display: flex;
		font-family: "Noto Serif TC", "Songti TC", PMingLiU, Georgia, serif;
		font-size: 0.875rem !important;
		font-weight: 500;
		height: 100%;
		justify-content: center;
		letter-spacing: 0.12em;
		line-height: 1.3;
		padding: 2rem clamp(0.65rem, 1.1vw, 1.15rem) 0.7rem;
		text-align: center;
		white-space: nowrap;
		width: auto;
	}

	:is(.walkin-site-header .walkin-primary-nav, .walkin-miaoling-header .miaoling-primary-nav) .wp-block-navigation-item__content::after {
		display: none;
	}

	.walkin-site-header .walkin-primary-nav .wp-block-navigation-item:not(.walkin-nav-muted)::before,
	.walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item::before {
		font-family: Arial, sans-serif;
		font-size: 0.48rem;
		font-weight: 500;
		left: 50%;
		letter-spacing: 0.16em;
		position: absolute;
		top: 1.35rem;
		transform: translateX(-50%);
	}

	.walkin-site-header .walkin-primary-nav .wp-block-navigation-item:not(.walkin-nav-muted)::before {
		color: var(--walkin-wine);
		content: "0" counter(walkin-menu);
		counter-increment: walkin-menu;
	}

	.walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item:not(.miaoling-nav-muted)::before {
		color: var(--miaoling-gold);
		content: "0" counter(miaoling-menu);
		counter-increment: miaoling-menu;
	}

	/* Utility links stay outside the viewport-centered primary link group. */
	.walkin-site-header .walkin-primary-nav .walkin-nav-muted,
	.walkin-miaoling-header .miaoling-primary-nav .miaoling-nav-muted {
		inset-block: 0;
		margin-left: 0;
		position: absolute;
		right: 0;
	}

	.walkin-site-header .walkin-primary-nav .walkin-nav-muted::before,
	.walkin-miaoling-header .miaoling-primary-nav .miaoling-nav-muted::before {
		color: var(--miaoling-gold, var(--walkin-wine));
		content: "MEMBER / SOON";
		font-family: Arial, sans-serif;
		font-size: 0.45rem;
		left: 50%;
		letter-spacing: 0.18em;
		position: absolute;
		top: 1.35rem;
		transform: translateX(-50%);
		white-space: nowrap;
	}

	body.walkin-site .walkin-site-header .walkin-primary-nav .walkin-nav-muted .wp-block-navigation-item__content,
	body.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .miaoling-nav-muted .wp-block-navigation-item__content {
		font-size: 0.72rem !important;
		padding-inline: clamp(1.5rem, 3vw, 3rem);
	}

	.walkin-site-header .walkin-primary-nav .wp-block-navigation-item:hover,
	.walkin-site-header .walkin-primary-nav .wp-block-navigation-item:focus-within {
		background: rgba(128, 77, 101, 0.055);
	}

	.walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item:hover,
	.walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item:focus-within {
		background: rgba(208, 174, 79, 0.065);
	}

}

/* Native page state stays correct when editors reorder or add menu items. */
.walkin-site-header .walkin-primary-nav .wp-block-navigation-item.current-menu-item {
	background: rgba(128, 77, 101, 0.075) !important;
	box-shadow: inset 0 0 0 1px rgba(128, 77, 101, 0.34) !important;
}

/* 小型桌面同步縮短品牌區與選項寬度，避免真正置中後互相覆蓋。 */
@media (min-width: 901px) and (max-width: 1100px) {
	body.walkin-site .walkin-site-header .walkin-brand-lockup,
	body.brand-miaoling .walkin-miaoling-header .miaoling-brand-lockup {
		flex-basis: 14rem;
		padding-inline: 1.25rem;
	}

	body.walkin-site .walkin-site-header .walkin-primary-nav .wp-block-navigation-item__content,
	body.brand-miaoling .walkin-miaoling-header .miaoling-primary-nav .wp-block-navigation-item__content {
		font-size: 0.78rem !important;
		padding-inline: 0.45rem;
	}
}

@media (max-width: 900px) {
	body.walkin-site .walkin-site-header,
	body.brand-miaoling .walkin-miaoling-header,
	body.walkin-site .walkin-site-header .walkin-header-inner,
	body.brand-miaoling .walkin-miaoling-header .miaoling-header-inner {
		min-height: 4.5rem;
	}
}

/* 妙靈女子 Header 金線直接銜接頁面內容，移除 WordPress 全域 Block Gap。 */
body.brand-miaoling main.miaoling-main {
	margin-block-start: 0 !important;
}