/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/





a:hover{
	color:#7a7a7a;
}

.woohdie{
	display:none;
}


.form-row-middle{
    overflow: visible;
}

/*product list*/
.hovered-content{
	padding:0!important;
}

.jet-woo-products .jet-woo-product-button{
	margin:0!important;
}

.woof_products_top_panel{
	display:none!important;
}

.product_cats li.cat-item{
	list-style-type: none!important;
}

/*Product checkout*/
.woocommerce .quantity .qty {
	width:5.631em!important;
}

/*product content*/
a.reset_variations {
    padding-left: 10px;
}
/*側欄分類*/
.product_cats.submenu li{
	margin-left: 20px !important;
}

a.no-ajaxy,a.cat_has_posts,
a.cat_has_no_posts{
	padding: 10px 0px!important;
}

.trwca-actheme ul ul.submenu li{
	margin-left: 30px!important;
  list-style: disc;
}

.trwca-actheme ul ul.submenu li a {
    padding-left: 0px;
}


body,h1,h2,h3,h4,h5,h6,a,p,div,span{
font-family:'Roboto',Helvetica, Arial,LiHei Pro,黑體-繁,微軟正黑體, sans-serif!important; 
}

@media screen and (min-width:1200px) {
/*結帳頁面layout*/
.woocommerce-checkout .col2-set .col-2 {
    float: right;
    width: 48%;
}

.woocommerce-checkout .col2-set .col-1 {
    float: left;
    width: 48%;
}

#customer_details+#wc_checkout_add_ons, 
#order_review, 
#order_review_heading,
.woocommerce-checkout .col2-set {
    width: 80%;
    float: none;
    margin-right: auto;
		margin-left:auto;
}

#customer_login .u-column1,
  #customer_login .u-column2 {
	width: 70% !important;
	float: none !important;
	margin:0 auto;
  }
	
}


/*相關產品*/
/*.related.products a.button, .related.products .variations_form {
	display:none;
}*/


button.single_add_to_cart_button.button.alt {
    height: 40px;
    padding: 0px 20px;
}

.quantity .input-text.qty.text{
	height: 40px;
}

/*隱藏數量更新按鈕*/
button[name='update_cart']{
	display:none!important;
}

@media(max-width: 768px){
.woocommerce #wc-column-container.wc-mobile-columns-1 .products {
grid-template-columns:repeat(2,1fr);
}
	.woocommerce-ordering {
    margin-bottom: 33px!important;
}

}

@media(max-width: 468px){
	#left-sidebar{
		display:none;
	}

}

/* ===== 結帳頁面：單欄 ===== */
@media screen and (min-width: 1200px) {
	.woocommerce-checkout .col2-set .col-1,
	.woocommerce-checkout .col2-set .col-2 {
		float: none;
		width: 100%;
	}
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .col2-set {
	float: none;
	width: 100%;
}

/* ===== 結帳頁面：區塊寬度修正（移除雙欄佈局殘留的 padding-right） ===== */
.woocommerce-checkout #customer_details {
	padding-right: 0 !important;
}

/* ===== 結帳頁面：區塊間距 ===== */
.woocommerce-checkout #customer_details {
	margin-top: 40px !important;
}

.woocommerce-checkout .woocommerce-shipping-fields {
	margin-top: 40px;
}

.woocommerce-checkout #wpbr-ezpay-ei-fields {
	margin-top: 40px;
	margin-bottom: 40px;
}

/* ===== 結帳頁面：區塊配色 ===== */
/* 區塊標題左側色條 */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #wpbr-ezpay-ei-fields .wpbr-section-title,
.woocommerce-checkout #wpbr-ezpay-ei-fields h3 {
    border-left: 4px solid #0e0d3b;
    padding-left: 12px;
    margin-top: 0 !important;
    margin-bottom: 16px;
}

/* 電子發票區塊背景與付款區塊一致 */
.woocommerce-checkout #wpbr-ezpay-ei-fields {
    background-color: rgba(129, 110, 153, 0.10);
    border-radius: 5px;
    padding: 20px 24px;
}

/* 輸入欄邊框柔和化 */
.woocommerce-checkout .input-text,
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout select {
    border: 1px solid rgba(14, 13, 59, 0.25) !important;
    border-radius: 4px;
}

.woocommerce-checkout .input-text:focus,
.woocommerce-checkout input[type=text]:focus,
.woocommerce-checkout input[type=email]:focus,
.woocommerce-checkout input[type=tel]:focus {
    border-color: rgba(14, 13, 59, 0.6) !important;
    outline: none;
}

/* ===== 結帳頁面：欄位 Grid 佈局（取代 float，支援 RWD） ===== */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
}

/* 覆蓋舊的 float width */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
    float: none !important;
    width: auto !important;
}

/* 全寬欄位橫跨三欄 */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-wide,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-wide {
    grid-column: 1 / -1;
}

/* 三等份欄位各佔一欄 */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row-middle,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row-middle {
    grid-column: span 1;
}

/* Tablet（600px 以下）：三欄改為單欄 */
@media (max-width: 600px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .form-row,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper > .form-row {
        grid-column: 1 / -1 !important;
    }
}

/* 郵遞區號外掛注入的 input 補全寬 */
#billing_postcode_field input[type=text],
#shipping_postcode_field input[type=text] {
    width: 100% !important;
    box-sizing: border-box;
}

/* ===== 結帳頁面：付款保證 Banner ===== */

/* 隱藏舊的 Elementor Banner（可隨時還原） */
.elementor-element-4ae55248 {
    display: none !important;
}

.zenith-payment-banner {
    background: linear-gradient(135deg, #0e0d3b 0%, #2a1a5e 55%, #816e99 100%);
    border-radius: 12px;
    padding: 28px 40px;
    margin-bottom: 32px;
    color: #fff;
}

.zenith-payment-banner__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.zenith-payment-banner__main {
    display: flex;
    align-items: center;
    gap: 18px;
}

.zenith-payment-banner__icon {
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.zenith-payment-banner__text h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff !important;
    margin: 0 0 5px !important;
    border-left: none !important;
    padding-left: 0 !important;
}

.zenith-payment-banner__text p {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
    line-height: 1.6;
}

.zenith-payment-banner__text strong {
    color: #fff;
    font-weight: 600;
}

.zenith-payment-banner__cards {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.zenith-payment-banner__cards img {
    height: 28px !important;
    width: auto !important;
    max-height: 28px !important;
    background: #fff;
    border-radius: 5px;
    padding: 3px 7px;
    display: inline-block;
}

.zenith-badge {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .zenith-payment-banner {
        padding: 20px 16px;
    }
    .zenith-payment-banner__inner {
        flex-direction: column;
        align-items: center;
        gap: 14px;
        text-align: center;
    }
    .zenith-payment-banner__main {
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    .zenith-payment-banner__cards {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .zenith-payment-banner__main {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .zenith-payment-banner__text {
        text-align: center;
    }
    .zenith-payment-banner__text h2 {
        font-size: 1rem !important;
        margin-bottom: 2px !important;
    }
    .zenith-payment-banner__text p {
        font-size: 0.82rem;
    }
}

/* ===== 結帳頁面：老顧客 & 折價券提示列 ===== */ */

/* 兩個並排容器 */
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: inline-block;
    width: calc(50% - 8px);
    vertical-align: top;
    margin-bottom: 16px;
}

.woocommerce-checkout .woocommerce-form-login-toggle {
    margin-right: 16px;
}

/* 重設 woocommerce-info 預設樣式 */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(129, 110, 153, 0.07);
    border-left: 4px solid #816e99;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0 8px 8px 0;
    padding: 14px 20px !important;
    color: #3a3a3a;
    font-size: 0.9rem;
    margin: 0;
}

/* 移除 WooCommerce 預設的 ::before ⓘ 圖示 */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none !important;
}

/* 自訂 SVG icon */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info::after,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::after {
    display: none;
}

/* icon 用背景方式注入 */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 24 24 fill=%23816e99 width=20 height=20%3E%3Cpath d=M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 16px center;
    padding-left: 46px !important;
    background-size: 20px 20px;
    background-color: rgba(129, 110, 153, 0.07);
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background-image: url(data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 24 24 fill=%23816e99 width=20 height=20%3E%3Cpath d=M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58s1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41s-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 16px center;
    padding-left: 46px !important;
    background-size: 20px 20px;
    background-color: rgba(129, 110, 153, 0.07);
}

/* 連結樣式 */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #0e0d3b;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover {
    color: #816e99;
}

/* 手機版：堆疊 */
@media (max-width: 600px) {
    .woocommerce-checkout .woocommerce-form-login-toggle,
    .woocommerce-checkout .woocommerce-form-coupon-toggle {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}
/* ===== 結帳頁面：老顧客 & 折價券提示列 ===== */

/* 父容器用 flex 讓兩欄並排 */
.woocommerce-page .woocommerce-form-login-toggle,
.woocommerce-page .woocommerce-form-coupon-toggle {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

/* 重設 woocommerce-info 預設樣式 */
.woocommerce-page .woocommerce-form-login-toggle .woocommerce-info,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info {
    background: rgba(129, 110, 153, 0.07);
    border-left: 4px solid #816e99 !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 8px 8px 0;
    padding: 14px 20px 14px 46px !important;
    color: #3a3a3a;
    font-size: 0.9rem;
    margin: 0;
}

/* 移除 WooCommerce 預設的 ::before ⓘ 圖示 */
.woocommerce-page .woocommerce-form-login-toggle .woocommerce-info::before,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none !important;
}

/* icon 用背景方式注入 */
.woocommerce-page .woocommerce-form-login-toggle .woocommerce-info {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23816e99' width='20' height='20'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 20px 20px;
}

.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23816e99' width='20' height='20'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58s1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41s-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 20px 20px;
}

/* 連結樣式 */
.woocommerce-page .woocommerce-form-login-toggle .woocommerce-info a,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #0e0d3b;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.woocommerce-page .woocommerce-form-login-toggle .woocommerce-info a:hover,
.woocommerce-page .woocommerce-form-coupon-toggle .woocommerce-info a:hover {
    color: #816e99;
}

/* 手機版：堆疊 */
@media (max-width: 600px) {
    .woocommerce-page .woocommerce-form-login-toggle,
    .woocommerce-page .woocommerce-form-coupon-toggle {
        display: block;
        width: 100%;
        margin-right: 0;
    }
}
/* ===== 結帳頁面：建立帳號卡片 ===== */
.woocommerce-checkout .woocommerce-account-fields {
    background: rgba(14, 13, 59, 0.04);
    border-left: 4px solid #0e0d3b;
    border-radius: 0 8px 8px 0;
    padding: 18px 24px 20px;
    margin-top: 24px;
}

.woocommerce-checkout .woocommerce-account-fields p.create-account {
    margin: 0;
}

.woocommerce-checkout .woocommerce-account-fields p.create-account label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.woocommerce-checkout .woocommerce-account-fields p.create-account label span {
    font-size: 1rem;
    font-weight: 700;
    color: #0e0d3b;
    letter-spacing: 0.01em;
}

.woocommerce-checkout #createaccount {
    width: 18px;
    height: 18px;
    accent-color: #0e0d3b;
    cursor: pointer;
    flex-shrink: 0;
    margin: 0;
}

.woocommerce-checkout .zenith-create-account-hint {
    font-size: 0.82rem;
    color: #555;
    margin: 8px 0 0 28px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .woocommerce-checkout .woocommerce-account-fields {
        padding: 16px 16px 18px;
    }
    .woocommerce-checkout .zenith-create-account-hint {
        margin-left: 0;
        margin-top: 6px;
    }
}


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

/* 背景與頂部金線 */
.elementor-location-footer {
    background: #0a0f1a !important;
    border-top: 1px solid #c9a84c !important;
}

/* 覆蓋 Elementor section 背景 */
.elementor-location-footer .elementor-section,
.elementor-location-footer .e-con {
    background-color: #0a0f1a !important;
}

/* 一般文字 */
.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer span {
    color: #a0aab8 !important;
}

/* 品牌名稱與標題 */
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4 {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 連結 */
.elementor-location-footer a {
    color: #a0aab8 !important;
    transition: color 0.2s ease !important;
}
.elementor-location-footer a:hover {
    color: #c9a84c !important;
}

/* Copyright 底部區塊分隔線 */
.elementor-location-footer .elementor-section:last-child,
.elementor-location-footer .e-con:last-child {
    border-top: 1px solid rgba(160, 170, 184, 0.12) !important;
}

/* 社群 icon 改線框金色風格 */
.elementor-location-footer .elementor-social-icon {
    background: transparent !important;
    border: 1px solid rgba(201, 168, 76, 0.45) !important;
    color: #c9a84c !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}
.elementor-location-footer .elementor-social-icon i,
.elementor-location-footer .elementor-social-icon svg {
    color: #c9a84c !important;
    fill: #c9a84c !important;
}
.elementor-location-footer .elementor-social-icon:hover {
    background: #c9a84c !important;
    border-color: #c9a84c !important;
}
.elementor-location-footer .elementor-social-icon:hover i,
.elementor-location-footer .elementor-social-icon:hover svg {
    color: #0a0f1a !important;
    fill: #0a0f1a !important;
}


/* ===== Header & Footer Upgrade ===== */

/* ── Header: 品牌標語 ────────────────────────── */
/* 在「原子量子24」下方加副標語 */
.elementor-element-df813c9 .elementor-heading-title {
    display: inline-flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}
.elementor-element-df813c9 .elementor-heading-title::after {
    content: "大地原力・量子能量礦石";
    display: block;
    font-size: 0.65rem;
    font-weight: 400;
    color: #999;
    letter-spacing: 0.12em;
    margin-top: 3px;
    white-space: nowrap;
}

/* ── Header: 我的帳號 hover 效果 ──────────────── */
.elementor-element-4c6918a a {
    position: relative;
    transition: color 0.2s ease !important;
    padding-bottom: 2px;
}
.elementor-element-4c6918a a:hover {
    color: #c9a84c !important;
}
.elementor-element-4c6918a a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #c9a84c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.2s ease;
}
.elementor-element-4c6918a a:hover::after {
    transform: scaleX(1);
}

/* ── Footer: 品牌標語 ────────────────────────── */
.elementor-element-f56f7b4 .elementor-heading-title {
    display: inline-flex !important;
    flex-direction: column !important;
    line-height: 1.3 !important;
}
.elementor-element-f56f7b4 .elementor-heading-title::after {
    content: "大地原力・量子能量礦石";
    display: block;
    font-size: 0.72rem;
    font-weight: 400;
    color: #7a8595;
    letter-spacing: 0.1em;
    margin-top: 5px;
    white-space: nowrap;
}

/* ── Footer: 連結欄標題 ──────────────────────── */
.elementor-element-e82659f::before,
.elementor-element-7d49c65::before,
.elementor-element-aa91e3e::before {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #c9a84c;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(201, 168, 76, 0.25);
}
.elementor-element-e82659f::before { content: "購物服務"; }
.elementor-element-7d49c65::before { content: "服務政策"; }
.elementor-element-aa91e3e::before { content: "其他資訊"; }

/* ── Footer: 連結 icon 改箭頭 ─────────────────── */
.elementor-element-e82659f .elementor-icon-list-icon,
.elementor-element-7d49c65 .elementor-icon-list-icon,
.elementor-element-aa91e3e .elementor-icon-list-icon {
    display: none !important;
}
.elementor-element-e82659f .elementor-icon-list-item,
.elementor-element-7d49c65 .elementor-icon-list-item,
.elementor-element-aa91e3e .elementor-icon-list-item {
    padding-left: 14px !important;
}
.elementor-element-e82659f .elementor-icon-list-text::before,
.elementor-element-7d49c65 .elementor-icon-list-text::before,
.elementor-element-aa91e3e .elementor-icon-list-text::before {
    content: '→';
    margin-right: 6px;
    color: #c9a84c;
    font-size: 0.75rem;
    transition: margin-right 0.2s ease;
}
.elementor-element-e82659f .elementor-icon-list-item:hover .elementor-icon-list-text::before,
.elementor-element-7d49c65 .elementor-icon-list-item:hover .elementor-icon-list-text::before,
.elementor-element-aa91e3e .elementor-icon-list-item:hover .elementor-icon-list-text::before {
    margin-right: 10px;
}

/* ── Footer 手機版: 社群 icon 2x2 排列 ─────────── */
@media (max-width: 768px) {
    .elementor-element-1cd6ac5 .elementor-social-icons-wrapper.elementor-grid {
        display: grid !important;
        grid-template-columns: repeat(2, auto) !important;
        gap: 12px !important;
        justify-content: start;
    }
}

/* ── Footer 手機版: 連結欄改兩欄 ─────────────── */
@media (max-width: 768px) {
    .elementor-element-e82659f .elementor-icon-list-items,
    .elementor-element-7d49c65 .elementor-icon-list-items,
    .elementor-element-aa91e3e .elementor-icon-list-items {
        column-count: 1 !important;
    }
}

/* ── Header: 我的帳號 加 user icon ─────────────── */
.elementor-element-4c6918a a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.elementor-element-4c6918a a::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background-color: #555;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-3.8 3.6-6.5 8-6.5s8 2.7 8 6.5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-3.8 3.6-6.5 8-6.5s8 2.7 8 6.5'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: background-color 0.2s ease;
}
.elementor-element-4c6918a a:hover::before {
    background-color: #c9a84c;
}

/* ── Footer: 聯絡信箱 / Copyright / 統編 字重 ────── */
.elementor-element-d5d3848 .elementor-heading-title,
.elementor-element-7a2c668e .elementor-heading-title,
.elementor-element-ae86a6b .elementor-heading-title {
    font-weight: 200 !important;
}

/* ── Header: 品牌名字重調輕 ──────────────────── */
.elementor-element-df813c9 .elementor-heading-title {
    font-weight: 400 !important;
}


/* ===== Checkout Page UIUX Fix ===== */

/* ── 1. 我的帳號 字重調輕、顏色調淡 ────────────── */
.elementor-element-4c6918a a {
    font-weight: 400 !important;
    color: #888 !important;
}
.elementor-element-4c6918a a:hover {
    color: #c9a84c !important;
}

/* ── 2. 物流公告欄 (手機版) 改品牌色調 ──────────── */
.elementor-element-3a40254 .elementor-widget-container {
    background-color: rgba(201, 168, 76, 0.08) !important;
    color: #7a6030 !important;
    border-left: 3px solid #c9a84c !important;
    padding: 10px 16px !important;
    border-radius: 0 4px 4px 0 !important;
}

/* ── 3. 超商取貨提醒 改品牌色調 ─────────────────── */
.csv_notify {
    background-color: rgba(201, 168, 76, 0.08) !important;
    color: #7a6030 !important;
    border-left: 3px solid #c9a84c !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 8px 14px !important;
    display: block !important;
    margin-top: 10px !important;
    font-size: 0.88rem !important;
}

/* ── 4. 結帳區段 h3 標題 加左色條 ───────────────── */
.woocommerce-checkout h3,
#order_review_heading {
    border-left: 3px solid #c9a84c !important;
    padding-left: 10px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 16px !important;
}

/* ── 5. 登入 button 改品牌深色 ───────────────────── */
.woocommerce-form-login__submit {
    background-color: #0e0d3b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease !important;
}
.woocommerce-form-login__submit:hover {
    background-color: #1a1960 !important;
}

/* ── 6. 折價券 apply button 改品牌深色 ──────────── */
.woocommerce-coupon-form .button,
.checkout_coupon .button {
    background-color: #0e0d3b !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    transition: background-color 0.2s ease !important;
}
.woocommerce-coupon-form .button:hover,
.checkout_coupon .button:hover {
    background-color: #1a1960 !important;
}

/* ── 7. 隱私權政策連結改金色 ─────────────────────── */
.woocommerce-terms-and-conditions-wrapper a,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: #c9a84c !important;
    text-decoration: none !important;
}
.woocommerce-terms-and-conditions-wrapper a:hover {
    text-decoration: underline !important;
}

/* ── 8. 訂單總計欄背景調整 ───────────────────────── */
.woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout-review-order-table tfoot tr:last-child td {
    background-color: rgba(14, 13, 59, 0.04) !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

/* ── 9. 電子發票說明框 改品牌色調 ──────────────── */
#wpbr-ezpay-ei-carrier-type-desc {
    background-color: rgba(201, 168, 76, 0.08) !important;
    color: #7a6030 !important;
    border-left: 3px solid #c9a84c !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 8px 14px !important;
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
}

/* ── 10. 付款方式說明區塊 顏色微調 ─────────────── */
.payment_box {
    background-color: rgba(14, 13, 59, 0.04) !important;
    color: #555 !important;
    border-radius: 0 0 6px 6px !important;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
}


/* ===== Full Page Polish ===== */

/* ── Header: 品牌名字級提升 ───────────────────────── */
.elementor-element-df813c9 .elementor-heading-title {
    font-size: 22px !important;
}

/* ── Header: 底部分隔線 ────────────────────────────── */
.elementor-location-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* ── Footer: 連結色改暖白 ──────────────────────────── */
.elementor-element-e82659f .elementor-icon-list-item a,
.elementor-element-7d49c65 .elementor-icon-list-item a,
.elementor-element-aa91e3e .elementor-icon-list-item a {
    color: rgba(255, 255, 255, 0.65) !important;
    transition: color 0.2s ease;
}
.elementor-element-e82659f .elementor-icon-list-item a:hover,
.elementor-element-7d49c65 .elementor-icon-list-item a:hover,
.elementor-element-aa91e3e .elementor-icon-list-item a:hover {
    color: #c9a84c !important;
}

/* ── Footer: 聯絡資訊字級縮小、顏色調淡 ────────────── */
.elementor-element-d5d3848 .elementor-heading-title,
.elementor-element-ae86a6b .elementor-heading-title {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ── Footer: 版權行字級縮小 ────────────────────────── */
.elementor-element-7a2c668e .elementor-heading-title {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ── Checkout: 區塊標題字級縮小 ─────────────────────── */
.woocommerce-checkout h3,
#order_review_heading {
    font-size: 0.95rem !important;
}

/* ── Checkout: Banner 壓縮高度 ──────────────────────── */
.zenith-payment-banner {
    padding: 16px 32px !important;
    margin-bottom: 24px !important;
}

/* ── Checkout: 表單欄位底部間距統一 ─────────────────── */
.woocommerce-checkout .form-row {
    margin-bottom: 18px !important;
}

/* ── Checkout: 訂單表格商品列分隔線 ─────────────────── */
.woocommerce-checkout-review-order-table tbody tr:last-child th,
.woocommerce-checkout-review-order-table tbody tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    padding-bottom: 12px !important;
}

/* ── Checkout: 總計金額改金色 ───────────────────────── */
.woocommerce-checkout-review-order-table tfoot tr:last-child .woocommerce-Price-amount {
    color: #c9a84c !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}

/* ── Checkout: 建立帳號區塊加框 ─────────────────────── */
.woocommerce-account-fields {
    border: 1px solid rgba(201, 168, 76, 0.3) !important;
    border-radius: 6px !important;
    padding: 14px 18px !important;
    margin-top: 20px !important;
    background: rgba(201, 168, 76, 0.04) !important;
}

/* ── Checkout: 確認結帳按鈕改全寬 ──────────────────── */
#place_order {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 16px !important;
}

/* ── Checkout: 結帳按鈕上方 hint 說明 ───────────────── */
#place_order::before {
    content: "確認後將透過藍新金流進行付款，請確認訂單資訊無誤";
    display: block;
    font-size: 0.78rem;
    font-weight: 400;
    color: #999;
    margin-bottom: 10px;
    text-align: center;
    letter-spacing: 0.02em;
}

/* ── Mobile: Banner 拿掉圓角 ────────────────────── */
@media (max-width: 768px) {
    .zenith-payment-banner {
        border-radius: 0 !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
    }
}

/* ── Mobile: 結帳按鈕 hint 文字行高與間距 ───────── */
@media (max-width: 768px) {
    #place_order::before {
        line-height: 1.7 !important;
        letter-spacing: 0.03em !important;
        padding: 0 8px !important;
        margin-bottom: 12px !important;
        font-size: 0.82rem !important;
    }
}

/* ── Footer h3 清除誤套的 border-left ──────────── */
.elementor-location-footer h3,
.elementor-location-footer .elementor-heading-title {
    border-left: none !important;
    padding-left: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    margin-bottom: inherit !important;
}


/* ═══════════════════════════════════════════════════════
   Order Tracking: Hero Banner + 表單樣式
   ═══════════════════════════════════════════════════════ */

/* Hero Banner */
.zenith-order-hero {
    background: linear-gradient(135deg, #0e0d3b 0%, #1a1864 60%, #2d1b5e 100%);
    padding: 56px 24px;
    text-align: center;
    width: 100%;
}

.zenith-order-hero__inner {
    max-width: 640px;
    margin: 0 auto;
}

.zenith-order-hero__icon {
    color: #c9a84c;
    opacity: 0.9;
    margin-bottom: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.zenith-order-hero__title {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    letter-spacing: 0.04em;
    border-left: none !important;
    padding-left: 0 !important;
}

.zenith-order-hero__subtitle {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.92rem;
    margin: 0;
    letter-spacing: 0.02em;
    line-height: 1.6;
}

/* 表單區：淡色背景容器 */
.page-id-40498 .entry-content {
    background: #f7f6fb;
    padding: 40px 24px 72px;
    margin-top: 0;
}

/* 表單卡片 */
.woocommerce-form-track-order {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 36px 40px !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    box-shadow: 0 2px 20px rgba(14, 13, 59, 0.08) !important;
    border-top: 3px solid #c9a84c !important;
}

/* 說明文字（表單前的 p） */
.page-id-40498 .woocommerce > p {
    font-size: 0.88rem;
    color: #666;
    line-height: 1.6;
    background: rgba(201, 168, 76, 0.06);
    border-left: 3px solid #c9a84c;
    padding: 12px 16px;
    border-radius: 0 6px 6px 0;
    margin-bottom: 24px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/* 追蹤按鈕品牌化 */
.woocommerce-form-track-order button[type="submit"],
.woocommerce-form-track-order input[type="submit"] {
    background: #0e0d3b !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 36px !important;
    border-radius: 6px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    margin-top: 8px !important;
}

.woocommerce-form-track-order button[type="submit"]:hover,
.woocommerce-form-track-order input[type="submit"]:hover {
    background: #1a1864 !important;
}

/* ── Mobile ─────────────────────────────────────────── */
@media (max-width: 768px) {
    .zenith-order-hero {
        padding: 40px 20px;
    }
    .zenith-order-hero__title {
        font-size: 1.6rem !important;
    }
    .page-id-40498 .entry-content {
        padding: 28px 16px 56px;
    }
    .woocommerce-form-track-order {
        padding: 24px 20px !important;
        border-radius: 8px !important;
    }
}

/* ── Order Tracking: 欄位 input 字級修正 ────────────── */
.woocommerce-form-track-order input[type="text"],
.woocommerce-form-track-order input[type="email"] {
    font-size: 14px !important;
}