/*
Theme Name:   Duoc Si Nha Thuoc (Astra Child)
Theme URI:    https://example.com
Description:  Child theme cua Astra cho website TPCN/my pham da danh muc.
              Theo docs/adr/0001-bo-wedge-launch-da-danh-muc.md: bo wedge mot
              danh muc, launch day du Thuc pham chuc nang / Duoc my pham /
              Cham soc ca nhan / Thiet bi y te + Kien thuc + Affiliate cung
              luc. Xem CONTEXT.md cho glossary day du.
Author:       Duoc Si
Template:     astra
Version:      1.0.0
Text Domain:  duocsi-nhathuoc
*/

/*
 * KHONG @import parent style.css o day - functions.php da wp_enqueue_style()
 * 'astra-parent-style' truoc va khai bao no la dependency cua child style
 * (duocsi_enqueue_styles()). Them @import se tai CSS cua Astra 2 lan tren
 * moi trang.
 */

:root {
	--duocsi-color-primary: #0f7a5c;
	--duocsi-color-primary-dark: #0a5a43;
	--duocsi-color-text: #1f2a24;
	--duocsi-color-muted: #5b6b62;
	--duocsi-color-border: #dfe7e2;
	--duocsi-color-bg-soft: #f4faf7;
	--duocsi-color-verified: #0f7a5c;
	--duocsi-color-affiliate: #9a6a00;
	--duocsi-color-affiliate-bg: #fff6e5;
	--duocsi-font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* ---------- Typography: ap dung font 'Be Vietnam Pro' da enqueue trong ---------- */
/* functions.php (duocsi_enqueue_styles) nhung chua tung duoc gan vao CSS -
   toan site dang fallback ve font he thong mac dinh cua Astra. */
body,
button,
input,
select,
textarea {
	font-family: var(--duocsi-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--duocsi-font-family);
	font-weight: 700;
}

/* ---------- Trust bar (chung, khong gan san pham cu the) ---------- */
.duocsi-trust-bar {
	background: var(--duocsi-color-bg-soft);
	color: var(--duocsi-color-text);
	font-size: 0.85rem;
	padding: 0.5rem 1rem;
	text-align: center;
	border-bottom: 1px solid var(--duocsi-color-border);
}

.duocsi-trust-bar a {
	color: var(--duocsi-color-primary);
	font-weight: 600;
	margin-left: 0.35rem;
}

.duocsi-footer-credential {
	font-size: 0.8rem;
	color: var(--duocsi-color-muted);
	padding: 0.75rem 1rem;
	border-top: 1px solid var(--duocsi-color-border);
}

/* ---------- Nhan san pham: chinh hang (tu ban) vs da kiem dinh (affiliate) ---------- */
.duocsi-badge {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 600;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	line-height: 1.4;
}

.duocsi-badge-chinh-hang,
.duocsi-badge-kiem-dinh {
	background: #e7f5ef;
	color: var(--duocsi-color-verified);
}

.duocsi-badge-lien-ket {
	background: var(--duocsi-color-affiliate-bg);
	color: var(--duocsi-color-affiliate);
	margin-left: 0.35rem;
}

/* ---------- Hang icon tin cay chung tren trang san pham ---------- */
.duocsi-product-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0.75rem 0;
	font-size: 0.85rem;
	color: var(--duocsi-color-muted);
}

.duocsi-product-trust-item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.duocsi-product-trust-item .duocsi-trust-icon svg {
	width: 18px;
	height: 18px;
	color: var(--duocsi-color-primary);
	flex-shrink: 0;
}

/* ---------- Trang chi tiet san pham: dong bo voi mau brand thay vi mau ---------- */
/* xanh duong mac dinh cua Astra/WooCommerce (xem finding /design-review). */
.single-product div.summary p.price,
.single-product div.summary p.price ins {
	color: var(--duocsi-color-primary-dark);
}

.single-product div.summary .single_add_to_cart_button.button {
	background-color: var(--duocsi-color-primary) !important;
	border-color: var(--duocsi-color-primary) !important;
	color: #fff !important;
}

.single-product div.summary .single_add_to_cart_button.button:hover {
	background-color: var(--duocsi-color-primary-dark) !important;
	border-color: var(--duocsi-color-primary-dark) !important;
}

.single-product div.images .woocommerce-product-gallery__wrapper {
	border: 1px solid var(--duocsi-color-border);
	border-radius: 10px;
	overflow: hidden;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--duocsi-color-primary-dark);
}

/* Loi Astra tren mobile: li.active::before la thanh chi bao 3px dinh vi   */
/* absolute, dung tot khi <li> la inline-block (desktop) nhung Astra tu    */
/* chuyen <li> sang display:block duoi 544px - khien thanh 3px keo dai het */
/* chieu rong container thay vi nam gon duoi chu tab dang chon. An no di   */
/* va dung mau chu dam (da co san) lam dau hieu tab dang chon, dong thoi   */
/* them duong ke phan cach giua cac tab xep chong. */
@media (max-width: 544px) {
	.woocommerce-tabs ul.tabs li::before {
		display: none;
	}
	.woocommerce-tabs ul.tabs li {
		border-bottom: 1px solid var(--duocsi-color-border);
	}
	.woocommerce-tabs ul.tabs li:last-child {
		border-bottom: none;
	}
	.woocommerce-tabs ul.tabs li a {
		padding: 0.75rem 0.25rem;
	}
}

.duocsi-tab-thanh-phan,
.duocsi-tab-huong-dan {
	max-width: 72ch;
	font-size: 0.95rem;
}

/* ---------- Affiliate disclosure (dau bai viet neu co tick checkbox) ---------- */
.duocsi-affiliate-disclosure {
	margin-bottom: 1.25rem;
	padding: 0.75rem 1rem;
	background: var(--duocsi-color-affiliate-bg);
	border-left: 3px solid var(--duocsi-color-affiliate);
	color: var(--duocsi-color-affiliate);
	font-size: 0.85rem;
}

/* ---------- Author badge (khu Bai viet - hien tren MOI bai, xem ADR 0003) ---------- */
.duocsi-author-badge {
	margin-top: 1.5rem;
	padding: 0.85rem 1rem;
	background: var(--duocsi-color-bg-soft);
	border-left: 3px solid var(--duocsi-color-primary);
	font-size: 0.85rem;
}

/* ---------- Zalo float button ---------- */
.duocsi-zalo-float {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 999;
	background: #0068ff;
	color: #fff;
	font-weight: 700;
	font-size: 0.85rem;
	padding: 0.65rem 1rem;
	border-radius: 999px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
	text-decoration: none;
}

/* ---------- Trang chu = Cua hang: hang icon tin cay + luoi san pham ---------- */
.duocsi-trust-icons-wrap {
	background: var(--duocsi-color-bg-soft);
	padding: 1rem;
	margin-bottom: 1.5rem;
}

.duocsi-trust-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
	max-width: 1200px;
	margin: 0 auto;
}

.duocsi-trust-icon-item {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.85rem;
	color: var(--duocsi-color-text);
}

.duocsi-trust-icon-item .duocsi-trust-icon {
	color: var(--duocsi-color-primary);
	font-weight: 700;
}

.duocsi-trust-icon-item .duocsi-trust-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

.duocsi-trust-icon-item p {
	margin: 0;
}

/* ---------- Luoi san pham (Trang chu + trang Danh muc): dong bo voi mau ---------- */
/* brand va bo cuc card thay vi de mac dinh Astra/WooCommerce quyet dinh. */
.woocommerce ul.products li.product {
	border: 1px solid var(--duocsi-color-border);
	border-radius: 10px;
	overflow: hidden;
	padding: 0 !important;
}

.woocommerce ul.products li.product img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product > a:not(.button) {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.woocommerce ul.products li.product .price {
	color: var(--duocsi-color-primary-dark);
	font-weight: 700;
}

.woocommerce ul.products li.product .button {
	background-color: var(--duocsi-color-primary) !important;
	border-color: var(--duocsi-color-primary) !important;
	color: #fff !important;
	margin: 0 0.75rem 0.75rem !important;
	width: calc(100% - 1.5rem);
}

.woocommerce ul.products li.product .button:hover {
	background-color: var(--duocsi-color-primary-dark) !important;
	border-color: var(--duocsi-color-primary-dark) !important;
}

.woocommerce-pagination ul.page-numbers {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
	margin: 2rem 0 0;
}

.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination ul.page-numbers li span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	border-radius: 6px;
	text-decoration: none;
	color: var(--duocsi-color-text);
}

.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
	background: var(--duocsi-color-primary);
	color: #fff;
	font-weight: 600;
}

/* ---------- Chip danh muc con tren trang archive (xem inc/category- ---------- */
/* subcategory-chips.php) - chi render khi danh muc cha co con con hang. */
.duocsi-subcategory-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
}

.duocsi-subcategory-chips a {
	display: inline-block;
	padding: 0.4rem 0.85rem;
	border: 1px solid var(--duocsi-color-border);
	border-radius: 999px;
	font-size: 0.82rem;
	text-decoration: none;
	color: var(--duocsi-color-text);
}

.duocsi-subcategory-chips a:hover {
	border-color: var(--duocsi-color-primary);
	color: var(--duocsi-color-primary-dark);
}

.duocsi-subcategory-chips a[aria-current="page"] {
	background: var(--duocsi-color-primary);
	border-color: var(--duocsi-color-primary);
	color: #fff;
	font-weight: 600;
}

.duocsi-knowledge-link-row {
	text-align: center;
	margin: 1.5rem 0;
}

.duocsi-knowledge-link-row a {
	color: var(--duocsi-color-primary);
	font-weight: 600;
}

/* ---------- Header: nhan dang trang hien tai tren menu chinh ---------- */
/* .main-header-menu la class menu wrapper cua Astra, .current-menu-item la */
/* class WordPress core tu dong gan cho <li> dang active - khong dong den   */
/* markup/JS cua Astra, chi them mau brand cho trang dang xem. */
.main-header-menu .current-menu-item > a {
	color: var(--duocsi-color-primary-dark);
	font-weight: 600;
}

/* ---------- Header: an site-title text trung lap voi custom logo ---------- */
/* Logo da hien ten "Nha thuoc Hoai Chau" dang hinh anh, span.site-title text
   ("Test" - Site Title trong Settings > General) bi thua va vo cot hep tren
   mobile (moi ky tu 1 dong). body.wp-custom-logo la class core WordPress gan
   khi da chon Custom Logo trong Customizer. */
body.wp-custom-logo .ast-site-title-wrap {
	display: none;
}

/* ---------- Trang gio hang: mau brand cho nut + tong tien ---------- */
.woocommerce-cart .cart-collaterals .cart_totals .order-total .amount,
.woocommerce-cart table.cart td.product-subtotal .amount {
	color: var(--duocsi-color-primary-dark);
	font-weight: 700;
}

.woocommerce-cart .cart-collaterals .cart_totals .checkout-button,
.woocommerce-cart table.cart .button {
	background-color: var(--duocsi-color-primary) !important;
	border-color: var(--duocsi-color-primary) !important;
	color: #fff !important;
}

.woocommerce-cart .cart-collaterals .cart_totals .checkout-button:hover,
.woocommerce-cart table.cart .button:hover {
	background-color: var(--duocsi-color-primary-dark) !important;
	border-color: var(--duocsi-color-primary-dark) !important;
}

/* Bang gio hang vo lam 2 cot tren mobile (WooCommerce mac dinh chi la     */
/* <table>, khong tu responsive) - dung dung data-title ma WooCommerce da  */
/* san co tren moi <td> lam nhan, khong can them JS. */
@media (max-width: 600px) {
	.woocommerce-cart table.cart thead {
		display: none;
	}
	.woocommerce-cart table.cart tr.cart_item {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem 1rem;
		padding: 0.75rem 0;
		border-bottom: 1px solid var(--duocsi-color-border);
	}
	.woocommerce-cart table.cart td {
		display: flex;
		align-items: center;
		gap: 0.4rem;
		padding: 0 !important;
		border: none !important;
	}
	.woocommerce-cart table.cart td.product-remove {
		order: -1;
		margin-left: auto;
	}
	.woocommerce-cart table.cart td[data-title]::before {
		content: attr(data-title) ":";
		font-weight: 600;
		color: var(--duocsi-color-muted);
		flex-shrink: 0;
	}
	.woocommerce-cart table.cart td.product-thumbnail::before,
	.woocommerce-cart table.cart td.product-remove::before {
		content: none;
	}
}

/* ---------- Trust reassurance canh nut thanh toan (xem inc/cart- ---------- */
/* trust-row.php, hook vao woocommerce_proceed_to_checkout). */
.duocsi-cart-trust-row {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--duocsi-color-border);
	font-size: 0.8rem;
	color: var(--duocsi-color-muted);
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}
.duocsi-cart-trust-row span {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
.duocsi-cart-trust-row svg {
	width: 16px;
	height: 16px;
	color: var(--duocsi-color-primary);
	flex-shrink: 0;
}

/* ---------- Trang thanh toan: mau brand + the phuong thuc ---------- */
.woocommerce-checkout #place_order {
	background-color: var(--duocsi-color-primary) !important;
	border-color: var(--duocsi-color-primary) !important;
	color: #fff !important;
}
.woocommerce-checkout #place_order:hover {
	background-color: var(--duocsi-color-primary-dark) !important;
	border-color: var(--duocsi-color-primary-dark) !important;
}

.woocommerce-checkout #order_review .order-total .amount {
	color: var(--duocsi-color-primary-dark);
	font-weight: 700;
}

/* WooCommerce tu render ul.wc_payment_methods / ul#shipping_method va tu  */
/* xu ly show/hide .payment_box bang JS rieng - o day chi bo style, khong  */
/* dong den hanh vi. */
.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method,
.woocommerce-checkout ul#shipping_method li {
	border: 1px solid var(--duocsi-color-border);
	border-radius: 10px;
	padding: 0.75rem;
	margin-bottom: 0.5rem;
	list-style: none;
}

.duocsi-checkout-trust-row {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--duocsi-color-border);
	font-size: 0.8rem;
	color: var(--duocsi-color-muted);
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}
.duocsi-checkout-trust-row span {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}
.duocsi-checkout-trust-row svg {
	width: 16px;
	height: 16px;
	color: var(--duocsi-color-primary);
	flex-shrink: 0;
}

/* ---------- Icon gio hang o menu header (xem inc/header-cart-icon.php) ---------- */
/* Menu item nay duoc them qua filter wp_nav_menu_items nen van nam trong   */
/* <li> that cua Astra - reset padding/hover mac dinh cua menu item de icon */
/* trong khong bi lech, luon hien du an nav dropdown/hamburger dang mo hay dong. */
li.duocsi-cart-menu-item {
	display: flex;
	align-items: center;
}

li.duocsi-cart-menu-item > a.duocsi-cart-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 6px;
	color: var(--duocsi-color-text);
	padding: 0 !important;
}

li.duocsi-cart-menu-item > a.duocsi-cart-icon:hover {
	background: var(--duocsi-color-bg-soft);
}

.duocsi-cart-icon svg {
	width: 24px;
	height: 24px;
}

.duocsi-cart-count {
	position: absolute;
	top: 2px;
	right: 2px;
	background: var(--duocsi-color-primary);
	color: #fff;
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 3px;
}

.duocsi-cart-count[data-count="0"] {
	display: none;
}

/* ---------- Footer nav ---------- */
.duocsi-footer-nav ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0;
	padding: 0.5rem 1rem;
}