/*
 * Health365 – kieu bo sung ngoai theme.json (Mau 6, Mau 14).
 * Mau luon dung bien --wp--preset--color--* do theme.json sinh va mu-plugin health365-core ghi de (D-024):
 * khong gan cung ma mau trong tep nay (kiem thu CI chan ma hex).
 * Diem gay: 782px (khop WordPress) va 480px.
 */

/* ---------- Chung ---------- */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.h365-rounded img,
.h365-rounded {
	border-radius: var(--wp--custom--radius--large);
}

.h365-eyebrow {
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: var(--wp--custom--tracking--label);
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}

/* Nut: chinh (theme.json), vien, nhan phu. */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: var(--wp--custom--border-width) solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background: transparent;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-nhan-phu > .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}

.wp-block-button.is-style-nhan-phu > .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* Chi danh cho trinh doc man hinh. */
.h365-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* ---------- Nut va breadcrumb dung chung (san pham, giai phap, bieu mau) ---------- */
.h365-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: var(--wp--custom--touch-target);
	padding: 0.6875rem 1.5rem;
	border: var(--wp--custom--border-width) solid transparent;
	border-radius: var(--wp--custom--radius--pill);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.h365-btn--primary {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.h365-btn--primary:hover {
	background: var(--wp--preset--color--contrast);
}

.h365-btn--accent {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}

.h365-btn--accent:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.h365-btn--outline {
	border-color: var(--wp--preset--color--border);
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

.h365-btn--outline:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

/* Breadcrumb */
/* Muc co lien ket cao 44px (vung bam): can giua theo chieu doc de chu, dau "/" va trang hien tai cung dong (T-039). */
.h365-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8125rem;
	color: var(--wp--preset--color--muted);
}

/* Dau "/" nam cuoi muc truoc (khong dau muc sau) de khi xuong dong, dong moi khong bat dau bang "/" (T-043). */
.h365-crumbs li:not(:last-child)::after {
	content: "/";
	margin-left: 0.5rem;
}

.h365-crumbs a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--touch-target);
	color: inherit;
	text-decoration: none;
}

.h365-crumbs a:hover {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
}

.h365-crumbs [aria-current="page"] {
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

/* ---------- Dau trang ---------- */
.h365-header {
	position: relative;
	z-index: 20;
	background: var(--wp--preset--color--base);
}

.h365-header__bar {
	gap: 1rem;
}

.h365-logo {
	margin: 0;
}

/* Logo (T-061): cao 40px may tinh, 32px dien thoai; vung bam >= 44px (touch-target), khong xuong dong. */
.h365-logo a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--touch-target);
	text-decoration: none;
}

.h365-logo img {
	display: block;
	width: auto;
	height: 40px;
}

.h365-footer__logo {
	margin: 0 0 0.25rem;
}

.h365-footer__logo img {
	display: block;
	width: auto;
	height: 32px;
}

.h365-nav .wp-block-navigation-item__content {
	text-decoration: none;
}

.h365-nav .wp-block-navigation-item__content:hover,
.h365-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
}

.h365-header__tools {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
}

.h365-cart .wp-block-button__link {
	padding: 0.625rem 1.125rem;
	font-size: var(--wp--preset--font-size--small);
}

.h365-header .h365-search .wp-block-search__button,
.h365-header .h365-search .wp-block-search__button.wp-element-button {
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	box-shadow: none;
	background: transparent;
	color: var(--wp--preset--color--contrast);
	padding: 0.375rem;
	min-width: var(--wp--custom--touch-target);
	min-height: var(--wp--custom--touch-target);
}

/* Chuyen ngon ngu VI/EN */
.h365-lang__list {
	display: flex;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.h365-lang__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--wp--custom--touch-target);
	min-height: var(--wp--custom--touch-target);
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.h365-lang__link.is-current {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
}

.h365-lang__link:hover {
	color: var(--wp--preset--color--primary);
}

/* ---------- Nut o dau trang (T-091, dong 6 bang Chinh sua): vien manh mau thuong hieu, di chuot thi noi nhe ----------
 * Vien dung token `brand` (xanh la thuong hieu); nen khi di chuot dung token `primary` (xanh la dam cua nut, D-024) de chu
 * trang dat WCAG AA (chu trang tren `brand` chi dat 3,7:1). Khong gan cung ma mau: doi mau trong quan tri van ap dung.
 * Ap cho: nut Tim, cum VI/EN, nut Gio hang, nut mo menu (dien thoai); lien ket menu (may tinh) hien vien khi di chuot.
 */
.h365-header .h365-search .wp-block-search__button,
.h365-header .h365-search .wp-block-search__button.wp-element-button,
.h365-header .h365-cart .wp-block-button__link,
.h365-header .h365-lang__list,
.h365-header .wp-block-navigation__responsive-container-open {
	border: var(--wp--custom--border-width) solid var(--wp--preset--color--brand);
}

.h365-header .h365-search .wp-block-search__button,
.h365-header .h365-cart .wp-block-button__link,
.h365-header .h365-lang__link,
.h365-header .wp-block-navigation__responsive-container-open,
.h365-header .h365-nav .wp-block-navigation-item__content {
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.h365-header .h365-cart .wp-block-button__link {
	color: var(--wp--preset--color--primary);
}

.h365-header .wp-block-navigation__responsive-container-open {
	border-radius: var(--wp--custom--radius--pill);
	color: var(--wp--preset--color--primary);
}

/* Cum VI/EN: mot khung bo tron chung, ngon ngu dang xem co nen nhat. */
.h365-header .h365-lang__list {
	gap: 0;
	overflow: hidden;
	border-radius: var(--wp--custom--radius--pill);
}

.h365-header .h365-lang__link {
	min-width: 2.625rem;
	min-height: calc(var(--wp--custom--touch-target) - 2 * var(--wp--custom--border-width));
	color: var(--wp--preset--color--primary);
}

.h365-header .h365-lang__link.is-current {
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--contrast);
}

.h365-header .h365-search .wp-block-search__button:hover,
.h365-header .h365-search .wp-block-search__button.wp-element-button:hover,
.h365-header .h365-cart .wp-block-button__link:hover,
.h365-header .wp-block-navigation__responsive-container-open:hover {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	box-shadow: var(--wp--preset--shadow--soft);
	color: var(--wp--preset--color--base);
	transform: translateY(-1px);
}

.h365-header a.h365-lang__link:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.h365-header .h365-lang__list:hover {
	box-shadow: var(--wp--preset--shadow--soft);
}

.h365-header .h365-search .wp-block-search__button:focus-visible,
.h365-header .h365-cart .wp-block-button__link:focus-visible,
.h365-header .h365-lang__link:focus-visible,
.h365-header .wp-block-navigation__responsive-container-open:focus-visible,
.h365-header .h365-nav .wp-block-navigation-item__content:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.h365-header .h365-lang__link:focus-visible {
	outline-offset: -3px;
}

/* Lien ket menu tren may tinh: khung bo tron trong suot, hien vien va nen nhat khi di chuot hoac o trang hien tai.
 * Le trong 0.625rem moi ben + khoang cach 0.5rem = khoang cach 1.75rem cu, nen menu khong rong them. */
@media (min-width: 782px) {
	.h365-header .h365-nav .wp-block-navigation__container {
		gap: 0.5rem;
	}

	.h365-header .h365-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding: 0.4375rem 0.625rem;
		border: var(--wp--custom--border-width) solid transparent;
		border-radius: var(--wp--custom--radius--pill);
	}

	.h365-header .h365-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
	.h365-header .h365-nav .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content {
		border-color: var(--wp--preset--color--brand);
		background: var(--wp--preset--color--tint);
		color: var(--wp--preset--color--primary);
	}

	.h365-header .h365-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
		box-shadow: var(--wp--preset--shadow--soft);
		transform: translateY(-1px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.h365-header .h365-search .wp-block-search__button,
	.h365-header .h365-cart .wp-block-button__link,
	.h365-header .h365-lang__link,
	.h365-header .wp-block-navigation__responsive-container-open,
	.h365-header .h365-nav .wp-block-navigation-item__content {
		transition: none;
	}

	.h365-header .h365-search .wp-block-search__button.wp-element-button:hover,
	.h365-header .h365-cart .wp-block-button__link:hover,
	.h365-header .wp-block-navigation__responsive-container-open:hover,
	.h365-header .h365-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
		transform: none;
	}
}

/* ---------- The noi dung (danh sach, tin tuc, du an) ---------- */
.h365-card {
	gap: 0.625rem;
}

.h365-card .wp-block-post-featured-image img {
	border-radius: var(--wp--custom--radius--medium);
	background: var(--wp--preset--color--tint);
}

.h365-card .wp-block-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.h365-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

/* ---------- Chan trang (D-025) ---------- */
.h365-footer {
	margin-top: var(--wp--preset--spacing--50);
	/* Vung dem cuoi trang: cum nut lien he noi (3 nut x 44px + khoang cach + le) khong che bieu tuong "Da thong bao". */
	padding-bottom: 11rem;
}

/* Nut chon ngon ngu noi cua TranslatePress: chi dung chuyen ngon ngu o dau trang (Mau 6). */
#trp-floater-ls,
.trp-floating-switcher {
	display: none !important;
}

.h365-footer__title,
.h365-footer__company-name {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
}

.h365-footer__company-name {
	font-size: var(--wp--preset--font-size--small);
}

.h365-footer__company p {
	margin: 0;
}

.h365-footer__company {
	flex: 1 1 26rem;
}

.h365-footer__links {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.h365-footer a {
	color: var(--wp--preset--color--body);
	text-decoration: none;
}

.h365-footer a:hover,
.h365-footer a:focus-visible {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
}

.h365-footer__brand {
	color: var(--wp--preset--color--primary);
}

.h365-footer__divider {
	width: 100%;
	max-width: none;
	height: 1px;
	margin: 2.25rem 0 0;
	border: 0;
}

.h365-footer__bottom p {
	margin: 0;
}

.h365-bct-badge img {
	display: block;
	width: 200px;
	max-width: 100%;
	height: auto;
}

/* Logo hang (khoi health365/brand-logos cua plugin health365-content) */
.h365-brands {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.h365-brands__item a,
.h365-brands__item span {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 6rem;
	height: 2.5rem;
	padding: 0.25rem 0.5rem;
	border-radius: var(--wp--custom--radius--small);
	background: var(--wp--preset--color--base);
	font-size: 0.75rem;
	font-weight: 600;
}

.h365-brands__item img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 1.75rem;
	object-fit: contain;
}

/* Mang xa hoi (D-035): bieu tuong ve bang mask, mau theo chu */
.h365-social {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.h365-footer .h365-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--wp--custom--touch-target);
	height: var(--wp--custom--touch-target);
	padding: 0;
	border: var(--wp--custom--border-width) solid var(--wp--preset--color--border);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.h365-footer .h365-social__link:hover,
.h365-footer .h365-social__link:focus-visible {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.h365-social__link::before {
	content: "";
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
	background: currentColor;
	-webkit-mask: var(--h365-icon) center / contain no-repeat;
	mask: var(--h365-icon) center / contain no-repeat;
}

.h365-social__link--facebook {
	--h365-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-1.6 19.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 12 2z'/%3E%3C/svg%3E");
}

.h365-social__link--youtube {
	--h365-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18.2 5 12 5 12 5s-6.2 0-7.8.4a2.5 2.5 0 0 0-1.8 1.8C2 8.8 2 12 2 12s0 3.2.4 4.8a2.5 2.5 0 0 0 1.8 1.8c1.6.4 7.8.4 7.8.4s6.2 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8c.4-1.6.4-4.8.4-4.8s0-3.2-.4-4.8zM10 15.2V8.8l5.5 3.2z'/%3E%3C/svg%3E");
}

/* ---------- Chan trang 4 cot (T-086, D-101) ----------
 * May tinh (>= 1100px): 4 cot deu (Ve Health365 kem nut mang xa hoi, Quy dinh va chinh sach, Ho tro khach hang, Hang va doi tac);
 * may tinh bang (700-1099px): 2 cot, khoi hang chiem ca hang duoi;
 * dien thoai (<= 699px): 1 cot, cac nhom lien ket gap bang <details> (site.js; chua co JS thi mo san).
 */
.h365-footer .h365-footer__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2.5rem;
	align-items: start;
}

.h365-footer .h365-footer__grid > * {
	margin: 0;
}

.h365-footer__col {
	min-width: 0;
}

.h365-footer__fold > summary {
	list-style: none;
	cursor: default;
}

.h365-footer__fold > summary::-webkit-details-marker {
	display: none;
}

.h365-footer__fold .h365-footer__links {
	margin-top: 0.75rem;
}

/* May tinh, may tinh bang: tieu de luon mo, khong gap duoc. */
@media (min-width: 700px) {
	.h365-footer__fold > summary {
		pointer-events: none;
	}
}

/* Nut mang xa hoi tron o cuoi cot "Ve Health365". */
.h365-footer .h365-social {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 1.125rem;
}

/* Cot "Hang va doi tac": khung logo trang cung co 112 x 52 px, 2 cot; anh theo ti le (bien --h365-logo-w/-h tu khoi brand-logos). */
.h365-footer .h365-brands {
	display: grid;
	grid-template-columns: repeat(2, 112px);
	gap: 0.625rem;
}

.h365-footer .h365-brands__item a,
.h365-footer .h365-brands__item span {
	box-sizing: border-box;
	width: 112px;
	height: 52px;
	padding: 6px;
}

.h365-footer .h365-brands__item img {
	width: var(--h365-logo-w, auto);
	height: var(--h365-logo-h, auto);
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@media (max-width: 1099px) {
	.h365-footer .h365-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.h365-footer .h365-footer__col--partners {
		grid-column: 1 / -1;
	}

	.h365-footer .h365-footer__col--partners .h365-brands {
		grid-template-columns: repeat(5, 112px);
	}
}

@media (max-width: 699px) {
	.h365-footer .h365-footer__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.h365-footer__fold {
		border-bottom: 1px solid var(--wp--preset--color--border);
	}

	.h365-footer__fold > summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		min-height: var(--wp--custom--touch-target);
		cursor: pointer;
	}

	.h365-footer__fold > summary::after {
		content: "";
		flex: 0 0 auto;
		width: 0.5rem;
		height: 0.5rem;
		margin-right: 0.25rem;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform 0.15s ease;
	}

	.h365-footer__fold[open] > summary::after {
		transform: rotate(-135deg);
	}

	.h365-footer__fold .h365-footer__links {
		gap: 0;
		margin-top: 0;
	}

	.h365-footer__fold[open] {
		padding-bottom: 0.75rem;
	}

	/* Vung bam toi thieu 44px (T-043). */
	.h365-footer__links a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		min-height: var(--wp--custom--touch-target);
	}

	.h365-footer .h365-footer__col--partners {
		padding-top: 1.5rem;
	}

	.h365-footer .h365-footer__col--partners .h365-brands {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.h365-footer .h365-brands__item a,
	.h365-footer .h365-brands__item span {
		width: 100%;
	}
}

/* ---------- Lien he nhanh (Mau 6: noi goc phai; Mau 14: thanh co dinh cuoi man hinh) ---------- */
.h365-quick {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	z-index: 40;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	transition: bottom 0.2s ease;
}

.h365-quick__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--wp--custom--touch-target);
	padding: 0.75rem 1.25rem;
	border: var(--wp--custom--border-width) solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--float);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	text-decoration: none;
	box-sizing: border-box;
}

.h365-quick__btn--call {
	border-color: var(--wp--preset--color--primary);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.h365-quick__btn:hover {
	border-color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* ---------- Bieu ngu cookie (D-022) ---------- */
.h365-cookie {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem var(--wp--custom--gutter);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--on-dark);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.h365-cookie[hidden] {
	display: none;
}

.h365-cookie__text {
	flex: 1 1 26rem;
	max-width: 47.5rem;
	margin: 0;
}

.h365-cookie a {
	color: inherit;
	text-decoration: underline;
}

.h365-cookie__options {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	flex-basis: 100%;
	order: 3;
	margin: 0;
	padding: 0;
	border: 0;
}

.h365-cookie__options[hidden] {
	display: none;
}

.h365-cookie__options label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: var(--wp--custom--touch-target);
}

.h365-cookie__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
}

.h365-cookie__btn {
	min-height: var(--wp--custom--touch-target);
	padding: 0.6875rem 1.25rem;
	border: var(--wp--custom--border-width) solid var(--wp--preset--color--line-dark);
	border-radius: var(--wp--custom--radius--pill);
	background: transparent;
	color: var(--wp--preset--color--on-dark);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.h365-cookie__btn[hidden] {
	display: none;
}

.h365-cookie__btn--accept {
	border-color: var(--wp--preset--color--accent);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
	font-weight: 700;
}

body.h365-has-cookie .h365-quick {
	bottom: 7.5rem;
}

/* ---------- Dien thoai, may tinh bang (Mau 14) ---------- */
@media (max-width: 781px) {
	.h365-header__tools .h365-cart .wp-block-button__link {
		padding: 0.5rem 0.875rem;
	}

	/* Vung bam 44px cho nut menu va nut Gio hang tren dau trang (T-043). */
	.h365-header .wp-block-navigation__responsive-container-open {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: var(--wp--custom--touch-target);
		min-height: var(--wp--custom--touch-target);
	}

	.h365-header .h365-cart .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		box-sizing: border-box;
		min-height: var(--wp--custom--touch-target);
	}

	/* Thanh co dinh cao 3.75rem (+ vung an toan iPhone); body chua cho bang dung chieu cao do nen khong che chan trang. */
	.h365-quick {
		right: 0;
		bottom: 0;
		left: 0;
		flex-direction: row;
		gap: 0;
		padding: 0.5rem 0.5rem calc(0.5rem + env(safe-area-inset-bottom, 0px));
		background: var(--wp--preset--color--base);
		box-shadow: var(--wp--preset--shadow--soft);
	}

	.h365-quick__btn {
		flex: 1 1 0;
		margin: 0 0.25rem;
		box-shadow: none;
	}

	body {
		padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
	}

	body.h365-has-cookie .h365-quick {
		display: none;
	}

	/* Bieu ngu cookie gon (Mau 14): khi hien, thanh lien he nhanh an de khong chiem qua mot phan man hinh. */
	.h365-footer {
		padding-bottom: 0;
	}

	.h365-cookie {
		bottom: 0;
		gap: 0.5rem;
		padding: 0.75rem var(--wp--custom--gutter) calc(0.75rem + env(safe-area-inset-bottom, 0px));
		font-size: 0.8125rem;
		line-height: 1.4;
	}

	.h365-cookie__text {
		flex-basis: 100%;
	}

	.h365-cookie__actions {
		width: 100%;
		flex-wrap: nowrap;
		gap: 0.375rem;
	}

	.h365-cookie__btn {
		flex: 1 1 auto;
		padding: 0.5rem 0.625rem;
		font-size: 0.8125rem;
	}

	.wp-block-buttons.is-layout-flex > .wp-block-button {
		flex: 1 1 100%;
	}

	.wp-block-buttons > .wp-block-button > .wp-block-button__link {
		width: 100%;
		box-sizing: border-box;
	}

	.h365-header .wp-block-buttons > .wp-block-button {
		flex: 0 0 auto;
	}

	.h365-header .wp-block-buttons > .wp-block-button > .wp-block-button__link {
		width: auto;
	}
}

@media (max-width: 480px) {
	.h365-header__bar {
		gap: 0.5rem;
	}

	/* Cac nut 44px khong lam dau trang xuong dong o 375px–390px. */
	.h365-header .h365-header__tools {
		gap: 0.25rem;
	}

	.h365-header .h365-cart .wp-block-button__link {
		padding-inline: 0.75rem;
	}

	.h365-logo img {
		height: 32px;
	}

	.h365-cookie__actions {
		width: 100%;
	}

	.h365-cookie__btn {
		flex: 1 1 auto;
	}
}

/*
 * Thang chu chung cho trang noi dung (A7, T-080): Gioi thieu, chinh sach, bai viet, trang thuong, bai giai phap.
 * Gia tri o theme.json (settings.custom.prose): doan va danh sach 17px (dien thoai 16px), H1 36-40px, H2 26-28px, H3 20-21px.
 * Danh sach, bang, trich dan cung co chu voi doan (danh sach khong nho hon doan). Khong ap cho trang gioi thieu san pham
 * (page-landing co thang chu rieng), cua hang, gio hang.
 */
:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-tpl-single-giai-phap) h1 {
	font-size: var(--wp--custom--prose--heading-1);
	line-height: 1.15;
}

:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-sol-content) .wp-block-post-content {
	font-size: var(--wp--custom--prose--text);
	line-height: var(--wp--custom--prose--line-height);
}

:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-sol-content) .wp-block-post-content :is(p, li, dd, td, th, blockquote, figcaption) {
	font-size: var(--wp--custom--prose--text);
	line-height: var(--wp--custom--prose--line-height);
}

:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-sol-content) .wp-block-post-content h2 {
	font-size: var(--wp--custom--prose--heading-2);
	line-height: 1.25;
}

:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-sol-content) .wp-block-post-content h3 {
	font-size: var(--wp--custom--prose--heading-3);
	line-height: 1.3;
}

@media (max-width: 781px) {
	:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-sol-content) .wp-block-post-content,
	:is(.h365-tpl-page, .h365-article, .h365-policy, .h365-tpl-page-about, .h365-sol-content) .wp-block-post-content :is(p, li, dd, td, th, blockquote, figcaption) {
		font-size: var(--wp--custom--prose--text-phone);
	}
}

@media (prefers-reduced-motion: reduce) {
	.h365-quick {
		transition: none;
	}
}