/**
 * chibidecor — CSS tuỳ biến.
 *
 * File này nạp SAU stylesheet của Flatsome nên ghi đè được mà không cần !important.
 * Bảng màu (--chibi-*) khai báo trong functions.php của child theme.
 *
 * Bề rộng container KHÔNG đặt ở đây: Flatsome tự sinh từ theme_mod `site_width`
 * (đang là 1230 → .container = 1200px). Sửa ở Tuỳ biến › Layout, đừng đè bằng CSS
 * để tránh hai nguồn giá trị đá nhau.
 */

/* ==========================================================================
   Nền tảng
   ========================================================================== */

body {
	color: var(--chibi-ink);
	background: var(--chibi-white);
}

h1, h2, h3, h4, h5, h6,
.heading-font {
	font-weight: 400;
	letter-spacing: -0.01em;
	color: var(--chibi-ink);
}

/* Tiêu đề lớn nhẹ nét hơn — đặc trưng của giao diện tối giản cao cấp */
h1 { font-weight: 300; }

a { color: var(--chibi-ink); }
a:hover { color: var(--chibi-accent); }

/* ==========================================================================
   Hệ bề rộng cho trang full width

   QUAN TRỌNG: Flatsome KHÔNG bọc nội dung trang trong .entry-content — nó dùng
   .content-area, và các thẻ h2/p/ul nằm làm con TRỰC TIẾP của khối này.
   Phiên bản trước nhắm .entry-content nên không khớp selector nào, khiến chữ
   trên trang full-width tràn sát mép màn hình.

   Ba mức bề rộng:
     - Chữ chạy (prose)  : 820px  — measure dễ đọc, ~75 ký tự mỗi dòng
     - Bảng, form, toggle: 1100px — cần rộng hơn nhưng vẫn trong tầm mắt
     - Section, hero      : tràn viền, tự quản lý bề rộng bên trong
   ========================================================================== */

.page-template-page-blank .content-area > h1,
.page-template-page-blank .content-area > h2,
.page-template-page-blank .content-area > h3,
.page-template-page-blank .content-area > h4,
.page-template-page-blank .content-area > p,
.page-template-page-blank .content-area > ul,
.page-template-page-blank .content-area > ol,
.page-template-page-blank .content-area > blockquote {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.page-template-page-blank .content-area > table,
.page-template-page-blank .content-area > .wpcf7,
.page-template-page-blank .content-area > .chibi-form,
.page-template-page-blank .content-area > .chibi-toggle,
.page-template-page-blank .content-area > .chibi-specs {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Khối tràn viền: tự lo bề rộng bên trong, không giới hạn ở đây */
.page-template-page-blank .content-area > .section,
.page-template-page-blank .content-area > .chibi-hero,
.page-template-page-blank .content-area > .chibi-marquee,
.page-template-page-blank .content-area > .chibi-news {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

/* Khoảng thở trên/dưới vùng nội dung; trang chủ mở bằng hero nên bỏ padding trên */
.page-template-page-blank .content-area {
	padding-top: 56px;
	padding-bottom: 72px;
}

.home .content-area {
	padding-top: 0;
}

/* Trang chủ kết thúc bằng newsletter tràn viền — bỏ luôn padding dưới */
.home .content-area { padding-bottom: 0; }

/* ==========================================================================
   Header & Nav
   ========================================================================== */

.header-main .nav > li > a {
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 400;
}

.header-main .nav > li > a:hover {
	color: var(--chibi-accent);
}

.nav-line-bottom > li > a:before,
.nav-line-grow > li > a:before {
	background-color: var(--chibi-accent);
}

/* ==========================================================================
   WooCommerce
   ========================================================================== */

.price,
.woocommerce-Price-amount {
	color: var(--chibi-ink-soft);
	font-weight: 400;
}

.product-info .price ins {
	color: var(--chibi-accent);
	text-decoration: none;
}

.single_add_to_cart_button,
.button.primary {
	border-radius: var(--chibi-radius);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 500;
}

/* Bảng chọn biến thể: bỏ nền xám mặc định cho hợp tông tối giản */
.variations {
	border: 0;
}

.variations td {
	padding: 8px 0;
	background: none;
}

.variations label {
	font-size: 13px;
	letter-spacing: 0.04em;
	color: var(--chibi-muted);
}

/* Breadcrumb nhạt đi để không tranh chấp thị giác với tên sản phẩm */
.breadcrumbs {
	font-size: 12px;
	letter-spacing: 0.04em;
	color: var(--chibi-muted);
}

/* ==========================================================================
   Form liên hệ (Contact Form 7)
   ========================================================================== */

.chibi-form {
	max-width: 860px;
	margin: 0 auto;
}

.chibi-form__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 24px;
}

.chibi-form__field {
	margin-bottom: 20px;
}

.chibi-form__field label {
	display: block;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: var(--chibi-muted);
}

.chibi-form__req {
	color: var(--chibi-accent);
}

.chibi-form__hint {
	color: var(--chibi-muted);
	font-size: 12px;
	letter-spacing: 0;
	text-transform: none;
}

.chibi-form input[type="text"],
.chibi-form input[type="tel"],
.chibi-form input[type="email"],
.chibi-form select,
.chibi-form textarea {
	width: 100%;
	margin-top: 8px;
	padding: 13px 16px;
	border: var(--chibi-track);
	border-radius: var(--chibi-radius);
	background: var(--chibi-white);
	box-shadow: none;
	font-size: 15px;
	color: var(--chibi-ink);
	transition: border-color 0.3s var(--chibi-ease);
}

.chibi-form input:focus,
.chibi-form select:focus,
.chibi-form textarea:focus {
	border-color: var(--chibi-accent);
	outline: none;
	box-shadow: none;
}

.chibi-form input[type="file"] {
	margin-top: 8px;
	margin-bottom: 6px;
	font-size: 13px;
	color: var(--chibi-muted);
}

.chibi-form__submit {
	margin-top: 8px;
}

.chibi-form input[type="submit"] {
	width: auto;
	min-width: 240px;
}

.chibi-form__note {
	margin-top: 14px;
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--chibi-muted);
}

.wpcf7 form .wpcf7-response-output {
	margin: 20px 0 0;
	padding: 14px 18px;
	border-radius: var(--chibi-radius);
	border-width: 1px;
	font-size: 14px;
}

.wpcf7-not-valid-tip {
	color: #b3261e;
	font-size: 12.5px;
	margin-top: 6px;
}

@media (max-width: 767px) {
	.chibi-form__row {
		grid-template-columns: 1fr;
	}
	.chibi-form input[type="submit"] {
		width: 100%;
	}
}

/* ==========================================================================
   Trang lưu trữ Không gian / Bộ sưu tập / Dự án
   ========================================================================== */

.term-description,
.taxonomy-description {
	max-width: 70ch;
	margin: 0 auto 40px;
	color: var(--chibi-muted);
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
}

.post-type-archive-chibi_project .page-title,
.single-chibi_project .entry-header {
	text-align: center;
}

/* ==========================================================================
   Bài viết
   ========================================================================== */

.single-post .entry-content {
	max-width: 780px;
	margin: 0 auto;
	font-size: 16.5px;
	line-height: 1.8;
}

.single-post .entry-content h2 {
	margin-top: 2em;
	font-size: 26px;
}

.single-post .entry-content h3 {
	margin-top: 1.6em;
	font-size: 19px;
}

.single-post .entry-content table {
	font-size: 15px;
}

/* Element Chibi trong bài viết được phá khung để rộng hơn cột chữ */
.single-post .entry-content .chibi-collection {
	max-width: none;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer-wrapper .widget .widget-title {
	font-size: 12px;
	letter-spacing: var(--chibi-eyebrow-ls);
	text-transform: uppercase;
	color: var(--chibi-muted);
}

.absolute-footer {
	font-size: 12.5px;
}

/* ==========================================================================
   Hệ chữ
   Be Vietnam Pro cho toàn site. Thang cỡ chữ dùng clamp() để tự co giãn theo
   viewport, không cần media query cho từng mức.
   ========================================================================== */

:root {
	--chibi-font: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
.button,
.nav > li > a {
	font-family: var(--chibi-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.005em;
}

/* Tiêu đề dùng SERIF. Khối này trước đây trỏ vào --chibi-font (sans) — tàn dư từ
   lần chỉ dùng một font, và vì custom.css nạp sau nên nó đè mất serif khai báo
   trong chibi-elements.css. Đó là lý do tiêu đề hero render ra sans. */
h1, h2, h3, h4, h5, h6,
.heading-font,
.chibi-hero__title,
.chibi-section-head__title {
	font-family: var(--chibi-serif);
}

h1, .chibi-hero__title { font-weight: 400; letter-spacing: -0.005em; }
h2 { font-weight: 400; letter-spacing: 0; }
h3 { font-weight: 500; letter-spacing: 0; }

/* Nav, nút, nhãn giao diện giữ sans — serif chỉ dành cho tiêu đề */
.nav > li > a,
.button,
input,
select,
textarea,
.chibi-eyebrow,
.chibi-btn {
	font-family: var(--chibi-sans);
}

/* Chữ dẫn in hoa giãn ký tự — mô-típ nhận diện chạy xuyên suốt site */
.chibi-hero__eyebrow,
.chibi-card__eyebrow,
.chibi-specs__label,
.widget-title,
.section-title {
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/* ==========================================================================
   Nút — thống nhất một ngôn ngữ cho cả Flatsome, WooCommerce và element Chibi
   ========================================================================== */

.button,
button[type="submit"],
input[type="submit"],
.single_add_to_cart_button,
.chibi-btn {
	font-family: var(--chibi-font);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: var(--chibi-radius);
	box-shadow: none;
	transition: background-color 0.35s var(--chibi-ease), color 0.35s var(--chibi-ease),
		border-color 0.35s var(--chibi-ease), transform 0.35s var(--chibi-ease);
}

.button:not(.is-outline),
.single_add_to_cart_button {
	background-color: var(--chibi-ink);
	border-color: var(--chibi-ink);
	color: #fff;
	min-height: 50px;
	padding: 0 34px;
}

.button:not(.is-outline):hover,
.single_add_to_cart_button:hover {
	background-color: var(--chibi-accent);
	border-color: var(--chibi-accent);
	transform: translateY(-1px);
}

.button.is-outline {
	border-width: 1px;
	border-color: var(--chibi-line);
	color: var(--chibi-ink);
	background: transparent;
}

.button.is-outline:hover {
	border-color: var(--chibi-ink);
	background: var(--chibi-ink);
	color: #fff;
}

/* Bỏ hiệu ứng đổ bóng mặc định của Flatsome — không hợp tông phẳng, tối giản */
.box-shadow,
.box-shadow-2,
.button.is-shadow { box-shadow: none; }

/* ==========================================================================
   Nhịp bố cục
   Khoảng trắng là thứ tạo cảm giác cao cấp — nhiều hơn hiệu ứng.
   ========================================================================== */

.section-content > .row,
.page-template-page-blank .section { padding-top: 0; padding-bottom: 0; }

.chibi-section-head { margin-bottom: clamp(28px, 4vw, 56px); }

.chibi-collection,
.chibi-highlights,
.chibi-specs,
.chibi-ba,
.chibi-toggle { margin-block: clamp(40px, 6vw, 96px); }

/* ==========================================================================
   Header
   ========================================================================== */

.header-main { border-bottom: 1px solid var(--chibi-line); }

.stuck .header-main {
	box-shadow: 0 1px 0 var(--chibi-line);
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: saturate(180%) blur(12px);
}

#logo a {
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 0.02em;
	color: var(--chibi-ink);
}

.header-top {
	font-size: 12px;
	letter-spacing: 0.06em;
	border-bottom: 1px solid var(--chibi-line);
}

/* Icon giỏ hàng / tài khoản mảnh nét cho đồng bộ với icon SVG của Chibi */
.header-button .icon-shopping-basket,
.header-button .icon-user,
.icon-search { font-weight: 300; }

.cart-icon strong {
	border-width: 1px;
	font-weight: 500;
	font-size: 11px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer-wrapper {
	background: var(--chibi-surface);
	border-top: 1px solid var(--chibi-line);
}

.footer-widgets {
	padding-top: 64px;
	padding-bottom: 48px;
}

.footer-widgets .widget > ul > li {
	border: 0;
	padding: 5px 0;
}

.footer-widgets .widget a { color: var(--chibi-muted); }
.footer-widgets .widget a:hover { color: var(--chibi-accent); }

.absolute-footer {
	border-top: 1px solid var(--chibi-line);
	padding: 18px 0;
	color: var(--chibi-muted);
}

/* ==========================================================================
   Chừa chỗ cho cụm liên hệ nổi, tránh che nút mua hàng dính đáy trên mobile
   ========================================================================== */

@media (max-width: 849px) {
	.product-sticky-add-to-cart,
	.sticky-add-to-cart--active { padding-right: 72px; }
}

/* ==========================================================================
   Announcement bar
   ========================================================================== */

.chibi-announce {
	background: var(--chibi-ink);
	color: rgba(250, 248, 245, 0.9);
	font-size: 11.5px;
	letter-spacing: 0.06em;
	text-align: center;
	padding: 9px 16px;
}

.chibi-announce__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	max-width: 1200px;
	margin: 0 auto;
}

.chibi-announce__dot { color: var(--chibi-accent); }

@media (max-width: 549px) {
	/* Điện thoại hẹp: chỉ giữ thông điệp đầu, tránh dải cao 3 dòng đẩy hết nội dung xuống */
	.chibi-announce__item:not(:first-child),
	.chibi-announce__dot { display: none; }
}

/* ==========================================================================
   Hiệu chỉnh cỡ chữ cho Montserrat

   Khối này trước đây bù cho Cormorant Garamond: serif đó có x-height nhỏ nên
   phải TĂNG cỡ 15–20% mới cân với sans. Montserrat ngược lại — x-height rất
   lớn, cùng font-size trông to hơn hẳn. Giữ nguyên các con số cũ thì tiêu đề
   phình ra và trang mất hết khoảng thở, nên toàn bộ thang cỡ giảm xuống.

   Weight cũng đổi: Cormorant cần 400 vì nét nó vốn mảnh; Montserrat 600 mới ra
   được độ chắc của tiêu đề, còn 400 thì nhạt so với thân bài Roboto.
   ========================================================================== */

.chibi-section-head__title,
.chibi-news__title,
.chibi-hero__title,
h1, h2, h3, h4 {
	font-weight: 600;
	letter-spacing: -0.01em;
}

.chibi-hero--split .chibi-hero__title {
	font-size: clamp(36px, 4.2vw, 58px);
	line-height: 1.12;
}

.chibi-section-head__title {
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.2;
}

.chibi-news__title { font-size: clamp(24px, 2.6vw, 34px); }

.single-post .entry-content h2,
.page .content-area h2,
.page .entry-content h2 { font-size: clamp(22px, 2vw, 28px); }

.single-post .entry-content h3,
.page .content-area h3,
.page .entry-content h3 { font-size: clamp(18px, 1.6vw, 21px); }

.chibi-card__title { font-size: 16px; }
.chibi-collection--overlay .chibi-card__title { font-size: 19px; }
.chibi-process__title { font-size: 17px; }
.chibi-quote__text { font-size: 17px; line-height: 1.6; }

/* Thân bài dùng Roboto, tiêu đề dùng Montserrat. Cả hai đều là sans, phân biệt
   nhau bằng dáng chữ và độ đậm chứ không bằng chân chữ như cặp serif/sans cũ. */
.content-area p,
.entry-content p,
.chibi-section-head__sub,
.chibi-hero__subtitle {
	font-family: var(--chibi-sans);
}

/* Bảng chữ trên trang template mặc định: Flatsome đã có container riêng,
   chỉ cần giới hạn measure cho dễ đọc, không đụng tới bề rộng container. */
/* Giới hạn measure cho trang chữ.
   Wrapper thật của Flatsome là .col-inner (KHÔNG phải .entry-content — page
   không có wrapper đó, đây là lần thứ hai tôi nhắm nhầm selector này). */
.page .col-inner > p,
.page .col-inner > ul,
.page .col-inner > ol,
.page .col-inner > h2,
.page .col-inner > h3,
.page .col-inner > h4,
.page .col-inner > table {
	max-width: 74ch;
}

/* Top Bar của Flatsome render ra một dải rỗng dù đã bỏ hết phần tử bên trong.
   Announcement bar (.chibi-announce) đã thay vai trò của nó nên ẩn hẳn,
   tránh khoảng trống thừa đẩy header xuống. */
.header-top {
	display: none !important;
}

/* Khối chữ căn giữa trong container thay vì dồn trái — cân đối hơn khi
   measure (74ch) hẹp hơn nhiều so với bề rộng container. */
.page .col-inner > p,
.page .col-inner > ul,
.page .col-inner > ol,
.page .col-inner > h2,
.page .col-inner > h3,
.page .col-inner > h4,
.page .col-inner > table {
	margin-left: auto;
	margin-right: auto;
}

/* Dòng mô tả đầu trang của Flatsome nằm ngoài container — kéo vào cho thẳng hàng */
.page-header-excerpt {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	color: var(--chibi-muted);
	font-size: 14px;
}

/* ==========================================================================
   Contact Form 7 — ghi đè style mặc định của Flatsome

   Flatsome style thẳng vào input[type=...] với specificity cao, nên phải nhắm
   qua class .wpcf7-form-control của CF7 mới thắng được. Nút submit cũng bị
   Flatsome tô xanh dù đã gắn class .chibi-btn--solid.
   ========================================================================== */

.chibi-form .wpcf7-form-control:not([type="submit"]):not([type="file"]) {
	width: 100%;
	margin-top: 8px;
	padding: 14px 16px;
	border: 1px solid var(--chibi-line);
	border-radius: var(--chibi-radius);
	background: var(--chibi-white);
	box-shadow: none;
	font-family: var(--chibi-sans);
	font-size: 15px;
	line-height: 1.5;
	color: var(--chibi-ink);
	height: auto;                 /* Flatsome ép height cố định làm select bị cắt chữ */
	min-height: 52px;
	transition: border-color 0.3s var(--chibi-ease);
}

.chibi-form select.wpcf7-form-control {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 44px;
	/* Mũi tên tự vẽ bằng SVG inline, không phụ thuộc icon font của theme */
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238a8279' stroke-width='1.5' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	cursor: pointer;
}

.chibi-form textarea.wpcf7-form-control {
	min-height: 130px;
	resize: vertical;
}

.chibi-form .wpcf7-form-control:focus {
	border-color: var(--chibi-accent);
	outline: none;
	box-shadow: none;
}

/* Ô tải ảnh: gói input mặc định vào khung có viền đứt cho đồng bộ */
.chibi-form input[type="file"].wpcf7-form-control {
	width: 100%;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 12px 14px;
	border: 1px dashed var(--chibi-line);
	border-radius: var(--chibi-radius);
	background: var(--chibi-surface);
	font-size: 13px;
	color: var(--chibi-muted);
	cursor: pointer;
}

.chibi-form input[type="file"]::file-selector-button {
	margin-right: 14px;
	padding: 8px 16px;
	border: 1px solid var(--chibi-line);
	border-radius: var(--chibi-radius);
	background: var(--chibi-white);
	font-family: var(--chibi-sans);
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--chibi-ink);
	cursor: pointer;
}

/* Nút gửi — ép màu thương hiệu, thắng style mặc định của Flatsome */
.chibi-form input[type="submit"].wpcf7-submit {
	width: auto;
	min-width: 260px;
	min-height: 54px;
	padding: 0 36px;
	border: 1px solid var(--chibi-ink);
	border-radius: var(--chibi-radius);
	background-color: var(--chibi-ink);
	color: #fff;
	font-family: var(--chibi-sans);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	box-shadow: none;
	cursor: pointer;
	transition: background-color 0.35s var(--chibi-ease), border-color 0.35s var(--chibi-ease);
}

.chibi-form input[type="submit"].wpcf7-submit:hover {
	background-color: var(--chibi-accent);
	border-color: var(--chibi-accent);
}

/* Bảng thông tin liên hệ */
.page .col-inner > table th {
	width: 30%;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--chibi-muted);
	vertical-align: top;
}

.page .col-inner > table td { font-size: 15px; }

/* CF7 sinh <br> thừa quanh label — vô hiệu hoá phần dôi ra */
.chibi-form__field > br,
.chibi-form label > br:first-child { display: none; }

/* ==========================================================================
   Shop Sidebar
   ========================================================================== */

#shop-sidebar .widget,
.shop-sidebar .widget { margin-bottom: 36px; }

.chibi-side-list { margin: 0; padding: 0; list-style: none; }

.chibi-side-list li { border-bottom: 1px solid var(--chibi-line); }
.chibi-side-list li:first-child { border-top: 1px solid var(--chibi-line); }

.chibi-side-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 0;
	font-size: 14px;
	color: var(--chibi-ink);
	transition: color 0.25s var(--chibi-ease), padding-left 0.25s var(--chibi-ease);
}

.chibi-side-list a:hover { color: var(--chibi-accent); padding-left: 6px; }

.chibi-side-count {
	flex: 0 0 auto;
	font-size: 11.5px;
	color: var(--chibi-muted);
}

.chibi-side-cta {
	padding: 26px 22px;
	background: var(--chibi-surface);
	border: 1px solid var(--chibi-line);
	border-radius: var(--chibi-radius);
}

.chibi-side-cta h4 {
	margin: 0 0 8px;
	font-family: var(--chibi-serif);
	font-size: 19px;
	font-weight: 400;
}

.chibi-side-cta p {
	margin: 0 0 18px;
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--chibi-muted);
}

/* ==========================================================================
   Tab trang chi tiết sản phẩm

   Mặc định Flatsome dùng gạch chân xanh và chữ nhỏ sát nhau. Chuyển sang
   ngôn ngữ của site: in hoa giãn ký tự, gạch chân màu đồng, nhiều khoảng thở.
   ========================================================================== */

.product-tabs {
	border-bottom: 1px solid var(--chibi-line);
	margin-bottom: 0;
}

.product-tabs > li > a {
	padding: 0 0 14px;
	margin-right: 34px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--chibi-muted);
	border: 0;
	background: none;
	transition: color 0.3s var(--chibi-ease);
}

.product-tabs > li > a:hover { color: var(--chibi-ink); }

.product-tabs > li.active > a,
.product-tabs > li.has-icon.active > a {
	color: var(--chibi-ink);
	background: none;
	border: 0;
	box-shadow: inset 0 -2px 0 var(--chibi-accent);
}

.product-tabs > li:last-child > a { margin-right: 0; }

/* Nội dung tab */
.woocommerce-Tabs-panel,
.tab-panels .panel {
	padding-top: 34px;
	padding-bottom: 12px;
}

.woocommerce-Tabs-panel p,
.tab-panels .panel p {
	max-width: 76ch;
	font-size: 15.5px;
	line-height: 1.8;
	color: var(--chibi-ink-soft);
}

.woocommerce-Tabs-panel h2 { display: none; } /* tiêu đề lặp lại tên tab */

/* Bảng "Thông tin bổ sung" */
.woocommerce-product-attributes {
	max-width: 720px;
	border: var(--chibi-track);
	border-collapse: collapse;
}

.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
	padding: 13px 18px;
	border-bottom: var(--chibi-track);
	font-size: 14.5px;
	background: none;
}

.woocommerce-product-attributes th {
	width: 34%;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: var(--chibi-muted);
}

.woocommerce-product-attributes tr:nth-child(odd) { background: var(--chibi-surface); }

/* Khu đánh giá */
#reviews .commentlist { padding-left: 0; }
#reviews .comment-text { border: var(--chibi-track); padding: 20px; border-radius: var(--chibi-radius); }
#review_form .comment-reply-title { font-family: var(--chibi-serif); font-size: 20px; }

@media (max-width: 549px) {
	.product-tabs > li > a { margin-right: 20px; font-size: 11px; letter-spacing: 0.1em; }
}

/* Trang chi tiết dự án: Flatsome in lại đoạn trích ở cột trái, trùng nguyên văn
   với mở đầu nội dung bên phải. Ẩn đi, giữ lại phần chia sẻ. */
.single-featured_item .entry-summary > p,
.single-featured_item .entry-content-summary > p { display: none; }

.single-featured_item .entry-header .entry-title { font-weight: 400; }