/* ============================
   子玲老師 — 品牌色彩系統
   取自 ziling.lovable.app
   ============================ */

:root {
  /* 全站基礎 */
  --primary-color: #ED975E;
  --secondary-color: #BDD8E9;
  --link-color: #ED975E;
  --link-hover-color: #D97A3A;

  /* 頁首 */
  --header-bg-color: rgba(253, 251, 248, 0.85);
  --header-link-color: #393946;
  --header-link-hover-color: #ED975E;
  --header-link-hover-bg-color: transparent;
  --header-icon-color: #393946;
  --header-icon-hover-color: #ED975E;
  --header-mobile-icon-color: #393946;

  /* 按鈕 */
  --button-bg-color: #ED975E;
  --button-text-color: #ffffff;
  --button-bg-hover-color: #D97A3A;
  --button-text-hover-color: #ffffff;

  /* 邊框按鈕 */
  --outline-button-border-color: #ED975E;
  --outline-button-text-color: #ED975E;
  --outline-button-bg-color: transparent;
  --outline-button-border-hover-color: #D97A3A;
  --outline-button-text-hover-color: #ffffff;
  --outline-button-bg-hover-color: #ED975E;

  /* 頁尾 */
  --footer-bg-color: hsla(24, 80%, 90%, 0.3);
  --footer-text-color: #393946;
  --footer-link-color: #ED975E;
  --footer-link-hover-color: #D97A3A;
}

/* 全站背景與字體 */
body {
  background-color: #FDFBF8;
  color: #393946;
  font-family: "Noto Sans TC", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.page-title .title {
  font-family: "Noto Serif TC", serif;
}

/* 頁首毛玻璃效果 
header, .navbar, #header {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #ede6de;
}*/

/* 卡片圓角 + 柔和陰影 */
.card, .panel, .box {
  border-radius: 1rem;
  border-color: #EBE5DD;
  box-shadow: 0 4px 20px -4px rgba(237, 151, 94, 0.08),
              0 2px 8px -2px rgba(206, 231, 243, 0.15);
}

/* 按鈕圓角 */
.btn-primary, .btn {
  border-radius: 9999px;
}


.web-title > a,.mobile-logo .logo-text {
    font-family: "Playfair Display", "Noto Serif TC", "Songti TC", Georgia, serif;
    font-weight: 500;
}
.mobile-logo .logo-text {
font-size: 1.25rem;
}
.mobile-logo a.logo-text {
color:#000;
}
body {
background-color: hsl(30 50% 98%);
}
body.blank-page {
    background-color: hsl(30 50% 98%);
}
.blank-page section,section.index-editor  {
    padding-top:0;
    padding-bottom:0;
}
footer {
background-color:hsla(24, 80%, 90%, 0.3);
border-top:1px solid hsl(30 30% 90%);
padding-top:0;
    padding-bottom: 5rem;
    position: relative;
}
.html-info p {
    margin: 0.5rem 0;
}
html {
font-size:17px;
}
@media (max-width: 479px) {
    html {
        font-size:16px;
    }
}
.html-info .embed-responsive {
    margin-top: 0;
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0.8rem 4%;
    z-index: 1030;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border-bottom: 1px solid #ede6de;
background: #fcfaf7cc;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.navbar.fixed {
    background: #fcfaf7cc;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
pagging-header {
    position: relative;
    height: 120px;
}

.pagging-header::before {
    background: transparent;
}
.naviMain ul > li > a > span {
    font-size: 14px;
    color:#797986;
font-family:"Noto Sans TC", sans-serif;
}
.naviMain ul > li > a::before {
color:#ed975e;
font-size: 14px;
}
.naviMain ul {
justify-content: center;
gap: 2rem;
}
.naviMain ul > li:last-child > a span {
    margin: 0 auto;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #ed975e;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);
    padding: 0 15px;
    border-radius: 25px;
}

.naviMain ul > li:last-child > a::before {
color:#fff;
font-size: 14px;
 height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 25px;
 background:#ed975ee6;
}

/* 2026-11-15 從 thoth 升級到 alumi 時由 Compassio 加的相容調整（不是客戶原本寫的）
   1. thoth 會用程式依頁首高度把整頁往下推；alumi 沒有這段，頁首固定在頂端會蓋住內容上緣。
      改成 sticky：內容自然排在頁首下面，往下捲時頁首一樣停在最上面。
   2. alumi 選單最後面多了搜尋圖示，原本「最後一項＝子玲老師FB 橘色按鈕」改成套在搜尋圖示的前一項。 */
.navbar {
    position: sticky;
    top: 0;
}
.naviMain ul > li:has(+ li.nav-search-toggle) > a span {
    margin: 0 auto;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: #ed975e;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);
    padding: 0 15px;
    border-radius: 25px;
}
.naviMain ul > li:has(+ li.nav-search-toggle) > a::before {
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-radius: 25px;
    background: #ed975ee6;
}