/*-----選取文字後的樣式-----*/
::selection {
background: var(--bricks-color-ntdjdh);
color: #fff;
}
/*-----簍空文字樣式-----*/
.stroke_text{
	-webkit-text-stroke: 1px rgba(255, 234, 212, 0.40);
}
/*-----橘底按鈕_偽元素箭頭-----*/
.hover_arrow_w:after{
  content: "";
  background: url('https://savagesbarber.com/wp-content/uploads/2024/09/arrow_w.svg') no-repeat;
  display: block;
  position: absolute;
  top: 1.8rem;
  right: 2rem;
  width: 3rem;
  height: 1.9rem;
}
/*-----平板尺寸_橘底按鈕_偽元素箭頭-----*/
@media (max-width: 991px) {
	.hover_arrow_w:after{
		top: 1.2rem;
		right: 1.6rem;
		width: 2rem;
	}
}
/*-----白底按鈕_偽元素箭頭-----*/
#brxe-mymrkm:after{
  content: "";
  background: url('https://savagesbarber.com/wp-content/uploads/2024/09/arrow_b.svg') no-repeat;
  display: block;
  position: absolute;
  top: 1.7rem;
  right: 1.7rem;
  width: 3rem;
  height: 1.9rem;
}
/*-----平板尺寸_白底按鈕_偽元素箭頭-----*/
@media (max-width: 991px) {
	#brxe-mymrkm:after{
		top: 1.1rem;
		right: 1.6rem;
		width: 2rem;
	}
}
/*-----橘底按鈕滑入_偽元素_箭頭-----*/
.bricks-button[class*="primary"]:hover:after{
  background: url('https://savagesbarber.com/wp-content/uploads/2024/09/arrow_b.svg') no-repeat;
}
/*-----野人理髮_產品樣式-----*/
.products_template .product{
  align-items: center;
  justify-content: flex-start;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  padding-bottom: 0.2rem;
  transition: all ease .3s;
}
/*-----野人理髮_滑入產品樣式-----*/
.products_template .product:hover{
  border: 0.1rem solid var(--bricks-color-ntdjdh);
  transition: all ease .3s;
}
.products_template .product h5{
  height: -webkit-fill-available;
}
/*-----野人理髮_產品按鈕樣式-----*/
.products_template .button{
  margin-bottom: 2rem;
  position: relative;
  display: block;
}
.products_template .button:after{
  content: "";
  background: url('https://savagesbarber.com/wp-content/uploads/2024/09/arrow_w.svg') no-repeat;
  display: block;
  position: absolute;
  top: 1.1rem;
  right: 1.7rem;
  width: 3rem;
  height: 1.9rem;
}
/*-----手機尺寸_野人理髮_產品按鈕樣式 -----*/
@media (max-width: 767px) {
	.products_template .button:after{
		top: 1.2rem;
		right: 1.6rem;
		width: 2rem;
	}
}
/*-----footer_產品詳情隱藏結帳按鈕-----*/
.miniCart .woocommerce-mini-cart__buttons .checkout{
  display: none!important;
}
/*-----page_分店資訊_分店tab標題切換之間分隔線-----*/
#brxe-jbwjzu > .tab-menu .tab-title:not(:first-child){
	position: relative;
}
#brxe-jbwjzu > .tab-menu .tab-title:not(:first-child):after{
	content: "";
    position: absolute;
    top: 2rem;
    left: 0;
    display: block;
    background: rgba(255, 255, 255, .2);
    width: .1rem;
    height: 2rem;
}

/*-----手機板_page_分店資訊_分店tab標題_變卷軸-----*/
.menu_contant{
	overflow-y: auto;/* 確保內容超出時可以滾動 */
	scroll-behavior: smooth;/* 啟用平滑滾動 */
}
/*-----手機板_page_分店資訊_分店tab標題切換之間分隔線-----*/
#brxe-jbwjzu > .tab-menu .tab-title:not(:first-child):after{
	top: 1.5rem;
}

/* 首頁_男生理髮單點服務_服務說明滑入效果 */
.service_item.brxe-div:hover .service_price_Intro{
	color: #fff;
}
/* 首頁_男生理髮單點服務_價格排版 */
.price_style .pricing-table{
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.price_style .pricing-table-price-wrapper{
  align-items: baseline;
}
.price_style li.repeater-item .pricing-table-header{
  justify-content: flex-start;
  width: auto;
}
/* 首頁_男生理髮單點服務_價格清單下底線 */
.price_style li.pricing-table{
  border-bottom: 0.2rem dashed var(--bricks-color-ahhhza);
}
/* 首頁_男生理髮單點服務_價格滑入效果 */
.price_style .pricing-table-header{
  left: 0rem;
  transition: all ease .3s;
}
.price_style li.repeater-item:hover .pricing-table-header{
  left: 2rem;
  transition: all ease .3s;
}
/* 野人理髮掌握最新髮型趨勢_男士髮型推薦_按鈕漸層 */
#brxe-cqzuqu .bricks-background-dark:hover{
	background:transparent;
}
.hover_gradient.brxe-button:hover::before{
	z-index: -1;
}
/* 手機尺寸_首頁_男生理髮單點服務_價格排版 */
@media (max-width: 767px) {
	.price_style .pricing-table{
		display: inline-grid!important;
		align-items: flex-start;
		justify-content: space-between;
		text-align: left!important;
	}
}
/* 首頁_野人男士理髮_服務據點_Triple X Barber滑入效果 */
#brxe-yowerj:hover .addr,
#brxe-yowerj:hover .tel{
  color: #fff;
}
/* 野人男士商品推薦_背景 */
#brxe-kusxyn:after {
  content: '';
  width: 100%;
  height: 67.6rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url('https://savagesbarber.com/wp-content/uploads/2024/09/野人男士商品推薦_彰顯魅力，野人助你更有型！_BG.webp');
  background-size: cover;
  z-index: -1;
}
/* 首頁_服務項目圖片套無彩色濾鏡 */
.service_content_cards img{
  filter: grayscale(100%);
}
/* 首頁__服務項目圖片尺寸 */
.service_content_cards img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
/* 首頁__服務項目圖片尺寸+濾鏡拿掉 */
.service_content_cards:hover img {
  filter: grayscale(0%);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.service_content_cards:before{
  z-index: 1!important;
}
.service_content_cards:hover:before{
  z-index: 1;
  border: 0.1rem solid #f04806;
}
.service_content_cards:hover .service_price_Intro.brxe-text-basic{
  color: #fff;
}

/*文章目錄連結位置*/
.post_content h2, .post_content h3, .post_content h4{
  	scroll-margin-top: 12rem;
}

/*文章內容----------------------------------------*/
.post_content h2{
    margin: 3rem 0 2rem;
    padding: 1.6rem;
    background-color: #f5f5f5;
    border-left: .3rem solid var(--bricks-color-ntdjdh);
}
.post_content h3{
    margin: 3rem 0 2rem;
    padding-bottom: 1.6rem;
    border-bottom: .3rem solid var(--bricks-color-ntdjdh);
}
.post_content h4{
    margin: 3rem 0 1rem;
}
.post_content h4:before{
    content:"✪";
    margin-right: .8rem;
}

/*文章表格-------------------------------------*/
.wp-block-table thead{
    background: var(--bricks-color-chcwcc);
    color: #fff;
    border-bottom: none;
}
.wp-block-table th{
    border: 1px solid rgba(255,255,255,0.30);
    line-height:1.4;
}
.wp-block-table td{
    border: 1px solid rgba(0,0,0,0.15);
    line-height:1.6;
}
/*表格圓角*/
.wp-block-table table{
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
}

/*文章按鈕-------------------------------------*/
.wp-block-button__link{
    margin: 3rem 0;
    padding: 1rem;
    background: var(--bricks-color-chcwcc);
    color: #fff!important;
    border-radius: .4rem;
    min-width: 25rem;
    font-size: 1.8rem !important;
}
.wp-block-button__link:hover{
    background: var(--bricks-color-ntdjdh);
}

/*文章相關文章----------------------------------------------------*/
.ReadMore{
    margin: 5rem 0 2rem;
    padding: 3rem 2rem 2rem 5rem;
		position: relative;
    border: 1px solid var(--bricks-color-mlxrbo);
    border-radius: .5rem;
}
.ReadMore:before{
    content: '相關文章';
    position: absolute;
    top: -1.4rem;
    left: 2rem;
    padding: 0 1.6rem;
    background: var(--bricks-color-chcwcc);
    color: #fff;
    font-size: 1.4rem;
    border-radius: .5rem;
}
/*熱門分類----------------------------------------------------*/
#psot_categories{
	padding: 0;
  margin: 0;
  list-style: none;
}
#psot_categories li:before{
	content:'▪︎';
  margin-right:8px;
}
#psot_categories a{
	color:var(--bricks-color-mlxrbo);
}
#psot_categories a:hover{
	color:var(--bricks-color-xrzdpv);
}
/*熱門標籤----------------------------------------------------*/
#post_tags{
	padding: 0;
  margin: 0;
  list-style: none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

#post_tags li{
	background: #f5f5f5;
  padding: 4px 12px;
  border-radius: 50px;
}
#post_tags li:hover{
	background-color:var(--bricks-color-ntdjdh);
}
#post_tags li:hover a{
	color:#fff;
}

#post_tags a{
	color:var(--bricks-color-ntdjdh);
}

.hidden{
	display:none!important;
}
/* 規格按鈕 - 外層容器控制 */
#variation-box {
  
    display: flex;
    justify-self: flex-start;
    align-items: center;
  flex-wrap: wrap;
    gap: 8px; /* 控制子項目間的間距 */
}
/* 規格按鈕 - 單向按鈕控制 */
.variation-btn {
    padding: 5px 10px;
    margin-right: 5px;
    background-color: #ffffff;
    border: 2px solid #b9b9b9;
    border-radius: 5px;
    cursor: pointer;
  white-space: nowrap; /* 不允許文字自動換行 */
}
/* 規格按鈕 - 單向按鈕hover 與 selected */
.variation-btn:hover,
.variation-btn.selected{
  border: 1px solid #000000;
  color: #000000;
}
.variation-btn.selected{
  background-color: #e2e2e2;
}

/* 數量選擇器 */
.quantity{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.input-text.qty.text{
	order: 1;
	text-align: center;
	border: 1px solid#dedede;
	color: #fff;
}

span.minus{order: 0;}
span.plus{order: 2;}

span.minus,span.plus{
  width: 20%;
  padding: 0.8rem 0.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #dedede;
  cursor: pointer;
	color: #fff;
}
span.minus:hover,
span.plus:hover{
	color: #999;
}
/* Chrome, Safari, Edge, Opera 隱藏上下箭頭 */
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox 隱藏上下箭頭 */
.quantity input[type="number"] {
    -moz-appearance: textfield;
}

/* 購物車按鈕、立即購買按鈕 */
form.Customised-AddToCart-form,
form.Customised-BuyNow-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* 立即購買彈窗_數字選擇器邊框 */
.input-text.qty.text{
	border: .1rem solid #ffffff;
	border-radius: 0rem!important;
}
form.Customised-AddToCart-form .quantity
form.Customised-BuyNow-form .quantity {
  display: none;
  /* 計數器隱藏，這個結構少不了 */
}

form.Customised-AddToCart-form .single_add_to_cart_button,
.single_buy_now_button {
  width: 100%;
  /* 加入購物車按鈕 */
}

.product_item .product_btn{
	opacity: 1!important;
	visibility: visible;
}
.hasDiscount{
  color: white;
  text-decoration: line-through;
}

/* 總商品頁 - 購物車按鈕 */
.custCartBTN .woocommerce .button,
.custCartBTN a.button{
  border: .1rem solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  border-radius: .8rem;

  width: 100%;
  transition: all .3s ease;
}

.custCartBTN form.cart .quantity{
  display: none;
}

.custCartBTN form.cart .button.hasAddToCart {
  border: .1rem solid #00A010!important;
  background-color : #00A010!important;
  color: white!important;
}
.custCartBTN form.cart  .banAddToCart{
  border: .1rem solid var(--bricks-color-lypwtl)!important;
  background-color : var(--bricks-color-lypwtl)!important;
  color: white!important;
}

/* 隱藏查看更多按鈕 */
.custCartBTN .added_to_cart.wc-forward {
  display: none;
}
/* 結帳頁面不希望出現的東西*/
.brxe-container.before-checkout {
    display: none;
}
#billing_country_field{
 display: none;
}
/* 結帳頁面表格邊框*/
.woocommerce-checkout .shop_table tbody td,
.woocommerce-order-details table tbody tr{
	border-color: rgba(255, 255, 255, 0.5)!important;
}
/* 編輯地址頁面_下拉選單樣式*/
.select2-dropdown{
	background: #474747;
	color: #fff;
}
/* 編輯地址頁面_欄位樣式*/
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #fff;
}
/* 結帳頁面_下拉選單樣式*/
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color: #0073aa;
}
/* 結帳頁面_下拉選單_輸入樣式*/
.select2-search--dropdown .select2-search__field{
	background: #333;
}

/* 未開啟購物車頁 */
.wp-site-blocks .wp-block-woocommerce-coming-soon{
  width: 100vw;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.wp-site-blocks .wp-block-woocommerce-coming-soon h1{
    color: var(--bricks-color-ntdjdh);
}