/* ==========================================================================
   Footer 主題色覆寫層
   定義 --footer-color-*，套用至頁尾、聯絡表單、瀏覽紀錄、會員／購物相關按鈕
   ========================================================================== */

/* --- CSS 變數：主色、半透明主色、hover、白／黑及半透明、透明 --- */
:root {
	--footer-color-main: #a98252;
	--footer-color-main-o: rgba(169, 130, 82, .6);
	--footer-color-hover: #a1a09e;
	--footer-color-white: #fff;
	--footer-color-white-o: hsla(0, 0%, 100%, .3);
	--footer-color-black: #000;
	--footer-color-black-o: rgba(0, 0, 0, .3);
	--footer-color-tr: transparent
}

/* --- 招募／職缺 CTA 按鈕底色 --- */
.footer_careers .btn_careers {
	background-color: var(--footer-color-main)
}
.footer_careers .btn_careers:hover {
	background-color: var(--footer-color-hover)
}

/* --- 頁尾標題／sitemap／電子報／社群區塊標題：白字 --- */
.contain_footer .middle .sitemap_item p, .contain_footer .middle .title, .contain_footer .top .newsletter_wrap .newsletter_item .subscription, .contain_footer .top .newsletter_wrap .title, .contain_footer .top .social_wrap .title {
	color: var(--footer-color-white)
}

/* --- 電子報輸入列邊框 --- */
.contain_footer .top .newsletter_wrap .newsletter_item {
	border: 1px solid var(--footer-color-main)
}

/* --- 頁尾 top／middle 區塊底部分隔線 --- */
.contain_footer .middle, .contain_footer .top {
	border-bottom: 1px solid var(--footer-color-main)
}

/* --- 版權、法規連結、置頂按鈕文字色 --- */
.contain_footer .bottom .scroll_top p, .contain_footer .copyright .rules .link-copyright, .contain_footer .copyright p {
	color: var(--footer-color-main)
}

/* --- 置頂按鈕箭頭／線段色 --- */
.contain_footer .bottom .scroll_top p:before {
	background-color: var(--footer-color-hover)
}

/* --- 聯絡表單（template-contact）：標籤／輸入框文字 --- */
.template-contact .line, .template-contact .line .input_box {
	color: #fff
}

/* --- 聯絡表單送出按鈕：主色底／邊框／白字；hover 改透明底＋主色字 --- */
.template-contact .button {
	background-color: var(--footer-color-main);
	border: 1px solid var(--footer-color-main);
	color: var(--footer-color-white)
}
.template-contact .button:hover {
	background-color: var(--footer-color-tr);
	border-color: var(--footer-color-main);
	color: var(--footer-color-main)
}

/* --- 固定側邊社群 icon：色相旋轉（0＝維持原色） --- */
.fix_icon .instagram_icon img, .fix_icon .line_icon img, .fix_icon .phone_icon img {
	filter: hue-rotate(0deg)
}

/* --- 瀏覽紀錄：數字白字、圓點黑底；hover 圓點改 hover 色 --- */
.browsing-history .img_holder .num {
	color: var(--footer-color-white)
}
.browsing-history .img_holder .num, .browsing-history a.btn-fn .circle {
	background-color: var(--footer-color-black)
}
.browsing-history a.btn-fn:hover .circle {
	background-color: var(--footer-color-hover)
}

/* --- 步驟按鈕第二顆（主操作）底色 --- */
.button_box.step_button a:nth-child(2) {
	background-color: var(--footer-color-main)
}

/* --- 登入／購物車／會員中心等多處按鈕 hover：主色底與邊框 --- */
#login_from .box .block .button_box .link_button:hover, .jump_box_style .box .block .button_box input:hover, .order_manage .order_now .info .line .field .button:hover, .order_manage .order_search .date_zone .link_button:hover, .shop_contain .shop_block .member_login .edit_link:hover, .shop_contain .shop_block .member_login .logout:hover, .shop_contain .shop_block .member_neworder .more_order:hover, .shop_contain .shop_block .shop_list .more_order:hover, .shop_contain .shop_block .trace_list .link_button.buyit:hover, .shop_contain.member_edit .link_button:hover {
	background-color: var(--footer-color-main);
	border-color: var(--footer-color-main)
}

/* --- 會員帳號區塊：新增地址、隱私條款連結文字色 --- */
.acoount_block .account_box .field_box .line .addr_edit .add_addr .add span, .acoount_block .account_box .field_box .read .privacy1, .acoount_block .account_box .field_box .read .privacy2, .acoount_block .account_box .field_box .read .privacy3 {
	color: var(--footer-color-main)
}