/* JasonTech 客製樣式 — 放這裡的規則會蓋過 style.css（因為載入在後）。 */

/* CSS 變數讓 heading span 自動跟著父 section 的 bg 色。 */
/* 預設白；bg-light section 內會被改寫成 #f5f1ea。 */
:root {
    --section-bg: #fff;
}

/* 把 Bootstrap/theme 的 bg-light (#f8f9fa) 染上暖金色調，跟主色 #c7b198 同色系。 */
/* 同時宣告 --section-bg，讓裡面的 heading span 自動跟上。 */
.bg-light {
    --section-bg: #f5f1ea;
    background-color: var(--section-bg) !important;
    background: var(--section-bg) !important;
}

/* heading span 吃變數：white section → #fff、bg-light section → #f5f1ea。 */
/* !important 蓋過 theme 寫死的 #f8f9fa。 */
.heading-section h2 span {
    background: var(--section-bg) !important;
}


/* 首頁/about 「我們的服務 / 聯絡我們」兩張圖區塊 */

/* 圖片加暗化遮罩（沿用 theme 的 hero overlay 模式），讓白字易讀 */
.ftco-counter .img {
    position: relative;
}
.ftco-counter .img::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #000;
    opacity: 0.25;
    transition: opacity 0.15s ease-in-out;
    pointer-events: none;
}
.ftco-counter .img:hover::before {
    opacity: 0.45;
}

/* 按鈕：flat outline，hover 切到實心主色（沿用 btn-primary 反轉模式） */
.ftco-counter .desc {
    position: relative;
    z-index: 1;
}
.ftco-counter .desc h3 a {
    display: inline-block;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    padding: 10px 28px;
    border-radius: 3px;
    transition: background-color 0.15s ease-in-out,
                border-color 0.15s ease-in-out,
                color 0.15s ease-in-out;
    text-decoration: none;
}
.ftco-counter .desc h3 a:hover,
.ftco-counter .desc h3 a:focus {
    background-color: #c7b198;
    border-color: #c7b198;
    color: #fff;
    text-decoration: none;
}