/* ======================================================================
 * Đồng bộ toàn site với midoai.edu.vn: SF UI Text + SVN-Gilroy + thẻ SP đều cao
 * Load sau revidapi-theme.css
 * ====================================================================== */

/* ----- Typography Mido (self-hosted revid-mido-fonts.css) ----- */
html body.rev-mido-fonts,
html body.rev-mido-fonts #wrapper,
html body.rev-mido-fonts #main,
html body.rev-mido-fonts .page-wrapper,
html body.rev-mido-fonts .blog-wrapper,
html body.rev-mido-fonts .header-wrapper,
html body.rev-mido-fonts #header,
html body.rev-mido-fonts .header-top,
html body.rev-mido-fonts .header-main,
html body.rev-mido-fonts .header-bottom,
html body.rev-mido-fonts #footer,
html body.rev-mido-fonts .footer,
html body.rev-mido-fonts .footer-wrapper,
html body.rev-mido-fonts .absolute-footer,
html body.rev-mido-fonts .rev-footer,
html body.rev-mido-fonts .rev-footer *,
html body.rev-mido-fonts .entry-content,
html body.rev-mido-fonts .rank-math-breadcrumb,
html body.rev-mido-fonts .rev-archive-hero,
html body.rev-mido-fonts .rev-archive-hero *,
html body.rev-mido-fonts .rev-news-mag,
html body.rev-mido-fonts .rev-news-mag *,
html body.rev-mido-fonts .rev-contact-hero,
html body.rev-mido-fonts .rev-contact-hero *,
html body.rev-mido-fonts .rev-contact-quick,
html body.rev-mido-fonts .rev-contact-map-section,
html body.rev-mido-fonts .rev-single-prose .entry-content,
html body.rev-mido-fonts .widget,
html body.rev-mido-fonts input,
html body.rev-mido-fonts textarea,
html body.rev-mido-fonts select,
html body.rev-mido-fonts button,
html body.rev-mido-fonts .button,
html body.rev-mido-fonts .elementor-widget-text-editor,
html body.rev-mido-fonts .elementor-heading-title {
	font-family: var(--rev-font-text), "SF UI Text", system-ui, sans-serif !important;
}

html body.rev-mido-fonts h1,
html body.rev-mido-fonts h2,
html body.rev-mido-fonts h3,
html body.rev-mido-fonts h4,
html body.rev-mido-fonts h5,
html body.rev-mido-fonts h6,
html body.rev-mido-fonts .heading-font,
html body.rev-mido-fonts .section-title,
html body.rev-mido-fonts .section-title-main,
html body.rev-mido-fonts .rev-archive-hero__name,
html body.rev-mido-fonts .rev-contact-hero__title,
html body.rev-mido-fonts .rev-footer h4,
html body.rev-mido-fonts .product-title,
html body.rev-mido-fonts .product-title a {
	font-family: var(--rev-font-display), "SVN-Gilroy", "SF UI Text", system-ui, sans-serif !important;
}

/* Menu giữ SF UI Text (giống body Mido), không dùng Gilroy */
html body.rev-mido-fonts .nav > li > a,
html body.rev-mido-fonts .header-nav > li > a {
	font-family: var(--rev-font-text), "SF UI Text", system-ui, sans-serif !important;
	font-weight: 600 !important;
}

/* ----- Thẻ sản phẩm: cùng chuẩn trang chủ / archive ----- */
html body.rev-mido-fonts .woocommerce ul.products {
	align-items: stretch !important;
}

html body.rev-mido-fonts .woocommerce ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
}

html body.rev-mido-fonts .rev-ai-shop .row > .col,
html body.rev-mido-fonts .rev-flow .row > .col,
html body.rev-mido-fonts .woocommerce ul.products li.product > .col-inner {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	height: 100% !important;
	width: 100% !important;
}

html body.rev-mido-fonts .rev-ai-shop .product-small.box,
html body.rev-mido-fonts .rev-flow .product-small.box,
html body.rev-mido-fonts .archive.woocommerce .product-small.box,
html body.rev-mido-fonts .tax-product_cat .product-small.box,
html body.rev-mido-fonts .woocommerce ul.products li.product .product-small.box {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	min-height: 100% !important;
}

html body.rev-mido-fonts .product-small.box .box-text {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0;
}

html body.rev-mido-fonts .product-small.box .product-title {
	flex: 0 0 auto;
	min-height: 2.75em;
}

html body.rev-mido-fonts .product-small.box .product-title a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
	line-height: 1.35 !important;
}

html body.rev-mido-fonts .product-small.box .price-wrapper {
	flex: 0 0 auto;
	min-height: 3.25em;
	margin: 4px 0 8px !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

html body.rev-mido-fonts .product-small.box .min-price-label {
	font-size: 0.8rem !important;
	line-height: 1.35 !important;
	color: #5a6b60 !important;
	margin-top: 2px !important;
	min-height: 1.2em;
}

html body.rev-mido-fonts .product-small.box .add-to-cart-button {
	margin-top: auto !important;
	flex: 0 0 auto;
	padding-top: 4px;
}

/* Nút giỏ: một kiểu xanh đặc (trang chủ + danh mục) */
html body.rev-mido-fonts .rev-ai-shop .product-small.box .add-to-cart-button a,
html body.rev-mido-fonts .rev-flow .product-small.box .add-to-cart-button a,
html body.rev-mido-fonts .archive.woocommerce .product-small.box .add-to-cart-button a,
html body.rev-mido-fonts .tax-product_cat .product-small.box .add-to-cart-button a,
html body.rev-mido-fonts .woocommerce .product-small.box .add-to-cart-button a.button {
	display: block !important;
	background: linear-gradient(135deg, #1aa85a 0%, #0e6a3a 100%) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 10px 14px !important;
	font-weight: 700 !important;
	font-family: var(--rev-font-text), "SF UI Text", system-ui, sans-serif !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-align: center !important;
	box-shadow: none !important;
}

html body.rev-mido-fonts .rev-ai-shop .product-small.box:hover .add-to-cart-button a,
html body.rev-mido-fonts .rev-flow .product-small.box:hover .add-to-cart-button a {
	filter: brightness(1.05);
	transform: translateY(-1px);
}

/* Ẩn dòng gợi ý biến thể dưới giá (làm lệch chiều cao thẻ) */
html body.rev-mido-fonts .product-small.box .box-text > p:not(.star-rating) {
	display: none !important;
}

html body.rev-mido-fonts .product-small.box .box-text .wc-block-components-product-badge {
	display: none !important;
}

/* Flickity carousel trang chủ: các cột cùng chiều cao */
html body.rev-mido-fonts .rev-ai-shop .flickity-slider,
html body.rev-mido-fonts .rev-flow .flickity-slider {
	display: flex !important;
	align-items: stretch !important;
}

html body.rev-mido-fonts .rev-ai-shop .flickity-slider > .col,
html body.rev-mido-fonts .rev-flow .flickity-slider > .col {
	display: flex !important;
	height: auto !important;
	min-height: 100% !important;
}