/**
 * 賴耳鼻喉科診所 — global fonts & colors only.
 * Do not add width / padding / display / grid / flex here.
 * WPBakery element inline colors and fonts still win.
 *
 * Edit the :root values below to restyle the whole site.
 */

:root {
    /* 1. 基礎字型庫定義（同時定義黑體與宋體變數，方便未來隨時切換） */
    --lai-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
    --lai-font-serif: "Noto Serif TC", "Songti TC", "Source Han Serif TC", "Times New Roman", serif;

    /* 2. 當前全站核心預設字型（目前以黑體為主） */
    --lai-font-primary: var(--lai-font-sans);

    --lai-ink: #1A1A1A;
    --lai-ink-soft: #4A4A4A;
    --lai-muted: #8A8A8A;
    --lai-gold: #C5A880;
    --lai-gold-soft: #D4C0A0;
    --lai-gold-dark: #A88B5E;
    --lai-ivory: #F9F8F6;
    --lai-white: #FFFFFF;

    /* TheGem tokens — 目前全站標題與內文統一套用黑體，未來若要改回宋體只需將 var(--lai-font-primary) 改為 var(--lai-font-serif) */
    --thegem-to-h1-font-family: var(--lai-font-primary);
    --thegem-to-h2-font-family: var(--lai-font-primary);
    --thegem-to-h3-font-family: var(--lai-font-primary);
    --thegem-to-h4-font-family: var(--lai-font-primary);
    --thegem-to-h5-font-family: var(--lai-font-primary);
    --thegem-to-h6-font-family: var(--lai-font-primary);
    --thegem-to-xlarge-title-font-family: var(--lai-font-primary);
    --thegem-to-styled-subtitle-font-family: var(--lai-font-primary);
    --thegem-to-body-font-family: var(--lai-font-primary);
    --thegem-to-body-tiny-font-family: var(--lai-font-primary);
    --thegem-to-button-font-family: var(--lai-font-primary);
    --thegem-to-menu-font-family: var(--lai-font-primary);
    --thegem-to-submenu-font-family: var(--lai-font-primary);
    --thegem-to-overlay-menu-font-family: var(--lai-font-primary);

    --thegem-to-body-color: var(--lai-ink-soft);
    --thegem-to-body-color-07: rgba(74, 74, 74, 0.7);
    --thegem-to-styled-color1: var(--lai-gold);
    --thegem-to-styled-color1-03: #C5A8804d;
    --thegem-to-styled-color2: var(--lai-muted);
}

/* --------------------------------------------------------------------------
   Fonts — family only (size / weight / line-height stay with TheGem)
   -------------------------------------------------------------------------- */

/* 全站內文、表單、按鈕（預設以黑體呈現） */
body,
.text-body,
.text-body-tiny,
option,
input,
textarea,
select,
button,
.gem-button,
input[type="submit"],
.wpcf7-form-control {
    font-family: var(--lai-font-primary);
}

/* 全站標題（預設以黑體呈現） */
body h1,
body .title-h1,
body h2,
body .title-h2,
body h3,
body .title-h3,
body h4,
body .title-h4,
body h5,
body .title-h5,
body h6,
body .title-h6,
body .title-xlarge {
    font-family: var(--lai-font-primary);
}

/* 導覽列選單 */
.main-menu-item,
.title-main-menu,
#primary-menu.no-responsive > li > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a,
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a {
    font-family: var(--lai-font-primary);
}

/* --------------------------------------------------------------------------
   保留輔助 Class：方便日後特定區塊直接指定黑體或宋體
   -------------------------------------------------------------------------- */
.use-serif {
    font-family: var(--lai-font-serif) !important;
}

.use-sans {
    font-family: var(--lai-font-sans) !important;
}

/* --------------------------------------------------------------------------
   Colors — defaults only; WPBakery custom colors on elements still apply
   -------------------------------------------------------------------------- */

body,
.text-body,
.text-body-tiny {
    color: var(--lai-ink-soft);
}

/* Accent: TheGem styled color 1 (was often cyan / demo gold) */
.gem-button.gem-button-style-outline,
.gem-button-separator-holder .gem-button-separator-line {
    border-color: var(--lai-gold);
}

a {
    color: var(--lai-gold-dark);
}

a:hover,
a:focus {
    color: var(--lai-gold);
}