/* =========================================================
   Gemistry Chanel — 共用變數與歸零（所有小工具都依賴本檔）
   - 版面 = chanel.com（2026-07 存檔實測）
   - 字型：chanel.com 的 ABChanel 是原站專用字型，改用系統 Helvetica / Arial（與原站備援字型相同）
   - 顏色固定黑白灰（照範本）；要改就改下方變數
   ========================================================= */

.gemistry-ms {
	--gemistry-ms-black: #000;
	--gemistry-ms-ink: #1d1d1d;
	--gemistry-ms-white: #fff;
	--gemistry-ms-gray: #767676;
	--gemistry-ms-gray-light: #9b9b9b;
	--gemistry-ms-line: #ececec;
	--gemistry-ms-soft: #f6f6f6;
	--gemistry-ms-font: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
	--gemistry-ms-ease: cubic-bezier(.4, 0, .2, 1);
}

.gemistry-ms.gemistry-ms-scope,
.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms {
	font-family: var(--gemistry-ms-font);
	-webkit-font-smoothing: antialiased;
}

/* 不依賴佈景主題的 box-sizing（尺寸照原站的 border-box 量測） */
.gemistry-ms-scope.gemistry-ms-scope,
.gemistry-ms-scope.gemistry-ms-scope *,
.gemistry-ms-scope.gemistry-ms-scope *::before,
.gemistry-ms-scope.gemistry-ms-scope *::after { box-sizing: border-box; }

.gemistry-ms-scope.gemistry-ms-scope :is(p, ul, h1, h2, h3) {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gemistry-ms-scope.gemistry-ms-scope a {
	color: inherit;
	text-decoration: none;
}

/* 滿版小工具（頁首、頁尾、主視覺橫幅、常見問題、聯絡我們、關於我們、商品、購物車、結帳）撐滿視窗寬度，貼齊螢幕邊緣（WoodMart .container 左右 15px 內距、Elementor 容器內距都不影響）。
   --gemistry-ms-vw 由 JS 設為不含捲軸的視窗寬度（沒有 JS 時用 100vw）。
   權重要高過 Elementor Pro 的 .elementor.elementor .e-con > .elementor-widget { max-width: 100% }（0,4,0，且載入順序在後）
   與單一小工具自訂寬度（0,3,0），所以用 0,5,0。同權重時 max-width 會被壓回 100%：左邊貼齊、右邊少 30px。 */
.elementor-element.elementor-element.elementor-widget.elementor-widget:is(.elementor-widget-gemistry-maison-header, .elementor-widget-gemistry-maison-footer, .elementor-widget-gemistry-maison-hero, .elementor-widget-gemistry-maison-faq, .elementor-widget-gemistry-maison-contact, .elementor-widget-gemistry-maison-about, .elementor-widget-gemistry-maison-product, .elementor-widget-gemistry-maison-cart, .elementor-widget-gemistry-maison-checkout) {
	flex: 0 0 auto;
	width: var(--gemistry-ms-vw, 100vw);
	max-width: none;
	margin-inline: calc(50% - var(--gemistry-ms-vw, 100vw) / 2);
}

/* 主題與 Elementor 的全域按鈕樣式全部歸零；:where() 讓各元件的 display 等設定能覆蓋 */
.gemistry-ms-scope.gemistry-ms-scope :where(button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: none;
	cursor: pointer;
}

.gemistry-ms-scope.gemistry-ms-scope :where(button):hover,
.gemistry-ms-scope.gemistry-ms-scope :where(button):focus {
	background: none;
	color: inherit;
}

.gemistry-ms-scope.gemistry-ms-scope :is(a, button, input):focus-visible {
	outline: 1px solid currentColor;
	outline-offset: 2px;
}

.gemistry-ms-scope.gemistry-ms-scope .gemistry-ms-icon {
	display: block;
	flex: 0 0 auto;
	width: var(--gemistry-ms-icon, 20px);
	height: var(--gemistry-ms-icon, 20px);
}

.gemistry-ms-scope.gemistry-ms-scope .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}