/*
 Theme Name:  Medera Medical Group 2026
 Theme URI:   https://medera.example.com
 Description: Child theme for Medera Medical Group website, based on Twenty Twenty-Five.
 Author:      Medera
 Author URI:  https://imedera.com
 Template:    twentytwentyfive
 Requires at least: 6.5
 Tested up to: 6.7
 Requires PHP: 8.1
 Version:     1.0.0
 Text Domain: mdr-intl-2026
*/

/*******************************************
 * Responsive Visibility Utilities
 * Mobile:  0–767px
 * Tablet:  768–1023px
 * Desktop: 1024px+
 *******************************************/

/* 基础状态——全部默认显示 */
.u-mobile-only,
.u-tablet-only,
.u-desktop-only,
.u-mobile-down,
.u-tablet-down,
.u-desktop-down,
.u-mobile-up,
.u-tablet-up,
.u-desktop-up {
	display: block;
}

/* ========== Mobile Only (≤767px) ========== */
@media screen and (min-width: 768px) {
	.u-mobile-only {
		display: none !important;
	}
}

/* ========== Tablet Only (768–1023px) ========== */
.u-tablet-only {
	display: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.u-tablet-only {
		display: block !important;
	}
}

/* ========== Desktop Only (≥1024px) ========== */
.u-desktop-only {
	display: none !important;
}

@media screen and (min-width: 1024px) {
	.u-desktop-only {
		display: block !important;
	}
}

/* ========== Mobile-down (≤767px) ========== */
.u-mobile-down {
	display: block !important;
}

@media screen and (min-width: 768px) {
	.u-mobile-down {
		display: none !important;
	}
}

/* ========== Tablet-down (≤1023px) ========== */
.u-tablet-down {
	display: block !important;
}

@media screen and (min-width: 1024px) {
	.u-tablet-down {
		display: none !important;
	}
}

/* ========== Desktop-down (always display, logically) ========== */
.u-desktop-down {
	display: block !important;
}

/* ========== Mobile-up (≥768px) ========== */
.u-mobile-up {
	display: none !important;
}

@media screen and (min-width: 768px) {
	.u-mobile-up {
		display: block !important;
	}
}

/* ========== Tablet-up (≥1024px) ========== */
.u-tablet-up {
	display: none !important;
}

@media screen and (min-width: 1024px) {
	.u-tablet-up {
		display: block !important;
	}
}

/* ========== Desktop-up = always visible ========== */
.u-desktop-up {
	display: block !important;
}

/*
 * Global
*/

/* body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
} */

:where(.wp-site-blocks) > *{
	margin-top: 0;
}

strong {
	font-weight: 500;
}

main.wp-block-group {
	min-height: 600px;
}

.mdr-product-column-item {
	margin-bottom: 1.2rem !important;
}


@media screen and (max-width: 1024px) {
	.mdr-tags-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--20);
	}
}

@media screen and (max-width: 1280px) {
	html[lang="en-US"] .mdr-tags-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--20);
	}
}

@media screen and (max-width: 480px) {
	html[lang="en-US"] .mdr-tags-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: var(--wp--preset--spacing--20);
	}
}

@media screen and (max-width: 768px) {
	.button.wp-element-button {
		padding: 0.75rem 0;
	}
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.wp-block-button__link,
a.wp-block-button__link:hover {
	border-radius: 0;
	text-decoration: none;
}

.mdr-heading {
	position: relative;
}

.mdr-heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1rem;
	width: 4rem;
	height: .25rem;
	background-color: #0472b6;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	padding: 0;
}

.page-numbers.current {
	color: #0c3b60;
	font-weight: 500;
	text-decoration: underline;
}

/*
 * Main Menu
*/

.main-header .wp-block-navigation-item a:hover,
.main-header .wp-block-navigation-item a:hover span,
.main-header .wp-block-navigation-item.current-menu-item a span {
	color: #0472b6;
	text-decoration: none;
	font-weight: normal;
}

.main-header .wp-block-navigation-item.current-menu-item a {
	display: block;
	position: relative;
}

.main-header .wp-block-navigation-item a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	width: 0;
	height: .25rem;
	background-color: rgba(0, 0, 0, 0);
}

.main-header .wp-block-navigation-item a:hover::after, 
.main-header .wp-block-navigation-item.current-menu-item a::after {
	width: 100%;
	background-color: #0472b6;
	-webkit-transition: all ease-in-out .25s;
	transition: all ease-in-out .25s;
}

:root :where(.wp-block-post-terms) {
	font-weight: inherit;
}

/*
 * Layout Helpers
*/

.mdr-flex-column {
	display: flex;
	flex-direction: column;
}

.mdr-flex-justify-center {
	justify-content: center;
}

.mdr-flex-justify-space-between {
	justify-content: space-between;

}

.mdr-flex-1 {
	flex: 1;
}

.nowrap {
	white-space: nowrap;
}

/*
 * Post
*/

@media screen and (min-width: 1024px) {
	.article-hero {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}

.single .entry-content.wp-block-post-content {
	padding-left: 0;
	padding-right: 0;
}

.single .entry-content p {
	line-height: 1.6;
}

.single .entry-content h2,
.single .entry-content h3 {
	margin-top: 2rem;
	color: #0472b6;
}

.single .entry-content blockquote h2,
.single .entry-content blockquote h3 {
	margin-top: 0;
}

.single .entry-content figure {
	text-align: center;
}

.single .entry-content figcaption {
	color: #666;
	font-size: 0.875rem;
	margin-top: 0.5rem;
}

.single .entry-content img {
	display: block;
	width: 100%;
	max-width: 640px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}