/* ===== Babolove header — Korean vintage lifestyle palette ===== */

/* 1) Main menu text: #2F473D */
.main-header-menu .menu-link,
.ast-builder-menu .main-header-menu .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link,
#masthead .ast-builder-menu .main-header-menu .menu-link,
.ast-theme-transparent-header .main-header-menu .menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .menu-link {
	color: #2F473D !important;
	font-weight: 600;
	letter-spacing: .3px;
}

/* 2) Menu hover accent: #A35F50 */
.main-header-menu .menu-link:hover,
.main-header-menu .menu-link:focus,
.main-header-menu .menu-item > .menu-link:hover,
.ast-builder-menu .main-header-menu .menu-link:hover,
.ast-builder-menu-1 .menu-item > .menu-link:hover,
.ast-theme-transparent-header .main-header-menu .menu-link:hover {
	color: #A35F50 !important;
}

/* 3) Dropdown (sub-menu) background / hover / text */
.main-header-menu .sub-menu,
.main-header-menu .sub-menu .menu-link,
.ast-builder-menu .sub-menu,
.ast-builder-menu .sub-menu .menu-link,
.ast-builder-menu-1 .sub-menu,
.ast-builder-menu-1 .sub-menu .menu-link,
.ast-theme-transparent-header .main-header-menu .sub-menu .menu-link {
	background-color: #E8DCC8 !important;
	color: #2F473D !important;
}
.main-header-menu .sub-menu .menu-link:hover,
.ast-builder-menu .sub-menu .menu-link:hover,
.ast-builder-menu-1 .sub-menu .menu-link:hover,
.ast-theme-transparent-header .main-header-menu .sub-menu .menu-link:hover {
	background-color: #DCCCB4 !important;
	color: #2F473D !important;
}

/* 4) CTA button (代购清单 / 代购服务): bg #3E594B, text #F8F3EA */
.ast-custom-button-link,
a.ast-custom-button-link,
.ast-custom-button-link > a,
.ast-custom-button-link > span,
.ast-custom-button,
.ast-button,
.ast-masthead-custom-menu-items .ast-button,
.main-header-bar .ast-button {
	background-color: #3E594B !important;
	color: #F8F3EA !important;
	padding: 10px 22px !important;
	border-radius: 4px !important;
	font-weight: 600 !important;
	display: inline-block;
}
.ast-custom-button-link:hover,
a.ast-custom-button-link:hover,
.ast-custom-button:hover,
.ast-button:hover,
.ast-masthead-custom-menu-items .ast-button:hover,
.main-header-bar .ast-button:hover {
	background-color: #2F473D !important;
	color: #F8F3EA !important;
}

/* 5) Remove / neutralize any odd blue icon in the header menu */
.ast-header-navigation-arrow,
.dropdown-menu-toggle,
.ast-menu-toggle {
	color: #2F473D !important;
}
.menu-item .ast-menu-toggle svg,
.menu-item .menu-link svg,
.ast-header-navigation-arrow svg {
	color: #2F473D !important;
	fill: #2F473D !important;
}

/* ===== About intro page — image LEFT, text RIGHT, centered card ===== */
.about-card {
	max-width: 1200px; margin: 60px auto; background: #fff;
	border: 1px solid #eee1cd; border-radius: 16px; padding: 56px 48px;
	box-shadow: 0 12px 40px rgba(0,0,0,.05);
}
.about-card .about-cols { display: flex; gap: 48px; align-items: center; }
.about-card .about-col-img { flex: 0 0 34%; min-width: 0; }
.about-card .about-col-text { flex: 1; min-width: 0; }
.about-card .about-avatar { margin: 0; }
.about-card .about-avatar img {
	width: 100%; max-width: 340px; aspect-ratio: 1/1; object-fit: cover;
	border-radius: 50%; display: block; margin: 0 auto; border: 8px solid #f2ead9;
}
.about-card .about-label {
	font-size: 13px; letter-spacing: 4px; text-transform: uppercase;
	color: #a0835e; font-weight: 600; margin-bottom: 14px;
}
.about-card .about-title {
	font-size: 42px; font-weight: 700; color: #2F473D; margin: 0 0 18px; letter-spacing: -.5px;
}
.about-card .about-intro,
.about-card .about-body { font-size: 16px; color: #4f4a42; line-height: 1.85; }
.about-card .about-intro { color: #6b7368; margin-bottom: 22px; }
@media (max-width: 820px) {
	.about-card { padding: 36px 22px; margin: 30px auto; }
	.about-card .about-cols { flex-direction: column; gap: 28px; text-align: center; }
	.about-card .about-col-img { flex: 0 0 auto; width: 100%; }
	.about-card .about-avatar img { max-width: 220px; }
	.about-card .about-title { font-size: 30px; }
	.about-card .about-intro, .about-card .about-body { text-align: left; }
}

/* ===== UNIFY header: minhwa pattern (blog-thema.png) on ALL pages ===== */
.ast-theme-transparent-header #masthead,
#masthead { position: relative !important; }
.ast-primary-header-bar,
.main-header-bar,
#masthead .main-header-bar,
#ast-desktop-header .ast-primary-header-bar,
#ast-mobile-header .main-header-bar,
.ast-header-break-point .ast-primary-header-bar,
.ast-theme-transparent-header .main-header-bar,
.ast-theme-transparent-header #masthead .main-header-bar,
.ast-theme-transparent-header .ast-primary-header-bar {
	background-color: #f4e7d3 !important;
	background-image: url(https://babolove.com/wp-content/uploads/2026/09/ffa46404-2fa6-4f17-939e-69476e71cf63.png) !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* ===== Menu readability over pattern: soft cream text-shadow ===== */
.main-header-menu .menu-item > a,
.main-header-menu .menu-link,
.ast-main-header-menu a,
#ast-desktop-header .main-header-menu .menu-item a,
#ast-desktop-header .main-header-menu a {
	text-shadow: 0 0 4px rgba(248,243,234,0.95), 0 0 9px rgba(248,243,234,0.75), 0 1px 2px rgba(248,243,234,0.9) !important;
}
/* ===== FOOTER — Korean vintage lifestyle, unified with header ===== */
.site-footer, #colophon {
	background-color: #f4e7d3 !important;
	background-image: none !important;
	border-top: 4px solid #c98a6b !important;
}
.site-footer .site-primary-footer-wrap,
.site-footer .site-primary-footer-inner-wrap,
.site-footer .ast-builder-grid-row-container {
	background: transparent !important;
	padding: 44px 20px !important;
}
.site-footer .ast-builder-footer-grid-columns,
.site-footer .site-primary-footer-inner-wrap {
	align-items: center !important;
	column-gap: 40px;
}

/* Footer menu links */
#astra-footer-menu .menu-link,
.site-footer .footer-nav-wrap .menu-link,
.site-footer nav .menu-link,
.footer-widget-area[data-section="section-footer-menu"] .menu-link {
	color: #2F473D !important;
	font-weight: 600 !important;
	letter-spacing: .4px;
	font-size: 15px;
	line-height: 1.6;
}
#astra-footer-menu .menu-link:hover,
.site-footer .footer-nav-wrap .menu-link:hover,
.site-footer nav .menu-link:hover {
	color: #A35F50 !important;
}

/* Footer brand logo (was the old white MOUNTAIN logo) */
.site-footer .widget_media_image,
.site-footer .widget_media_image img {
	max-width: 190px !important;
	width: 190px !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
}

/* Footer copyright */
.ast-footer-copyright,
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright p {
	color: #7a6f5d !important;
	font-size: 14px !important;
	letter-spacing: .3px;
}

/* Mobile / tablet: stack and center */
@media (max-width: 921px) {
	.site-footer .ast-builder-footer-grid-columns,
	.site-footer .site-primary-footer-inner-wrap {
		flex-direction: column !important;
		text-align: center !important;
		gap: 18px !important;
		padding: 32px 18px !important;
	}
	.site-footer .ast-footer-copyright,
	.site-footer .ast-footer-copyright p,
	.site-footer .widget_media_image { text-align: center !important; }
	#astra-footer-menu,
	.site-footer .footer-nav-wrap,
	.site-footer .footer-widget-area[data-section="section-footer-menu"] {
		justify-content: center !important;
	}
}

/* ===== Smooth TOC anchor scroll ===== */
html { scroll-behavior: smooth; }
.entry-content h2[id], .entry-content h3[id] { scroll-margin-top: 130px; }

/* ===== Blog featured thumbnail: force 1:1 square crop ===== */
.ast-archive-post .ast-blog-featured-section,
.ast-archive-post .post-thumb-img-content.post-thumb {
	overflow: hidden;
}
.ast-archive-post .ast-blog-featured-section img,
.ast-archive-post .post-thumb-img-content.post-thumb img,
.ast-archive-post .ast-blog-featured-section a,
.ast-archive-post .ast-blog-featured-section a img,
.ast-archive-post .wp-post-image {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}