/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Nút trong nội dung bài viết / mô tả danh mục (thay shortcode otw_shortcode_button của plugin đã gỡ).
   Link: <a class="ds-btn" href="…">Mua ngay …</a>; gọi điện: <a class="ds-call-btn" href="tel:+84…">…</a> (thêm icon điện thoại) */
.ds-btn,
.ds-call-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-xs);
	margin: var(--spacing-2xs) 0;
	padding: var(--spacing-sm) var(--spacing-lg);
	border-radius: var(--border-radius-xxl);
	background: var(--surface-on-action);
	color: var(--text-on-action) !important;
	font-weight: var(--type-font-weight-bold);
	text-decoration: none !important;
	line-height: var(--line-height-body-md);
}
.ds-call-btn::before {
	content: "";
	width: var(--scale-500);
	height: var(--scale-500);
	background: currentColor;
	-webkit-mask: url(/wp-content/uploads/2026/10/phone.svg) center / contain no-repeat;
	mask: url(/wp-content/uploads/2026/10/phone.svg) center / contain no-repeat;
}
.ds-btn:hover,
.ds-btn:focus-visible,
.ds-call-btn:hover,
.ds-call-btn:focus-visible {
	background: var(--text-action-hover);
}
.ds-btn:focus-visible,
.ds-call-btn:focus-visible {
	outline: var(--border-width-sm) solid var(--border-action-focus);
	outline-offset: var(--scale-50);
}

/* Checkout: field quốc gia ẩn (chỉ bán VN) */
.ds-hidden-field{display:none!important}

/* Bộ lọc radio Bricks (tab danh mục trang chủ, chip lọc): nút radio ẩn neo trong từng tab. Mặc định neo theo cả thanh tab (left:0)
 → chạm tab trên iPhone, Safari focus radio và cuộn thanh tab về đầu. */
.brxe-filter-radio label{position:relative}