/**
 * CSS Bundle: global
 * Generated: 2026-05-31 11:37:28
 * Files: 5
 * Signature: 29e0ff35b45ccbb6e60ff91df6d1f467480d483f
 */

/* === core.css === */
/* ==========================================================================
   CORE STYLES: RESET, BASE, TYPOGRAPHY, HEADER, FOOTER, LAYOUT
   ========================================================================== */

/* --- CSS Reset --- */
* {
margin: 0;
padding: 0;
border: none;
font-size: 100%;
vertical-align: baseline;
outline: 0;
}

html {
font-size: 100%;
}

html,
body {
height: 100%;
margin: 0;
padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: none;
font: inherit;
line-height: 1.8em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

/* --- Base Typography & Elements --- */
html {
font-size: 16px;
}

body {
height: auto;
background: #fff;
font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFangTC-Light", 
 "STHeitiTC-Light", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}

ol,
ul,
li {
margin: 0;
color: #565656;
}

p {
font-size: 1.25rem;
word-wrap: break-word;
color: #1f1d1d;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
}

p.has-background {
padding: 15px 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-size: 1.4rem;
line-height: 1.8;
margin: 20px 0;
}

a {
color: #22a2eb;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
max-width: 100%;
height: auto;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

table a {
border: none !important;
}

code {
margin: 0 0.2em;
padding: 0.2em 0.3em;
border-radius: 5px;
background: #f1f2f3;
color: #404040;
font-size: 0.9em;
}

@font-face {
font-display: swap;
}

/* --- FontAwesome Base --- */
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-code:before {
content: "\f121";
}

.fa-youtube-play {
color: #ff0102;
}

.fa-facebook-official {
color: #0b7eeb;
}

/* --- Main Layout Structure --- */
.container {
width: 100%;
height: auto;
min-height: 100%;
max-width: 1280px;
margin: 0 auto;
padding-bottom: 20px;
overflow: hidden;
}

#container-all {
min-width: 300px;
min-height: 100vh;
}

#content-main {
width: 100%;
max-width: 1280px;
padding: 0 15px;
margin: 0 auto;
}

.main-layout-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0;
align-items: flex-start;
/* 
 * 注意: 移除了 contain: layout style; 
 * 因為它會破壞 position: fixed 的子元素定位
 * 參考: https://developer.mozilla.org/en-US/docs/Web/CSS/contain
 */
}

html[style*="scrollbar-gutter: stable both-edges"] {
scrollbar-gutter: auto !important;
}

/*
 * 基礎 AB 欄位佈局。
 * - 不設 max-width，讓 A 欄在非 single 頁面（分類／標籤／搜尋等）以 flex:1 自動填滿。
 * - 單篇文章頁由 body.single.hd-layout-customizable 的規則覆蓋。
 */
#postshow-a {
flex: 1;
min-width: 0;
/*margin-top: 10px;*/
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}

#postshow-b {
flex: 0 0 var(--hd-sidebar-width, 330px);
width: var(--hd-sidebar-width, 330px);
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
margin-left: var(--hd-sidebar-gap, 20px);
position: relative; /* 讓 sticky widget 的 absolute 定位相對於此容器 */
}

/*
 * 單篇自訂版型需要在 page-single.css 完整載入前就先吃到正確 token，
 * 避免 generic 330/20 fallback 先畫出來再被單篇設定推動版面。
 */
body.single.hd-layout-customizable {
--hd-ab-container-width-active: var(--hd-ab-container-width, 1280px);
}

body.single.hd-layout-customizable.hd-abw-1000 { --hd-ab-container-width: 1000px; }
body.single.hd-layout-customizable.hd-abw-1100 { --hd-ab-container-width: 1100px; }
body.single.hd-layout-customizable.hd-abw-1200 { --hd-ab-container-width: 1200px; }
body.single.hd-layout-customizable.hd-abw-1280 { --hd-ab-container-width: 1280px; }
body.single.hd-layout-customizable.hd-abw-1360 { --hd-ab-container-width: 1360px; }
body.single.hd-layout-customizable.hd-abw-1440 { --hd-ab-container-width: 1440px; }
body.single.hd-layout-customizable.hd-abw-1600 { --hd-ab-container-width: 1600px; }
body.single.hd-layout-customizable.hd-sw-260 { --hd-sidebar-width: 260px; }
body.single.hd-layout-customizable.hd-sw-280 { --hd-sidebar-width: 280px; }
body.single.hd-layout-customizable.hd-sw-300 { --hd-sidebar-width: 300px; }
body.single.hd-layout-customizable.hd-sw-330 { --hd-sidebar-width: 330px; }
body.single.hd-layout-customizable.hd-sw-360 { --hd-sidebar-width: 360px; }
body.single.hd-layout-customizable.hd-sw-400 { --hd-sidebar-width: 400px; }
body.single.hd-layout-customizable.hd-sg-0 { --hd-sidebar-gap: 0px; }
body.single.hd-layout-customizable.hd-sg-4 { --hd-sidebar-gap: 4px; }
body.single.hd-layout-customizable.hd-sg-8 { --hd-sidebar-gap: 8px; }
body.single.hd-layout-customizable.hd-sg-12 { --hd-sidebar-gap: 12px; }
body.single.hd-layout-customizable.hd-sg-18 { --hd-sidebar-gap: 18px; }
body.single.hd-layout-customizable.hd-sg-20 { --hd-sidebar-gap: 20px; }
body.single.hd-layout-customizable.hd-sg-24 { --hd-sidebar-gap: 24px; }
body.single.hd-layout-customizable.hd-sg-32 { --hd-sidebar-gap: 32px; }

body.single.hd-layout-customizable #postshow-b {
flex: 0 0 var(--hd-sidebar-width, 280px);
width: var(--hd-sidebar-width, 280px);
margin-left: var(--hd-sidebar-gap, 0px);
}

.single-column-container {
width: 100%;
max-width: 850px;
margin: 20px auto;
}

.page-wrapper {
width: 100%;
height: auto;
}

.page-wrapper h2 {
color: #000;
font-size: 1.3rem;
text-align: center;
margin-bottom: 10px;
}

/* --- Header & Navigation --- */
#header {
width: 100%;
min-width: 300px;
margin: 0 auto;
}

.nav-wrapper {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}

.navbar {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1280px;
margin: 0 auto;
height: 65px;
}

#menu,
#nav-content {
display: none;
}

.toggle_btn {
display: none;
}

.toggle_btn .bar {
display: none;
}

/* --- Footer Modernized --- */
.footer {
background: #1f1d1d; /* Fallback */
background: linear-gradient(180deg, #1f1d1d 0%, #171717 100%);
color: #a0a0a0;
font-family: 'Noto Sans TC', 'Poppins', sans-serif;
position: relative;
padding-top: 40px;
border-top: 1px solid #2a2a2a;
}

.footer-content {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 40px;
padding: 0 20px;
}

.custom-section {
padding-bottom: 40px;
width: 100%;
}

/* Footer Blocks */
.footer-block {
flex: 1;
min-width: 250px;
}

.intro-block {
flex: 1.5;
max-width: 450px;
}

.custom-block {
flex: 1;
}

.footer-block h3 {
font-size: 16px;
color: #fff;
margin-bottom: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
padding-left: 15px;
border-left: 3px solid #e06b6f;
line-height: 1.2;
}

.footer-block p {
color: #b0b0b0;
line-height: 1.6;
margin-bottom: 20px;
font-size: 14px;
}

/* Links & Items */
.custom-items-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.custom-item {
margin-bottom: 0;
}

.custom-item a {
color: #a0a0a0;
text-decoration: none;
font-size: 14px;
transition: all 0.3s ease;
display: inline-block;
}

.custom-item a:hover {
color: #e06b6f;
transform: translateX(3px);
}

/* Pill Tags Style for Architecture/Categories */
.custom-block .custom-items-wrapper .custom-item a {
background: rgba(255,255,255,0.05);
padding: 4px 10px;
border-radius: 4px;
font-size: 13px;
}
.custom-block .custom-items-wrapper .custom-item a:hover {
background: #e06b6f;
color: #fff;
transform: translateY(-2px);
}

/* Vertical Links */
.vertical-items-wrapper {
display: flex;
flex-direction: column;
gap: 8px;
}

/* Social Links */
.social-links {
margin-top: 20px;
display: flex;
gap: 15px;
}

/* Footer Bottom Section */
.footer-bottom-section {
background: #121212;
padding: 20px 0;
border-top: 1px solid #252525;
font-size: 13px;
margin-top: auto;
}

.footer-bottom-content {
align-items: center;
padding: 0 20px;
}

.footer-links {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
}

.footer-links a {
color: #c7c7c7;
transition: color 0.3s;
}

.footer-links a:hover {
color: #fff;
text-decoration: none;
}

.separator {
color: #8a8a8a;
}

.copyright-text {
color: #b8b8b8;
margin-left: auto; /* Push to right */
}

.copyright-text a {
color: #d4d4d4;
}
.copyright-text a:hover {
color: #e06b6f;
}

/* --- Old Footer Styles (Kept for compatibility) --- */
.foot-wrap {
background: #1e1e1e;
color: #fff;
text-align: center;
width: 100%;
}

.foot-wrap a {
color: #fff;
text-decoration: none;
}

.foot-wrap .cmark {
display: block;
width: 80%;
margin: 0 auto;
padding: 10px;
color: #beb6b6;
font-size: 0.8rem;
}

/* --- Sidebar --- */
#sidebar {
margin: 0 auto;
}

#sidebar ul {
margin: 0 auto;
background: #fff;
color: #666;
}

#sidebar li {
list-style: none;
margin: 0 auto;
padding: 10px 0;
border-bottom: 1px solid #e9e9e9;
border-radius: 0;
font-weight: 400;
}

#sidebar li > a {
display: block;
position: relative;
margin: 0;
}

#sidebar a {
color: #888;
}

#sidebar a:hover {
color: #333;
text-decoration: none;
}

#sidebar .sidebar-title {
font-weight: 600;
text-align: left;
margin-top: 0;
margin-bottom: 10px;
padding: 10px 20px;
background-color: #6E0304;
color: #fff;
font-size: 1.1rem;
}

#sidebar .sidebar-title a {
color: #fff;
}

/* --- Sidebar Sticky --- */
#sticky {
width: 100%;
max-width: 336px;
margin: 0 auto;
padding-top: 0;
}

#sticky.stick {
position: fixed;
top: 0;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 20px;
z-index: 100;
}

/* --- Utility & Miscellaneous --- */
.clearfix:after {
content: "";
display: table;
clear: both;
}

.active {
visibility: visible;
opacity: 1;
}

.shows {
display: block;
height: auto;
}

.none-display {
display: none;
}

.video-container {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
margin: 20px auto;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#pagetop {
display: none;
position: fixed;
right: 15px;
bottom: calc(250px + var(--hd-bottom-fixed-safe-offset, 0px));
z-index: 999;
}

#pagetop a {
display: block;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}

#pagetop a i {
color: #fff;
font-size: 1.25rem;
line-height: 50px;
}

.ad-force-hide {
display: none !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN - CORE LAYOUT
   ========================================================================== */

/* Adjust global max-width constraints on the wrappers so our AB layout settings can function > 1200px */
body.single.hd-layout-customizable > .container,
body.single.hd-layout-customizable #container-all > .container,
body.single.hd-layout-customizable .main-layout-wrapper {
    max-width: min(var(--hd-ab-container-width-active, 1280px), 100%) !important;
}

body.single.hd-layout-customizable #content-main,
body.single.hd-layout-customizable .main-layout-wrapper > #content-main,
body.single.hd-layout-customizable #post-wrapper,
body.single.hd-layout-customizable #postshow-a {
    max-width: none !important;
}

@media (max-width: 1119px) and (min-width: 769px) {
.main-layout-wrapper {
gap: 20px;
margin: 10px 15px 15px 15px;
}
/* 欄距由 --hd-sidebar-gap 透過 margin-left 控制，不需要額外 gap */
body.single.hd-layout-customizable .main-layout-wrapper {
gap: 0;
}
}
/* --- Tablet & Desktop (1024px and below) --- */
@media (max-width: 1024px) {
.footer-block {
flex: 1 1 50%;
max-width: 100%;
}

}

/* --- Tablet (768px and below) --- */
@media (max-width: 768px) {
#header,
.container,
.nav-wrapper,
#footer {
min-width: 100%;
}

.main-layout-wrapper {
flex-direction: column;
gap: 0;
}

#postshow-a,
#postshow-b {
flex-basis: auto;
width: calc(100% - 30px);
margin: 0 auto;
}

#postshow-b {
display: none!important;
}

/* Footer Mobile Improvements */
.footer-content {
flex-direction: column;
gap: 30px;
padding: 0 20px;
}

.footer-block, 
.intro-block, 
.custom-block {
max-width: 100%;
flex: auto;
}

.footer-bottom-content {
flex-direction: column;
gap: 15px;
text-align: center;
}

.footer-links {
justify-content: center;
}

.copyright-text {
margin-left: 0;
}
}

/* --- Mobile (479px and below) --- */
@media (max-width: 479px) {
#postshow-a {
width: calc(100% - 30px);
margin: 0 auto;
}

#postshow-b {
display: none;
}

#breadcrumb {
margin: 10px auto 10px 0;
}

#footer {
min-width: 320px;
max-width: 100%; /* Fix width */
}

.footer-links {
flex-direction: column;
gap: 10px;
}
.separator {
display: none;
}
}

/* --- All Mobile Devices (320px - 1199px) --- */
@media (min-width: 320px) and (max-width: 1199px) {
#stickyhead {
width: 100%;
background: #fff;
position: relative;
z-index: 300;
}

#stickyhead.sticky {
position: fixed;
top: 0;
left: 0;
}
}


/* === components.css === */
/* ==========================================================================
   COMPONENTS: BUTTONS, CARDS, PAGINATION, FORMS, WIDGETS
   ========================================================================== */

/* ==========================================================================
   SEARCH COMPONENTS
   ========================================================================== */

/* --- Search Container --- */
#search {
width: 100%;
margin: 20px auto;
text-align: center;
}

/* --- Search Form --- */
.search-form {
min-width: 1px;
min-height: 1px;
height: 40px;
width: 100%;
padding-top: 20px;
padding-bottom: 10px;
}

.search-form-a {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 20px;
}

.search-input {
flex: 1 1 auto;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
outline: none;
min-width: 200px;
}

.search-button {
padding: 10px 20px;
border: none;
background-color: #0073aa;
color: white;
cursor: pointer;
border-radius: 4px;
font-weight: bold;
transition: background-color 0.3s ease;
}

.search-button:hover {
background-color: #005f8d;
}

.no-results {
text-align: center;
color: #666;
margin-top: 20px;
font-size: 16px;
}

.hd-public-empty-state {
box-sizing: border-box;
max-width: min(100%, 760px);
margin: 24px auto;
padding: clamp(20px, 4vw, 34px);
text-align: center;
color: #475569;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
border: 1px solid #e2e8f0;
border-radius: 18px;
box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.hd-public-empty-state__title {
margin: 0;
color: #111827;
font-size: clamp(20px, 3vw, 26px);
line-height: 1.35;
}

.hd-public-empty-state__message {
max-width: 34em;
margin: 10px auto 0;
font-size: 15px;
line-height: 1.75;
}

.hd-public-empty-state__action {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
margin-top: 18px;
padding: 8px 16px;
color: #ffffff;
background: #334155;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}

.hd-public-empty-state__action:hover,
.hd-public-empty-state__action:focus-visible {
color: #ffffff;
background: #0f172a;
text-decoration: none;
}

/* ==========================================================================
   LEGACY PTIMELINE SHORTCODE
   ========================================================================== */

.ptimeline.has-ptimeline-icon .ptimeline-marker::before,
.ptimeline-marker.has-ptimeline-icon::before {
content: var(--ptimeline-icon-code, "\f005");
font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome, sans-serif;
font-weight: 900;
line-height: 1;
}

.ptimeline.marker-icon .ptimeline-marker,
.ptimeline .ptimeline-marker.has-ptimeline-icon {
background: transparent;
border: 0;
box-shadow: none;
}

/* ==========================================================================
   FORM ELEMENTS
   ========================================================================== */

/* --- Submit Buttons --- */
#search input[type="submit"],
.search-form-a input[type="submit"] {
display: inline-block;
width: 20%;
padding: 5px 10px;
border: 1px solid #eee;
background: #5c5c5c;
color: #fff;
cursor: pointer;
}

/* --- Text Inputs --- */
#search input[type="text"],
#search input[type="email"],
.search-form-a input[type="text"],
.search-form-a input[type="email"] {
float: left;
width: 83%;
height: 38px;
padding: 8px;
border: 1px solid #eee;
border-radius: 3px;
outline: none;
box-sizing: border-box;
}

/* --- Textarea --- */
textarea {
width: 95%;
min-height: 160px;
padding: 8px;
border: 1px solid #eee;
border-radius: 3px;
outline: 0;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

/* --- More Button --- */
.more-button {
padding: 10px 20px;
background-color: #454552;
color: #fff;
text-decoration: none;
font-weight: 700;
}

/* --- Popular Buttons --- */
.popular-buttons {
display: flex;
justify-content: center;
margin-bottom: 20px;
gap: 15px;
}

.popular-buttons a {
padding: 10px 20px;
border: 2px solid #ddd;
border-radius: 25px;
background-color: #f9f9f9;
color: #555;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}

.popular-buttons a:hover,
.popular-buttons a.active {
border-color: #0073aa;
background-color: #0073aa;
color: #fff;
}

/* --- Button 020 Style --- */
.button020 {
clear: both;
margin: 0 auto;
padding: 15px 0;
max-width: 120px;
}

.button020 a {
text-decoration: none;
background: #454552;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
padding: 5px 10px;
color: #fff !important;
font-weight: 700;
transition: background 0.3s ease;
}

.button020 a:hover {
text-decoration: none;
background: #363641;
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination-container {
text-align: center;
margin: 20px 0;
padding: 20px 0;
background: #f5f5f5;
}

.listing-pagination {
--listing-pagination-surface: #f5f7fb;
--listing-pagination-link-bg: #fff;
--listing-pagination-link-color: #26313f;
--listing-pagination-link-border: #dce3ee;
--listing-pagination-link-hover-bg: #eef4ff;
--listing-pagination-link-hover-color: #0f4f9e;
--listing-pagination-active-bg: #1f2937;
--listing-pagination-active-color: #fff;
--listing-pagination-active-border: #1f2937;
--listing-pagination-muted-color: #9aa5b1;
border-radius: 18px;
box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.pagination {
display: inline-flex;
list-style: none;
padding-left: 0;
border-radius: 5px;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}

.page-item {
margin: 0;
background: #fff;
}

.page-link {
display: block;
padding: 8px 16px;
border: 1px solid #ddd;
color: #333;
text-decoration: none;
transition: all 0.3s ease;
}

.page-link:hover {
background-color: #f0f0f0;
}

.page-item.active .page-link {
background-color: #333;
color: #fff;
border-color: #333;
}

.page-item.disabled .page-link {
background-color: #f5f5f5;
color: #999;
pointer-events: none;
}

.listing-pagination .pagination {
align-items: center;
gap: 8px;
}

.listing-pagination .page-item {
background: transparent;
}

.listing-pagination .page-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
padding: 8px 14px;
border: 1px solid var(--listing-pagination-link-border);
border-radius: 12px;
background: var(--listing-pagination-link-bg);
color: var(--listing-pagination-link-color);
font-weight: 700;
line-height: 1;
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.listing-pagination .page-link:hover,
.listing-pagination .page-link:focus-visible {
background: var(--listing-pagination-link-hover-bg);
border-color: color-mix(in srgb, var(--listing-pagination-link-hover-color) 45%, var(--listing-pagination-link-border));
color: var(--listing-pagination-link-hover-color);
text-decoration: none;
transform: translateY(-1px);
}

.listing-pagination .page-item.active .page-link {
background: var(--listing-pagination-active-bg);
border-color: var(--listing-pagination-active-border);
color: var(--listing-pagination-active-color);
box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.listing-pagination .page-item.disabled .page-link {
background: transparent;
border-color: transparent;
box-shadow: none;
color: var(--listing-pagination-muted-color);
cursor: not-allowed;
opacity: 0.72;
}

.listing-pagination-style-default {
background: var(--listing-pagination-surface);
}

.listing-pagination-style-pill .page-link {
border-radius: 999px;
padding-inline: 18px;
}

.listing-pagination-style-pill .page-item.active .page-link {
background: linear-gradient(135deg, #0f172a, #2563eb);
border-color: transparent;
}

.listing-pagination-style-outline {
background: transparent;
box-shadow: none;
}

.listing-pagination-style-outline .page-link {
background: transparent;
border-width: 2px;
box-shadow: none;
}

.listing-pagination-style-outline .page-item.active .page-link {
background: #111827;
border-color: #111827;
}

.listing-pagination-style-minimal {
background: transparent;
box-shadow: none;
}

.listing-pagination-style-minimal .pagination {
gap: 2px;
}

.listing-pagination-style-minimal .page-link {
min-width: 36px;
min-height: 36px;
padding: 6px 10px;
border-color: transparent;
background: transparent;
box-shadow: none;
}

.listing-pagination-style-minimal .page-link:hover,
.listing-pagination-style-minimal .page-link:focus-visible {
background: rgba(37, 99, 235, 0.09);
}

.listing-pagination-style-compact {
padding: 12px 0;
border-radius: 12px;
}

.listing-pagination-style-compact .pagination {
gap: 4px;
}

.listing-pagination-style-compact .page-link {
min-width: 34px;
min-height: 34px;
padding: 6px 10px;
border-radius: 9px;
box-shadow: none;
font-size: 13px;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

#breadcrumb {
background-color: #f5f5f5;
margin: 0px auto;
padding: 0 30px 0 10px;
text-align: center;
clear: both;
}

.breadcrumb {
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding: 10px;
font-size: 0.9rem;
overflow: hidden;
color: #666;
text-align: left;
white-space: nowrap;
}

.breadcrumb::-webkit-scrollbar {
width: 0;
height: 0;
}

.breadcrumb li {
display: inline-block;
margin: 0;
text-shadow: 0 1px 0 #fff;
}

.breadcrumb ul {
background-position: 18px 11px;
background-repeat: no-repeat;
}

.breadcrumb .breadcrumbs {
display: block;
width: 100%;
min-width: 0;
}

.breadcrumb ol,
.breadcrumb .breadcrumb-list {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: 0;
margin: 0;
padding: 0;
min-width: max-content;
list-style: none;
}

.breadcrumb .breadcrumb-item {
display: inline;
}

.breadcrumb a {
color: #666;
transition: color 0.3s ease;
}

.breadcrumb a:hover {
color: #0073aa;
}

.breadcrumb i {
opacity: 0.5;
margin: 0 4px 0 0;
vertical-align: middle;
}

.breadcrumb .divider,
.breadcrumb .breadcrumb-separator {
padding: 5px;
color: #ccc;
}

.breadcrumb .breadcrumb-item a {
text-decoration: none;
color: #0073aa;
}

/* ==========================================================================
   TABS
   ========================================================================== */

.tab-wrap {
width: 100%;
margin: 0 auto 40px;
}

.tab-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.tab {
display: inline-block;
flex-grow: 1;
padding: 10px 0;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}

.tab:hover {
background-color: #f0f0f0;
}

.tab.is-active {
position: relative;
background: #0273aa;
color: #fff;
}

.panel-group {
min-height: 100px;
}

.panel {
display: none;
}

.panel.is-show {
display: block;
/*padding-top: 20px;*/
}

/* ==========================================================================
   TABLES
   ========================================================================== */

.wp-block-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
overflow-x: auto;
}

.wp-block-table thead {
border-bottom: 3px solid #666;
border-color: #ccc;
}

.wp-block-table th {
padding: 12px;
text-align: center;
border: 1px solid #ddd;
font-weight: 700;
background-color: #f9f9f9;
}

.wp-block-table td {
padding: 10px;
border: 1px solid #ddd;
}

.wp-block-table .has-fixed-layout {
table-layout: auto;
width: 100%;
white-space: nowrap;
overflow-x: scroll;
}

:where(.wp-block-table.has-fixed-layout) td,
:where(.wp-block-table.has-fixed-layout) th {
word-break: break-word;
overflow-wrap: break-word;
white-space: normal;
border-style: solid;
border-width: 1px;
border-color: #ccc;
}

/* ==========================================================================
   CARDS (POSTCARD)
   ========================================================================== */

#arte-t6-t/*,
#arte-t7-t*/ {
width: 100%;
margin: 0 auto;
text-align: center;
}

#arte-t6-t a,
#arte-t6-t a:hover/*,
#arte-t7-t a,
#arte-t7-t a:hover*/ {
text-decoration: none;
}

/* --- Postcard Layout --- */
.postcard {
position: relative;
margin: 0 0 1em;
padding: 0;
border-radius: 8px;
background-size: calc(10 * 1px) calc(10 * 1px);
color: #eee;
}

.postcard a {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
padding: 0;
border: 1px solid #eee;
border-radius: 2px;
background: #fff;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
}

.postcard a:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}

.postcard_thumbnail {
width: 38%;
height: auto;
min-width: 20px;
min-height: 10px;
max-height: 276px;
/*margin-right: 3%;*/
display: flex;
}

.postcard_thumbnail img {
width: 100%;
height: inherit !important;
object-fit: cover;
}

.postcard_content {
display: flex;
flex-direction: column;
justify-content: start;
width: 56%;
}

.postcard_title h3 {
display: -webkit-box;
opacity: 0.9;
padding-top: 0;
padding-bottom: 7px;
overflow: hidden;
color: #1f1d1d;
font-weight: 900;
font-size: 1.3rem;
line-height: 1.5;
letter-spacing: 2px;
text-decoration: none;
text-align: left;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}

.postcard_description p {
display: -webkit-box;
margin: 0 auto;
padding-bottom: 5px;
overflow: hidden;
color: #565656;
font-size: 90%;
letter-spacing: 2px;
text-decoration: none;
text-align: justify;
word-break: break-all;
word-wrap: break-word;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}

.postcard_meta {
opacity: 0.8;
padding: 5px;
color: #333;
font-size: 12px;
text-align: right;
}

/* ==========================================================================
   WIDGETS
   ========================================================================== */

/* --- Sidebar Title --- */
.sidebar-title {
font-weight: 600;
text-align: left;
padding: 10px 20px;
background-color: #6E0304;
color: #fff;
font-size: 1.1rem;
}

.sidebar-title--hidden {
display: none;
}

/* --- Recent Posts Widget --- */
.my-recent-post li .text,
.my-pp li .text,
.my-ppop li .text {
font-size: 1rem;
}

.my-recent-post #my-first-recent-post {
float: none;
width: 100%;
height: 250px;
background-position: center center;
background-size: cover;
}

.my-recent-post ul,
.index-recent-post ul {
list-style: none;
margin: 0;
padding: 0;
}

.my-recent-post li,
.index-recent-post li {
margin-top: 2px;
padding: 8px;
transition: background-color 0.3s ease;
}

.my-recent-post li:hover,
.index-recent-post li:hover {
background-color: #f9f9f9;
}

.my-recent-post li a,
.index-recent-post li a {
display: block;
flex: 1;
padding: 5px 0 0;
border: none;
color: #000;
font-weight: 700;
text-decoration: none;
}

.my-recent-post li .text,
.index-recent-post li .text {
font-size: 1rem;
color: #1f1d1d;
line-height: 1.5em;
}

/* --- Widget Titles --- */
.my-recent-post-title,
.index-recent-post-title,
.my-pp-title,
.my-ppop-title {
display: inline-block;
position: relative;
width: 200px;
padding-bottom: 10px;
padding-left: 1em;
border-bottom: solid 3px orange;
text-align: left;
font-size: 16px;
}

.my-recent-post-title:after,
.index-recent-post-title:after,
.my-pp-title:after,
.my-ppop-title:after {
display: block;
position: absolute;
bottom: -3px;
width: 20%;
border-bottom: solid 3px #ffd700;
content: " ";
}

/* --- RTList Widget --- */
.my-rtlist li.is-hidden {
display: none;
visibility: hidden;
opacity: 0;
height: 0;
margin: 0 10px;
padding: 0;
}

/* --- Popular Posts Widget --- */
.my-pp,
.my-ppop {
margin: 10px auto 0;
}

.my-pp .thumb,
.my-ppop .thumb {
float: left;
width: 150px;
max-width: 38%;
aspect-ratio: 3 / 2;
min-height: 100px;
display: block;
overflow: hidden;
background: #f3f4f6;
margin-right: 10px;
}

.my-pp ul,
.my-ppop ul {
list-style: none;
margin: 0 auto;
padding: 5px 0 0;
}

.my-pp ul:before,
.my-pp ul:after,
.my-ppop ul:before,
.my-ppop ul:after {
display: block;
clear: both;
content: "";
}

.my-pp li {
float: none;
clear: both;
margin-bottom: 5px;
padding: 0;
overflow: hidden;
border: none;
}

.my-pp li a,
.my-ppop li a {
display: block;
flex: 1;
margin: 0 auto;
border: none;
color: #1f1d1d;
font-size: 1rem;
}

.my-pp li .text,
.my-ppop li .text {
height: auto;
text-decoration: none;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
color: #1f1d1d;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 1rem;
line-height: 1.8em;
font-weight: 400;
}

.my-pp .thumb,
.my-ppop .thumb {
float: left;
width: 150px;
max-width: 38%;
max-height: none;
background-position: center center;
background-size: cover;
border: 1px solid #ddd;
margin-right: 10px;
object-fit: cover;
}

.my-pp .thumb img,
.my-ppop .thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.my-pp #my-first-recent-post {
float: none;
width: 100%;
height: auto;
max-height: 100px;
}

.my-pp #my-first-recent-post-text {
margin-left: 0;
padding-top: 10px;
}

/* --- Popular Posts with Ranking --- */
.my-ppop li {
position: relative;
clear: both;
margin: 0.5em 0;
padding: 0;
border: none;
list-style-type: none;
}

.my-ppop li a:after {
display: block;
clear: both;
content: "";
}

.my-ppop li::before {
pointer-events: none;
position: absolute;
display: block;
content: '';
letter-spacing: 0.1em;
text-align: center;
color: #fff;
z-index: 9;
}

.my-ppop li:nth-child(3)::before,
.my-ppop li:nth-child(2)::before,
.my-ppop li:nth-child(1)::before {
width: 25px;
height: 25px;
padding: 3px;
vertical-align: middle;
}

.my-ppop li:nth-child(1)::before {
content: '#1';
background: #e6b422;
}

.my-ppop li:nth-child(2)::before {
content: '#2';
background: #afafb0;
}

.my-ppop li:nth-child(3)::before {
content: '#3';
background: #ac6b25;
}

/* --- Tag Cloud --- */
.tagcloud a {
display: inline-flex;
margin: 0 7px 6px 0;
padding: 2px 5px;
background: #f6f7f9;
color: #464646;
transition: all 0.3s ease;
}

.tagcloud a:hover {
background: #e0e0e0;
}

/* --- Custom Popular Posts Widget --- */
.custom-popular-posts-widget .tabs {
display: flex;
justify-content: flex-start;
position: relative;
width: 100%;
margin-bottom: 10px;
padding: 5px 0;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.custom-popular-posts-widget .custom-tab-btn {
flex: 1 1 50%;
max-width: 50%;
margin-right: 5px;
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
background-color: #f8f9fb;
color: #444;
font-weight: 700;
font-size: 14px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}

.custom-popular-posts-widget .custom-tab-btn:last-child {
margin-right: 0;
}

.custom-popular-posts-widget .custom-tab-btn:hover {
background-color: #e6e8ec;
color: #333;
}

.custom-popular-posts-widget .custom-tab-btn.active {
background-color: #0073aa;
color: #fff;
}

.taxonomy-popular-posts-section {
margin-top: 25px;
padding-top: 15px;
border-top: 1px dashed #ddd;
}

/* ==========================================================================
   WORDPRESS BLOCKS
   ========================================================================== */

/* --- Code Block --- */
.wp-block-code code {
border: solid 1px #dadada;
background: #f5f6f7 !important;
}

/* --- Image Block --- */
.wp-block-image figcaption {
font-size: 13px;
text-align: center;
}

.wp-block-image .aligncenter {
margin: 10px auto;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
position: unset !important;
background: none !important;
color: #000 !important;
font-size: 13px;
text-align: center;
padding: 0 8px 8px;
}

.wp-block-image figcaption {
position: unset;
background: none;
color: #000;
font-size: 13px;
text-align: center;
padding: 0 8px 8px;
}

.wp-block-image,
.wp-block-embed__wrapper {
min-width: 1px;
min-height: 1px;
}

/* --- WPP List --- */
.wpp-list li:before {
content: counter(wpp-ranking);
background: #000;
color: #fff;
}

/* ==========================================================================
   RESPONSIVE DESIGN - COMPONENTS
   ========================================================================== */

/* --- Tablet (768px and below) --- */
@media screen and (max-width: 768px) {
/* Breadcrumbs: allow horizontal scroll on small screens */
#breadcrumb {
padding: 0 12px;
margin-top: 10px;
}

.breadcrumb {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}

.breadcrumb::-webkit-scrollbar {
height: 0;
}

.breadcrumb ol,
.breadcrumb .breadcrumb-list {
min-width: max-content;
}

/* Search Form */
.search-form-a {
flex-wrap: wrap;
}

.search-input,
.search-button {
flex: 1 1 100%;
max-width: 100%;
}

.search-input {
margin-bottom: 10px;
}

/* Pagination */
.page-link {
padding: 6px 10px;
font-size: 14px;
}

/* Tables */
.wp-block-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}

/* Postcard */
.postcard_title h3 {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
height: auto;
text-decoration: none;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 1rem;
line-height: 1.8em;
font-weight: 400;
}

.postcard_description p,
.postcard_meta {
display: none;
}

/* Forms: stack legacy search inputs/buttons on narrow screens */
#search input[type="text"],
#search input[type="email"],
#search input[type="submit"],
.search-form-a input[type="text"],
.search-form-a input[type="email"],
.search-form-a input[type="submit"],
textarea {
width: 100%;
float: none;
box-sizing: border-box;
}

#search input[type="submit"],
.search-form-a input[type="submit"] {
margin-top: 10px;
}
}

/* ==========================================================================
   CHANGE CARD (Related Posts Grid)
   ========================================================================== */

.changeCard ul {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 17px;
margin-top: 20px;
}

li.changeItem.grid {
width: 32%;
margin-bottom: 5px;
}

li.changeItem.grid a {
height: 100%;
flex-direction: column;
display: flex;
text-decoration: none;
transition: transform 0.3s ease;
}

li.changeItem.grid a:hover {
transform: translateY(-5px);
}

.changeItemTxt .itemTitle {
font-size: 1.1rem;
line-height: 1.8em;
font-weight: 400;
}

.arte-t1-t2-content-filter {
    position: relative;
    overflow: hidden;
    background: #e0e0e0; /* 新增佔位背景 */
}

.arte-t1-t2-content-filter figure {
    margin: 0;
    padding: 0;
    display: block;
    height: 100%;
}

.arte-t1-t2-content-filter img,
.arte-t1-t2-content-img {
    width: 100%;
    height: 100%; /* 強制填滿容器 */
    object-fit: cover; /* 保持比例填滿 */
    aspect-ratio: 380 / 280;
    display: block;
}

/* --- Mobile (767px and below) --- */
@media screen and (max-width: 767px) {
li.changeItem.grid {
width: 100%;
margin: 0;
padding: 0;
}
}

/* --- Mobile (480px - 767px) --- */
@media (min-width: 480px) and (max-width: 767px) {
li.changeItem.grid {
width: 48%;
}
}

/* --- Mobile (479px and below) --- */
@media (max-width: 479px) {
/* Article List Items */
li.changeItem.grid {
width: 100%;
margin: 0;
padding: 0;
}

/* Postcard */
.postcard {
/*padding: 15px 0;*/
margin: 0;
}

.postcard a {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
padding: 0;
border-radius: 2px;
background: #fff;
text-decoration: none;
cursor: pointer;
border: none;
}

.postcard_content {
flex-direction: unset !important;
width: 56% !important;
}

.postcard_title h3 {
padding-left: 0;
padding-right: 0;
height: auto;
text-decoration: none;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 1rem;
line-height: 1.8em;
font-weight: 400;
}

.postcard_description p,
.postcard_meta {
display: none;
}

/* Popular Buttons */
.popular-buttons a {
font-size: 16px;
}
}
.no-posts-found--center {
    text-align: center;
}

.shotcodex-step {
    display: inline;
    padding: 0 6px;
    border-right: 3px solid #f5f5f5;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.shotcodex-step--green {
    background: green;
}

.shotcodex-step--orange {
    background: orange;
}

.shotcodex-step--red {
    background: red;
}

.shotcodex-step--black {
    background: #000;
}

.shotcodex-step--purple {
    background: purple;
}

.shotcodex-border {
    display: inline;
    padding: 0 16px;
    text-align: center;
    border-left: 6px solid #333;
}

.shotcodex-border--dark {
    padding-right: 12px;
    padding-left: 12px;
    border-left-color: #333;
}

.shotcodex-border--orange {
    border-left-color: orange;
}

.shotcodex-border--red {
    border-left-color: red;
}

.shotcodex-border--green {
    border-left-color: green;
}

.comment-reply-action {
    text-align: right;
}

.comment-title--right {
    text-align: right;
}

.fc-video-embed--external {
    max-width: var(--fc-video-max-width, 100%);
    margin: 0 auto;
    overflow: hidden;
}

.fc-video-embed__wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: var(--fc-video-aspect-ratio, 16 / 9);
    border-radius: var(--fc-video-border-radius, 12px);
    overflow: hidden;
    background: #000;
}

.video-container > .fc-video-embed--external {
    position: absolute;
    inset: 0;
    margin: 0;
    max-width: none;
}

.video-container > .fc-video-embed--external .fc-video-embed__wrapper {
    height: 100%;
    aspect-ratio: auto;
    border-radius: inherit;
}

.fc-video-embed__wrapper--twitter {
    background: #111827;
}

.fc-video-facade {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    background-size: cover;
    background-position: center;
    cursor: pointer;
    z-index: 10;
    overflow: hidden;
    box-sizing: border-box;
}

.fc-video-facade--twitter {
    background:
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.48) 0%, rgba(30, 41, 59, 0) 36%),
        linear-gradient(135deg, #0f172a 0%, #1d4ed8 48%, #111827 100%);
}

.fc-video-facade__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.16) 0%, rgba(15, 23, 42, 0.78) 100%);
}

.fc-video-facade__overlay--twitter {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.1) 0%, rgba(15, 23, 42, 0.8) 100%);
}

.fc-video-facade__content {
    position: absolute;
    left: clamp(10px, 2.2vw, 18px);
    right: clamp(10px, 2.2vw, 18px);
    bottom: clamp(10px, 2.2vw, 18px);
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(10px, 2vw, 16px);
    width: auto;
    max-width: calc(100% - clamp(20px, 4.4vw, 36px));
    min-width: 0;
    box-sizing: border-box;
    pointer-events: none;
}

.fc-video-facade__copy {
    color: #fff;
    max-width: min(100%, 34rem);
    min-width: 0;
    overflow: hidden;
}

.fc-video-facade__label {
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
}

.fc-video-facade__summary {
    font-size: 14px;
    line-height: 1.55;
    opacity: 0.96;
    overflow-wrap: anywhere;
}

.fc-video-facade__action {
    position: relative;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    pointer-events: auto;
}

.fc-video-facade__action--play {
    box-sizing: border-box;
    padding: 0;
    width: clamp(44px, 8vw, 64px);
    height: clamp(44px, 8vw, 64px);
    background: rgba(15, 23, 42, 0.72);
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.28);
    line-height: 0;
}

.fc-video-facade__play-icon {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 17px;
    border-color: transparent transparent transparent currentColor;
    margin: 0;
    transform: translateX(12%);
}

.fc-video-facade__action--pill {
    min-width: 132px;
    min-height: 46px;
    padding: 0 18px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 999px;
    gap: 8px;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.2);
}

.fc-video-facade__pill-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.fc-video-embed__iframe,
.fc-video-facade__iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

.fc-video-embed__caption {
    margin-top: 8px;
    color: #666;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}

/* Super Module admin-only frontend diagnostics. Hidden from visitors in PHP. */
.hp-admin-notice--frontend-diagnostic {
    box-sizing: border-box;
    display: grid;
    gap: 6px;
    max-width: min(100%, 760px);
    margin: 14px auto;
    padding: 14px 16px;
    color: #1f2937;
    background: #fffaf0;
    border: 1px solid rgba(217, 119, 6, 0.28);
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(146, 64, 14, 0.08);
    font-size: 14px;
    line-height: 1.6;
}

.hp-admin-notice__eyebrow {
    color: #9a3412;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hp-admin-notice__title {
    display: block;
    color: #111827;
    font-size: 15px;
    line-height: 1.45;
}

.hp-admin-notice__message {
    color: #4b5563;
}

.hp-admin-notice__action {
    justify-self: start;
    min-height: 34px;
    padding: 6px 12px;
    color: #9a3412;
    background: rgba(217, 119, 6, 0.1);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.hp-admin-notice__action:hover,
.hp-admin-notice__action:focus-visible {
    color: #7c2d12;
    background: rgba(217, 119, 6, 0.16);
    text-decoration: none;
}


/* === menu-v8-base.css === */
/**
 * Menu V8 - Base CSS Entry Point
 *
 * Split-loading variant without Mega Menu CSS.
 *
 * @package Menu_V8
 * @since 2.3.0
 */


/* === IMPORT core/_variables.css === */
/**
 * Menu V8 - CSS Variables
 * Core theme variables and color schemes
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/* =========================================================================
 Base Theme Variables
 ========================================================================= */
:root,
body.theme-dark,
body.theme-light,
body.theme-default {
--menu-v8-topbar-bg: #0b090a;
--menu-v8-topbar-text: #adb5bd;
--menu-v8-bottombar-bg: #3c3c3c;
--menu-v8-bottombar-text: #fff;
--menu-v8-bar-hover-bg: #000;
--menu-v8-bar-hover-text: #fff;
}

/* =========================================================================
 Light Theme (Default)
 ========================================================================= */
:root,
body.theme-light,
body.theme-default {
--menu-v8-main-bg: #fff;
--menu-v8-main-text: #222;
--menu-v8-hover-bg: #f1f1f1;
--menu-v8-active-bg: #0b090a;
--menu-v8-active-text: #fff;
--menu-v8-submenu-bg: #fff;
--menu-v8-submenu-text: #222;
--menu-v8-submenu-hover-bg: #f1f1f1;
--menu-v8-slideout-bg: #fff;
--menu-v8-slideout-text: #222;
--menu-v8-slideout-border: #e5e5e5;
--menu-v8-slideout-submenu-bg: #f8f9fa;
--menu-v8-slideout-hover-bg: #f1f1f1;
--menu-v8-search-bg: #fff;
--menu-v8-search-text: #222;
--menu-v8-search-border: #ccc;
--menu-v8-search-placeholder: #999;
}

/* =========================================================================
 Ocean Theme
 ========================================================================= */
body.theme-ocean {
--menu-v8-main-bg: #f3fbff;
--menu-v8-main-text: #073b4c;
--menu-v8-hover-bg: #dff4ff;
--menu-v8-active-bg: #118ab2;
--menu-v8-active-text: #fff;
--menu-v8-submenu-bg: #ffffff;
--menu-v8-submenu-text: #073b4c;
--menu-v8-submenu-hover-bg: #dff4ff;
--menu-v8-slideout-bg: #eef9ff;
--menu-v8-slideout-text: #073b4c;
--menu-v8-slideout-border: #b7e3f3;
--menu-v8-slideout-submenu-bg: #dff4ff;
--menu-v8-slideout-hover-bg: #d1efff;
--menu-v8-search-bg: #fff;
--menu-v8-search-text: #073b4c;
--menu-v8-search-border: #86c5da;
--menu-v8-search-placeholder: #56879a;
}

/* =========================================================================
 Forest Theme
 ========================================================================= */
body.theme-forest {
--menu-v8-main-bg: #f4fbf4;
--menu-v8-main-text: #1f3a2d;
--menu-v8-hover-bg: #e3f3e6;
--menu-v8-active-bg: #2d6a4f;
--menu-v8-active-text: #fff;
--menu-v8-submenu-bg: #ffffff;
--menu-v8-submenu-text: #1f3a2d;
--menu-v8-submenu-hover-bg: #e3f3e6;
--menu-v8-slideout-bg: #edf7f0;
--menu-v8-slideout-text: #1f3a2d;
--menu-v8-slideout-border: #cfe4d4;
--menu-v8-slideout-submenu-bg: #e3f3e6;
--menu-v8-slideout-hover-bg: #d8ecd8;
--menu-v8-search-bg: #fff;
--menu-v8-search-text: #1f3a2d;
--menu-v8-search-border: #9bc4a8;
--menu-v8-search-placeholder: #5c7d69;
}

/* =========================================================================
 Sunset Theme
 ========================================================================= */
body.theme-sunset {
--menu-v8-main-bg: #fff7ef;
--menu-v8-main-text: #5c2c06;
--menu-v8-hover-bg: #fde7cf;
--menu-v8-active-bg: #d97706;
--menu-v8-active-text: #fff;
--menu-v8-submenu-bg: #fffaf4;
--menu-v8-submenu-text: #5c2c06;
--menu-v8-submenu-hover-bg: #fde7cf;
--menu-v8-slideout-bg: #fff1e1;
--menu-v8-slideout-text: #5c2c06;
--menu-v8-slideout-border: #f2c79c;
--menu-v8-slideout-submenu-bg: #fde7cf;
--menu-v8-slideout-hover-bg: #f9dcc0;
--menu-v8-search-bg: #fffaf4;
--menu-v8-search-text: #5c2c06;
--menu-v8-search-border: #e8ad74;
--menu-v8-search-placeholder: #9a6c45;
}

/* =========================================================================
 Dark Theme
 ========================================================================= */
body.theme-dark,
body.hd-dark-mode,
body.fc-dark-mode,
body.dark-mode {
--menu-v8-main-bg: #121212;
--menu-v8-main-text: #e0e0e0;
--menu-v8-hover-bg: #2a2a2a;
--menu-v8-active-bg: #fff;
--menu-v8-active-text: #0b090a;
--menu-v8-submenu-bg: #1f2225;
--menu-v8-submenu-text: #e0e0e0;
--menu-v8-submenu-hover-bg: #333;
--menu-v8-slideout-bg: #1f2225;
--menu-v8-slideout-text: #e0e0e0;
--menu-v8-slideout-border: #3a3a3a;
--menu-v8-slideout-submenu-bg: #121212;
--menu-v8-slideout-hover-bg: #2a2a2a;
--menu-v8-search-bg: #1f2225;
--menu-v8-search-text: #e0e0e0;
--menu-v8-search-border: #444;
--menu-v8-search-placeholder: #777;
}

/* =========================================================================
 Auto Theme (System Preference)
 ========================================================================= */
@media (prefers-color-scheme: dark) {
body.theme-auto,
body.hd-dark-mode-auto,
body.fc-dark-mode-auto {
--menu-v8-main-bg: #121212;
--menu-v8-main-text: #e0e0e0;
--menu-v8-hover-bg: #2a2a2a;
--menu-v8-active-bg: #fff;
--menu-v8-active-text: #0b090a;
--menu-v8-submenu-bg: #1f2225;
--menu-v8-submenu-text: #e0e0e0;
--menu-v8-submenu-hover-bg: #333;
--menu-v8-slideout-bg: #1f2225;
--menu-v8-slideout-text: #e0e0e0;
--menu-v8-slideout-border: #3a3a3a;
--menu-v8-slideout-submenu-bg: #121212;
--menu-v8-slideout-hover-bg: #2a2a2a;
--menu-v8-search-bg: #1f2225;
--menu-v8-search-text: #e0e0e0;
--menu-v8-search-border: #444;
--menu-v8-search-placeholder: #777;
}
}

@media (prefers-color-scheme: light) {
body.theme-auto,
body.hd-dark-mode-auto,
body.fc-dark-mode-auto {
--menu-v8-main-bg: #fff;
--menu-v8-main-text: #222;
--menu-v8-hover-bg: #f1f1f1;
--menu-v8-active-bg: #0b090a;
--menu-v8-active-text: #fff;
--menu-v8-submenu-bg: #fff;
--menu-v8-submenu-text: #222;
--menu-v8-submenu-hover-bg: #f1f1f1;
--menu-v8-slideout-bg: #fff;
--menu-v8-slideout-text: #222;
--menu-v8-slideout-border: #e5e5e5;
--menu-v8-slideout-submenu-bg: #f8f9fa;
--menu-v8-slideout-hover-bg: #f1f1f1;
--menu-v8-search-bg: #fff;
--menu-v8-search-text: #222;
--menu-v8-search-border: #ccc;
--menu-v8-search-placeholder: #999;
}
}

/* =========================================================================
 UI Variables
 ========================================================================= */
:root {
--menu-v8-border-radius: none;
--menu-v8-shadow-soft: 0 4px 6px -1px #00000026, 0 2px 4px -2px #0000001a;
--menu-v8-shadow-strong: 0 10px 15px -3px #0003, 0 4px 6px -4px #00000026;
--menu-v8-sticky-shadow: none;
--menu-v8-transition-speed: 0.2s;
--menu-v8-scrollbar-thumb: #444;
--menu-v8-scrollbar-track: #222;
--menu-v8-arrow-size: 5px;
--menu-v8-arrow-color: currentColor;
}



/* === IMPORT core/_reset.css === */
/**
 * Menu V8 - Reset Styles
 * Base reset and utility classes
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/* =========================================================================
 Box Sizing Reset
 ========================================================================= */
*,
::after,
::before {
box-sizing: border-box;
}

/* =========================================================================
 Skip Link (Accessibility)
 ========================================================================= */
.unified-v8-skip-link {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -999;
}

.unified-v8-skip-link:focus {
left: 6px;
top: 7px;
width: auto;
height: auto;
overflow: auto;
padding: 15px;
background: var(--menu-v8-main-bg);
color: var(--menu-v8-main-text);
z-index: 99999;
text-decoration: none;
border-radius: var(--menu-v8-border-radius);
}

/* =========================================================================
 Screen Reader Text
 ========================================================================= */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}

/* =========================================================================
 Body Scroll Lock
 ========================================================================= */
body.unified-v8-body-no-scroll {
overflow: hidden !important;
}



/* === IMPORT core/_animations.css === */
/**
 * Menu V8 - Animations
 * Submenu animation effects
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/* =========================================================================
 Fade Animation
 ========================================================================= */
.submenu-animation-fade .unified-v8-nav-submenu {
opacity: 0;
visibility: hidden;
transition: opacity var(--menu-v8-transition-speed) ease, 
visibility var(--menu-v8-transition-speed) ease;
}

.submenu-animation-fade .unified-v8-nav-item-has-children:hover > .unified-v8-nav-submenu,
.submenu-animation-fade .unified-v8-nav-item-has-children.is-active > .unified-v8-nav-submenu {
opacity: 1;
visibility: visible;
}

/* =========================================================================
 Slide Animation
 ========================================================================= */
.submenu-animation-slide .unified-v8-nav-submenu {
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity var(--menu-v8-transition-speed) ease, 
visibility var(--menu-v8-transition-speed) ease, 
transform var(--menu-v8-transition-speed) ease;
}

.submenu-animation-slide .unified-v8-nav-item-has-children:hover > .unified-v8-nav-submenu,
.submenu-animation-slide .unified-v8-nav-item-has-children.is-active > .unified-v8-nav-submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

/* =========================================================================
 No Animation
 ========================================================================= */
.submenu-animation-none .unified-v8-nav-submenu {
display: none;
}

.submenu-animation-none .unified-v8-nav-item-has-children:hover > .unified-v8-nav-submenu,
.submenu-animation-none .unified-v8-nav-item-has-children.is-active > .unified-v8-nav-submenu {
display: block;
}




/* === IMPORT components/_header.css === */
/**
 * Menu V8 - Header Component
 * 
 * Header, nav bars, and base navigation styles
 * 
 * @package Menu_V8
 * @since 2.0.0
 */


*,
::after,
::before {
  box-sizing: border-box;
}
.unified-v8-skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.unified-v8-skip-link:focus {
  left: 6px;
  top: 7px;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 15px;
  background: var(--menu-v8-main-bg);
  color: var(--menu-v8-main-text);
  z-index: 99999;
  text-decoration: none;
  border-radius: var(--menu-v8-border-radius);
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
body.unified-v8-body-no-scroll {
  overflow: hidden !important;
}
#unified-v8-header-wrapper {
  position: relative;
  z-index: 100;
  background-color: var(--menu-v8-custom-bg, var(--menu-v8-main-bg));
  color: var(--menu-v8-custom-text, var(--menu-v8-main-text));
  /*box-shadow: var(--menu-v8-shadow-soft);*/
}
.unified-v8-nav-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.unified-v8-main-header {
  padding: 1.25rem 0; /* 20px */
}
.unified-v8-main-header .unified-v8-nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 44px; /* Ensure a minimum height for accessibility and layout stability */
  gap: 12px;
  position: relative;
  isolation: isolate;
}
.unified-v8-branding {
  display: flex;
  align-items: center;
}
.unified-v8-branding .unified-v8-branding-default {
  display: inline-flex;
  align-items: center;
}
.unified-v8-branding .unified-v8-logo-compact {
  display: none;
}
.unified-v8-branding.unified-v8-branding--bottom_bar_sticky .unified-v8-logo,
.unified-v8-branding.unified-v8-branding--bottom_bar_sticky .unified-v8-logo-dark {
  height: var(--menu-v8-logo-height-sticky, 36px) !important;
  width: auto !important;
  max-height: var(--menu-v8-logo-height-sticky, 36px) !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
.unified-v8-branding .site-title,
.unified-v8-branding .site-title a,
.unified-v8-branding h1 {
  font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.4rem) !important;
  font-family: inherit; /* Use theme font */
  color: var(--menu-v8-main-text);
  text-decoration: none;
  font-weight: 900;
  margin: 0;
  line-height: 1.2;
}
.unified-v8-header-controls {
  display: flex;
  align-items: center;
  margin-left: 10px;
  gap: 8px;
  flex: 0 0 auto;
  position: relative;
  z-index: 1003;
}
.unified-v8-search-area {
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
  z-index: 1003;
}
.unified-v8-header-controls .unified-v8-search-toggle,
.unified-v8-header-controls .unified-v8-hamburger-toggle {
  justify-content: center;
  min-height: 40px;
  padding: 8px 12px;
  gap: 8px;
}
.unified-v8-header-controls .unified-v8-search-toggle {
  display: inline-flex;
}
.unified-v8-header-controls .unified-v8-search-toggle .unified-v8-icon-search,
.unified-v8-header-controls .unified-v8-hamburger-icon {
  margin-right: 0;
  flex: 0 0 auto;
}
.unified-v8-header-controls .unified-v8-search-text,
.unified-v8-header-controls .unified-v8-hamburger-text {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.unified-v8-header-controls .unified-v8-search-toggle.is-icon-only,
.unified-v8-header-controls .unified-v8-hamburger-toggle.is-icon-only {
  width: 44px;
  min-width: 44px;
  padding: 0;
  gap: 0;
}
.unified-v8-bottom-bar-sticky-brand,
.unified-v8-bottom-bar-sticky-controls {
  display: none;
  opacity: 0;
  transform: translate3d(0, -2px, 0);
  transition: opacity 0.14s ease, transform 0.14s ease;
  will-change: opacity, transform;
}
@media (min-width: 1200px) {
  body.sticky-header-mode-enabled.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active #unified-v8-header-wrapper,
  body.sticky-header-mode-desktop_only.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active #unified-v8-header-wrapper {
    margin-bottom: max(calc(var(--v8-sticky-header-height, var(--menu-v8-header-height, 70px)) - var(--menu-v8-header-height-sticky, 56px)), 0px) !important;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-top-bar-nav,
  body.sticky-compact-nav-enabled.sticky-header-active:not(.sticky-compact-bottom-bar-brand-enabled) .unified-v8-bottom-bar-nav-wrapper {
    display: none !important;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-main-header {
    padding: 0.45rem 0;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-main-header .unified-v8-nav-container {
    gap: 16px;
    min-height: var(--menu-v8-header-height-sticky, 56px);
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-branding {
    flex: 0 1 clamp(96px, 18vw, 240px);
    min-width: 0;
    max-width: clamp(96px, 18vw, 240px);
    margin-right: 0;
    overflow: hidden;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-branding .site-title,
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-branding .site-title a {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-branding.has-sticky-compact-logo .unified-v8-branding-default {
display: none;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-branding.has-sticky-compact-logo .unified-v8-logo-compact {
display: block;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-primary-nav-desktop {
display: flex !important;
flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-primary-nav-desktop .unified-v8-nav-list {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    scrollbar-width: none;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-primary-nav-desktop .unified-v8-nav-list::-webkit-scrollbar {
    display: none;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-primary-nav-desktop .unified-v8-nav-item {
    flex-shrink: 0;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-primary-nav-desktop .unified-v8-nav-link {
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-header-widget-area,
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-header-cta {
    display: none !important;
  }
  body.sticky-compact-nav-enabled.sticky-header-active .unified-v8-header-controls {
    margin-left: 12px;
    flex: 0 0 auto;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-main-header {
    display: none !important;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-nav-wrapper {
    display: block !important;
    min-height: var(--menu-v8-header-height-sticky, 56px);
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    justify-content: stretch;
    min-height: var(--menu-v8-header-height-sticky, 56px);
    padding-top: 6px;
    padding-bottom: 6px;
    transition: gap 0.14s ease;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-compact-bottom-bar-logo-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-container {
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr);
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-compact-bottom-bar-controls-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-container {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-compact-bottom-bar-logo-enabled.sticky-compact-bottom-bar-controls-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-container {
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr) auto;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-compact-bottom-bar-logo-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand,
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-compact-bottom-bar-controls-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-controls {
    display: flex;
    align-items: center;
    min-width: 0;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand {
    justify-content: flex-start;
    max-width: clamp(96px, 18vw, 240px);
    overflow: hidden;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    max-width: 100%;
    overflow: hidden;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding .site-title,
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding .site-title a {
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding .unified-v8-branding-default {
    display: flex;
    align-items: center;
    line-height: 1;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding img.unified-v8-logo,
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding img.unified-v8-logo-dark,
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding img.unified-v8-logo-compact {
    display: block;
    flex: 0 0 auto;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding.has-sticky-compact-logo .unified-v8-branding-default {
    display: none;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-brand .unified-v8-branding.has-sticky-compact-logo .unified-v8-logo-compact {
    display: block;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-list-scroll-wrapper {
    min-width: 0;
    width: 100%;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-list {
    justify-content: flex-end;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-list::-webkit-scrollbar {
    display: none;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-nav .unified-v8-nav-item {
    flex: 0 0 auto;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-controls {
    justify-content: flex-end;
  }
  body.sticky-compact-nav-enabled.sticky-compact-bottom-bar-brand-enabled.sticky-header-active .unified-v8-bottom-bar-sticky-controls .unified-v8-header-controls {
    display: flex;
    flex: 0 0 auto;
    margin-left: 0;
  }
}
.unified-v8-top-bar-nav {
  background-color: var(--menu-v8-topbar-bg);
  font-size: 0.85em;
}
.unified-v8-top-bar-nav .unified-v8-nav-container {
  display: flex;
  justify-content: right;
  align-items: center;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-list-scroll-wrapper,
.unified-v8-top-bar-nav .unified-v8-nav-list-scroll-wrapper {
  width: auto;
}
.unified-v8-nav-list-scroll-wrapper {
  position: relative;
  max-width: 100%;
  min-width: 0;
}
.unified-v8-primary-nav-desktop .unified-v8-nav-list-scroll-wrapper {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints .unified-v8-nav-list {
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.unified-v8-top-bar-nav .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable,
.unified-v8-bottom-bar-nav .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-left: 34px;
  padding-right: 34px;
}
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints .unified-v8-nav-list::-webkit-scrollbar {
  display: none;
}
.unified-v8-primary-nav-desktop .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable .unified-v8-nav-list,
.unified-v8-top-bar-nav .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable .unified-v8-nav-list,
.unified-v8-bottom-bar-nav .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable .unified-v8-nav-list {
  max-width: 100%;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-start;
}
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.has-mega-menu-open,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.has-submenu-open,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.has-mega-menu-open .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.has-submenu-open .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-hover),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-pinned),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-hover),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-open),
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-hover) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-pinned) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-hover) .unified-v8-nav-list,
.unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-open) .unified-v8-nav-list {
  overflow: visible !important;
}
.unified-v8-primary-nav-desktop.has-mega-menu-open,
.unified-v8-primary-nav-desktop.has-submenu-open,
.unified-v8-top-bar-nav.has-mega-menu-open,
.unified-v8-top-bar-nav.has-submenu-open,
.unified-v8-bottom-bar-nav.has-mega-menu-open,
.unified-v8-bottom-bar-nav.has-submenu-open,
.unified-v8-bottom-bar-nav-wrapper.has-mega-menu-open,
.unified-v8-bottom-bar-nav-wrapper.has-submenu-open,
.unified-v8-primary-nav-desktop:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-top-bar-nav:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-bottom-bar-nav:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-primary-nav-desktop:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-top-bar-nav:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-bottom-bar-nav:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-primary-nav-desktop:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-top-bar-nav:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-bottom-bar-nav:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-primary-nav-desktop:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-top-bar-nav:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-bottom-bar-nav:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-nav-container.has-mega-menu-open,
.unified-v8-nav-container.has-submenu-open,
.unified-v8-nav-container:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-nav-container:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-nav-container:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-hover),
.unified-v8-nav-container:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-pinned),
.unified-v8-nav-container:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-nav-container:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-nav-container:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-hover),
.unified-v8-nav-container:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-open) {
  overflow: visible !important;
}
.unified-v8-bottom-bar-nav-wrapper.has-mega-menu-open,
.unified-v8-bottom-bar-nav-wrapper.has-submenu-open,
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):hover),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]):focus-within),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-hover),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item.mega-menu:not([data-mega-disabled="device"]).is-pinned),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item-has-children:not(.mega-menu):hover),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item-has-children:not(.mega-menu):focus-within),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-hover),
.unified-v8-bottom-bar-nav-wrapper:has(.unified-v8-nav-item-has-children:not(.mega-menu).is-open) {
  z-index: 1003;
}
.unified-v8-nav-scroll-button {
  position: absolute;
  top: 50%;
  z-index: 1004;
  display: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: var(--menu-v8-main-bg);
  color: var(--menu-v8-main-text);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
  cursor: pointer;
  transform: translateY(-50%);
  transition: opacity var(--menu-v8-transition-speed), transform var(--menu-v8-transition-speed);
}
.unified-v8-nav-scroll-button span {
  display: block;
  font-size: 1.35rem;
  line-height: 1;
  transform: translateY(-1px);
}
.unified-v8-nav-scroll-button--prev {
  left: 4px;
}
.unified-v8-nav-scroll-button--next {
  right: 4px;
}
.unified-v8-nav-list-scroll-wrapper.is-scrollable .unified-v8-nav-scroll-button {
  display: inline-flex;
}
.unified-v8-nav-scroll-button[hidden] {
  display: none !important;
}
.unified-v8-nav-scroll-button:disabled {
  opacity: 0;
  pointer-events: none;
}
.unified-v8-nav-scroll-button:not(:disabled):hover,
.unified-v8-nav-scroll-button:not(:disabled):focus-visible {
  opacity: 1;
  transform: translateY(-50%) scale(1.05);
}
.unified-v8-top-bar-nav .unified-v8-nav-list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  justify-content: center;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-item,
.unified-v8-top-bar-nav .unified-v8-nav-item {
  position: relative;
  margin: 0 2px;
}
.unified-v8-top-bar-nav .unified-v8-nav-link {
  color: var(--menu-v8-topbar-text);
  padding: 8px 12px;
  transition: background-color var(--menu-v8-transition-speed),
color var(--menu-v8-transition-speed);
  border-radius: var(--menu-v8-border-radius);
  display: block;
  text-decoration: none;
}
.unified-v8-hamburger-toggle,
.unified-v8-primary-nav-desktop .unified-v8-nav-link {
  color: var(--menu-v8-main-text);
  transition: background-color var(--menu-v8-transition-speed),
color var(--menu-v8-transition-speed);
}
.unified-v8-bottom-bar-nav .unified-v8-nav-item.is-hover > .unified-v8-nav-link,
.unified-v8-bottom-bar-nav .unified-v8-nav-item.is-open > .unified-v8-nav-link,
.unified-v8-bottom-bar-nav .unified-v8-nav-link:hover,
.unified-v8-top-bar-nav .unified-v8-nav-item.is-hover > .unified-v8-nav-link,
.unified-v8-top-bar-nav .unified-v8-nav-item.is-open > .unified-v8-nav-link,
.unified-v8-top-bar-nav .unified-v8-nav-link:hover {
  background-color: var(--menu-v8-bar-hover-bg);
  color: var(--menu-v8-bar-hover-text);
}
.unified-v8-primary-nav-desktop {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  z-index: 1001;
}
.unified-v8-primary-nav-desktop .unified-v8-nav-list,
.unified-v8-primary-nav-desktop .unified-v8-nav-link,
.unified-v8-header-widget-area,
.unified-v8-header-cta {
  position: relative;
  z-index: 1002;
  pointer-events: auto;
}
.unified-v8-primary-nav-desktop .unified-v8-nav-list {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.unified-v8-primary-nav-desktop .unified-v8-nav-link {
  font-size: 0.95em;
  padding: 10px 15px;
  border-radius: var(--menu-v8-border-radius);
  text-decoration: none;
}
.unified-v8-hamburger-toggle:hover,
.unified-v8-primary-nav-desktop
  .unified-v8-nav-item.is-hover
  > .unified-v8-nav-link,
.unified-v8-primary-nav-desktop
  .unified-v8-nav-item.is-open
  > .unified-v8-nav-link,
.unified-v8-primary-nav-desktop .unified-v8-nav-link:hover,
.unified-v8-search-toggle:hover {
  background-color: var(--menu-v8-hover-bg);
}
.unified-v8-top-bar-nav .unified-v8-nav-link:hover,
.unified-v8-top-bar-nav .unified-v8-nav-link:focus-visible,
.unified-v8-primary-nav-desktop .unified-v8-nav-link:hover,
.unified-v8-primary-nav-desktop .unified-v8-nav-link:focus-visible,
.unified-v8-bottom-bar-nav .unified-v8-nav-link:hover,
.unified-v8-bottom-bar-nav .unified-v8-nav-link:focus-visible {
  text-decoration: var(--menu-v8-link-hover-decoration, none) !important;
}
.unified-v8-bottom-bar-nav-wrapper {
  display: block;
  background-color: var(--menu-v8-bottombar-bg);
  box-shadow: none;
  z-index: 99;
  min-height: 40px;
  overflow: hidden;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  justify-content: center;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-link {
  color: var(--menu-v8-bottombar-text);
  font-size: 0.9em;
  padding: 10px 16px;
  line-height: 1.5;
  transition: background-color var(--menu-v8-transition-speed),
color var(--menu-v8-transition-speed);
  border-radius: var(--menu-v8-border-radius);
  display: flex;
  align-items: center;
  text-decoration: none;
}
@media (min-width: 769px) and (max-width: 1180px) {
  .unified-v8-nav-container {
    padding-right: clamp(12px, 2vw, 20px);
    padding-left: clamp(12px, 2vw, 20px);
  }
  .unified-v8-main-header {
    padding: clamp(0.75rem, 1.5vw, 1.1rem) 0;
  }
  .unified-v8-main-header .unified-v8-nav-container {
    gap: clamp(8px, 1.4vw, 12px);
  }
  .unified-v8-branding {
    flex: 0 1 clamp(104px, 22vw, 220px);
    min-width: 0;
    overflow: hidden;
  }
  .unified-v8-branding .site-title,
  .unified-v8-branding .site-title a,
  .unified-v8-branding h1 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .unified-v8-primary-nav-desktop {
    justify-content: flex-start;
  }
  .unified-v8-primary-nav-desktop .unified-v8-nav-list-scroll-wrapper {
    flex: 1 1 auto;
  }
  .unified-v8-primary-nav-desktop .unified-v8-nav-list {
    min-width: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .unified-v8-primary-nav-desktop .unified-v8-nav-item {
    flex: 0 0 auto;
  }
  .unified-v8-primary-nav-desktop .unified-v8-nav-link {
    padding-right: clamp(8px, 1.4vw, 12px);
    padding-left: clamp(8px, 1.4vw, 12px);
    white-space: nowrap;
  }
  .unified-v8-header-controls {
    gap: 6px;
    margin-left: clamp(4px, 1vw, 8px);
  }
  .unified-v8-header-controls .unified-v8-search-toggle,
  .unified-v8-header-controls .unified-v8-hamburger-toggle {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.unified-v8-nav-label {
  display: inline-flex;
  min-width: 0;
}
.v8-conditional-hidden {
  display: none !important;
}
.menu-item-visual {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.menu-item-visual--nav {
  margin-right: 0.55rem;
}
.menu-item-visual-icon {
  font-size: 1rem;
  line-height: 1;
}
.menu-item-visual-image-wrap {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.06);
}
.menu-item-visual-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.unified-v8-bottom-bar-link-content {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.menu-item-visual--bottom-bar {
  color: currentColor;
}
body.bottom-bar-display-icon-top .unified-v8-bottom-bar-link-content {
  flex-direction: column;
  gap: 4px;
  text-align: center;
}
body.bottom-bar-display-icon-left .unified-v8-bottom-bar-link-content,
body.bottom-bar-display-text .unified-v8-bottom-bar-link-content {
  flex-direction: row;
}
body.bottom-bar-display-icon-only .unified-v8-bottom-bar-link-content {
  justify-content: center;
}
body.bottom-bar-display-icon-only .unified-v8-bottom-bar-nav-link.has-visual .unified-v8-bottom-bar-label {
  display: none;
}
body.bottom-bar-display-icon-only .unified-v8-bottom-bar-nav-link:not(.has-visual) .unified-v8-bottom-bar-label {
  display: inline-flex;
}
body.bottom-bar-display-pill .unified-v8-bottom-bar-nav-link {
  margin: 6px 4px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}
body.bottom-bar-display-pill .unified-v8-bottom-bar-nav .current-menu-item > .unified-v8-nav-link,
body.bottom-bar-display-pill .unified-v8-bottom-bar-nav .current-menu-ancestor > .unified-v8-nav-link {
  background: var(--menu-v8-active-bg);
  color: var(--menu-v8-active-text);
}
body.bottom-bar-display-icon-top .menu-item-visual--bottom-bar,
body.bottom-bar-display-icon-only .menu-item-visual--bottom-bar {
  margin-right: 0;
}
body.bottom-bar-display-icon-top .menu-item-visual-icon,
body.bottom-bar-display-icon-only .menu-item-visual-icon {
  font-size: 1.1rem;
}
body.bottom-bar-display-icon-only .menu-item-visual-image-wrap {
  width: 1.85rem;
  height: 1.85rem;
}
@media (max-width: 768px) {
  .unified-v8-bottom-bar-desktop-only,
  .unified-v8-primary-nav-desktop {
display: none !important;
  }
  .unified-v8-bottom-bar-mobile-only {
display: block;
  }
  body.hamburger-visibility-always_show .unified-v8-hamburger-toggle,
  body.hamburger-visibility-mobile_only .unified-v8-hamburger-toggle {
display: inline-flex !important;
  }
  .unified-v8-search-form-wrapper {
padding: 25px 20px;
  }
}
.unified-v8-hamburger-toggle {
  display: inline-flex;
  align-items: center;
  background: 0 0;
  border: none;
  padding: 8px;
  cursor: pointer;
  position: relative;
  pointer-events: auto;
  z-index: 1002;
  border-radius: var(--menu-v8-border-radius);
}
.unified-v8-hamburger-icon {
  width: 22px;
  height: 18px;
  position: relative;
  margin-right: 6px;
}
.unified-v8-hamburger-icon .icon-bar {
  display: block;
  width: 100%;
  height: 2.5px;
  background-color: currentColor;
  border-radius: 1px;
  position: absolute;
  left: 0;
  transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.unified-v8-hamburger-icon .icon-bar:first-child {
  top: 0;
}
.unified-v8-hamburger-icon .icon-bar:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.unified-v8-hamburger-icon .icon-bar:nth-child(3) {
  bottom: 0;
}
.unified-v8-hamburger-toggle[aria-expanded="true"] .icon-bar:first-child {
  transform: translateY(calc((18px - 2.5px) / 2)) rotate(45deg);
}
.unified-v8-hamburger-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
  opacity: 0;
}
.unified-v8-hamburger-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
  transform: translateY(calc(-1 * (18px - 2.5px) / 2)) rotate(-45deg);
}
.unified-v8-hamburger-text,
.unified-v8-search-text {
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 500;
}
.unified-v8-top-bar-nav {
  overflow: hidden;
  width: 100%;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-container,
.unified-v8-top-bar-nav .unified-v8-nav-container {
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: flex-start;
}
.unified-v8-top-bar-nav .unified-v8-nav-container::-webkit-scrollbar,
.unified-v8-bottom-bar-nav .unified-v8-nav-container::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
.unified-v8-top-bar-nav .unified-v8-nav-list-scroll-wrapper {
  display: inline-block;
  padding: 6px 10px;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-list,
.unified-v8-top-bar-nav .unified-v8-nav-list {
  display: inline-flex;
  justify-content: flex-start;
}
.unified-v8-top-bar-nav .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable .unified-v8-nav-list,
.unified-v8-bottom-bar-nav .unified-v8-nav-list-scroll-wrapper.has-v8-scroll-hints.is-scrollable .unified-v8-nav-list {
  display: flex;
  width: 100%;
  min-width: 0;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-item,
.unified-v8-top-bar-nav .unified-v8-nav-item {
  flex-shrink: 0;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-submenu,
.unified-v8-top-bar-nav .unified-v8-nav-submenu {
  display: none !important;
}
.unified-v8-bottom-bar-nav .unified-v8-nav-list-scroll-wrapper {
  display: inline-block;
}
.unified-v8-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.unified-v8-nav-item {
  position: relative;
  margin: 0;
}
.unified-v8-nav-link {
  display: block;
  text-decoration: none;
  position: relative;
}
.unified-v8-nav-item.current-menu-ancestor > .unified-v8-nav-link,
.unified-v8-nav-item.current-menu-item > .unified-v8-nav-link,
.unified-v8-nav-item.current-page-ancestor > .unified-v8-nav-link,
.unified-v8-nav-item.current_page_item > .unified-v8-nav-link {
  background-color: var(--menu-v8-active-bg) !important;
  color: var(--menu-v8-active-text) !important;
}
.unified-v8-nav-link .unified-v8-nav-arrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0;
  transition: transform var(--menu-v8-transition-speed) ease-out;
  color: var(--menu-v8-arrow-color);
  pointer-events: auto;
}
.unified-v8-nav-arrow.unified-v8-nav-arrow-down {
  border-left: var(--menu-v8-arrow-size) solid transparent;
  border-right: var(--menu-v8-arrow-size) solid transparent;
  border-top: var(--menu-v8-arrow-size) solid currentColor;
}
.unified-v8-nav-arrow.unified-v8-nav-arrow-right {
  border-top: var(--menu-v8-arrow-size) solid transparent;
  border-bottom: var(--menu-v8-arrow-size) solid transparent;
  border-left: var(--menu-v8-arrow-size) solid currentColor;
}
.unified-v8-nav-item.is-open
  > .unified-v8-nav-link
  > .unified-v8-nav-arrow.unified-v8-nav-arrow-down {
  transform: rotate(180deg);
}
.unified-v8-nav-item.is-open
  > .unified-v8-nav-link
  > .unified-v8-nav-arrow.unified-v8-nav-arrow-right {
  transform: rotate(90deg);
}
/* ★ is-hover 狀態箭頭旋轉（與 is-open 一致） */
.unified-v8-nav-item.is-hover
  > .unified-v8-nav-link
  > .unified-v8-nav-arrow.unified-v8-nav-arrow-down {
  transform: rotate(180deg);
}
.unified-v8-nav-item.is-hover
  > .unified-v8-nav-link
  > .unified-v8-nav-arrow.unified-v8-nav-arrow-right {
  transform: rotate(90deg);
}
.unified-v8-nav-submenu:not(.unified-v8-slideout-submenu) {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--menu-v8-submenu-bg);
  min-width: 220px;
  padding: 0;
  box-shadow: var(--menu-v8-shadow-strong);
  list-style: none;
  margin: 0;
  border-top: 3px solid var(--menu-v8-active-bg);
  border-radius: 0 0 var(--menu-v8-border-radius) var(--menu-v8-border-radius);
  z-index: 1001;
}
.unified-v8-nav-submenu:not(.unified-v8-slideout-submenu)
  .unified-v8-nav-submenu {
  top: calc(-8px - 3px);
  left: 100%;
  border-radius: var(--menu-v8-border-radius);
  z-index: 1002;
}
.unified-v8-nav-submenu:not(.unified-v8-slideout-submenu) .unified-v8-nav-link {
  padding: 10px 18px;
  font-size: 0.9em;
  color: var(--menu-v8-submenu-text);
}
.unified-v8-nav-submenu:not(.unified-v8-slideout-submenu)
  .unified-v8-nav-link:hover {
  background-color: var(--menu-v8-submenu-hover-bg);
}
.unified-v8-nav-item.is-hover
  > .unified-v8-nav-submenu:not(.unified-v8-slideout-submenu),
.unified-v8-nav-item.is-open
  > .unified-v8-nav-submenu:not(.unified-v8-slideout-submenu) {
  display: block !important;
}

/* =========================================================================
   Feature Content - 選單模式控制
   fc-menu-type-hidden: 隱藏主選單
   fc-menu-type-hamburger: 漢堡選單按鈕模式
   fc-menu-type-default: 顯示完整選單（預設行為）
   ========================================================================= */

/* 隱藏主選單模式 */
body.fc-menu-type-hidden #unified-v8-header-wrapper {
  display: none !important;
}

/* 漢堡選單按鈕模式 - 隱藏主選單，只顯示漢堡按鈕 */
body.fc-menu-type-hamburger .unified-v8-primary-nav-desktop {
  display: none !important;
}
body.fc-menu-type-hamburger .unified-v8-bottom-bar-nav-wrapper {
  display: none !important;
}
body.fc-menu-type-hamburger .unified-v8-top-bar-nav {
  display: none !important;
}
body.fc-menu-type-hamburger .unified-v8-hamburger-toggle {
  display: inline-flex !important;
}



/* === IMPORT components/_slideout.css === */
/**
 * Menu V8 - Slideout Menu Component
 *
 * Mobile slideout navigation styles
 *
 * @package Menu_V8
 * @since 2.0.0
 */

.unified-v8-slideout-nav {
  --menu-v8-slideout-text: #0f172a;
  --menu-v8-main-text: #0f172a;
  --menu-v8-active-bg: #2563eb;
  --menu-v8-shadow-strong: 0 22px 48px rgba(15, 23, 42, 0.18);
  --menu-v8-scrollbar-thumb: rgba(148, 163, 184, 0.55);
  --menu-v8-scrollbar-track: rgba(226, 232, 240, 0.65);
  --menu-v8-slideout-hover-bg: rgba(239, 246, 255, 0.92);
  --menu-v8-transition-speed: 0.2s;
  --menu-v8-border-radius: 14px;
  --menu-v8-close-btn-bg: rgba(15, 23, 42, 0.06);
  --menu-v8-close-btn-hover-bg: rgba(220, 53, 69, 0.1);
  --menu-v8-close-btn-hover-color: #dc3545;
  z-index: 999999 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--menu-v8-slideout-width, min(360px, calc(100vw - 20px)));
  max-width: calc(100vw - 20px);
  height: 100dvh;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 252, 0.98));
  color: var(--menu-v8-slideout-text);
  box-sizing: border-box;
  overflow: hidden;
  transform: translateX(calc(-100% - 14px));
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: var(--menu-v8-shadow-strong);
  border-right: 1px solid rgba(148, 163, 184, 0.22);
  scrollbar-width: thin;
  scrollbar-color: var(--menu-v8-scrollbar-thumb) var(--menu-v8-scrollbar-track);
  overscroll-behavior: contain;
  font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFangTC-Light", "STHeitiTC-Light", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.unified-v8-slideout-nav::-webkit-scrollbar {
  width: 6px;
  background-color: var(--menu-v8-scrollbar-track);
}

.unified-v8-slideout-nav::-webkit-scrollbar-thumb {
  background-color: var(--menu-v8-scrollbar-thumb);
  border-radius: 999px;
}

.unified-v8-slideout-nav.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}

body.slideout-direction-right .unified-v8-slideout-nav {
  left: auto;
  right: 0;
  transform: translateX(calc(100% + 14px));
  border-right: 0;
  border-left: 1px solid rgba(148, 163, 184, 0.22);
}

body.slideout-direction-right .unified-v8-slideout-nav.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}

.unified-v8-slideout-shell {
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.unified-v8-slideout-header {
  display: flex;
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 10px;
  padding: calc(18px + env(safe-area-inset-top)) 18px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  position: relative;
}

.unified-v8-slideout-header-copy {
  display: grid;
  gap: 8px;
  align-content: start;
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 8px;
}

.unified-v8-slideout-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 6px;
  margin: 0;
  padding: 5px 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.18));
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.12);
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1d4ed8;
}

.unified-v8-slideout-panel-title {
  display: block;
  font-size: clamp(1.02rem, 0.94rem + 0.42vw, 1.18rem);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-panel-subtitle {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.55;
  color: rgba(71, 85, 105, 0.86);
}

.mega-menu-close-btn {
  width: 34px;
  height: 34px;
  border: none;
  background: var(--menu-v8-close-btn-bg, rgba(15, 23, 42, 0.06));
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--menu-v8-close-btn-color, currentColor);
}

.mega-menu-close-btn svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mega-menu-close-btn:hover {
  background: var(--menu-v8-close-btn-hover-bg, rgba(220, 53, 69, 0.1));
  color: var(--menu-v8-close-btn-hover-color, #dc3545);
}

.unified-v8-slideout-close-btn {
  margin-left: auto;
  flex: 0 0 auto;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-content {
  display: grid;
  gap: 16px;
  flex: 0 0 auto;
  min-height: auto;
  overflow: visible;
  padding: 16px max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom))
    max(16px, env(safe-area-inset-left));
}

.unified-v8-slideout-card,
.unified-v8-slideout-branding-card {
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 35px rgba(15, 23, 42, 0.06);
}

.unified-v8-slideout-branding-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.unified-v8-slideout-branding-card:hover,
.unified-v8-slideout-action-card:hover,
.unified-v8-slideout-search-trigger:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 36px rgba(15, 23, 42, 0.1);
  border-color: rgba(59, 130, 246, 0.22);
}

.unified-v8-slideout-branding-card:hover,
.unified-v8-slideout-branding-card:focus-visible,
.unified-v8-slideout-branding-card:hover .unified-v8-slideout-branding-desc,
.unified-v8-slideout-branding-card:focus-visible .unified-v8-slideout-branding-desc {
  text-decoration: none;
}

.unified-v8-slideout-branding-media {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.05);
  flex: 0 0 auto;
}

.unified-v8-slideout-branding-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.unified-v8-slideout-branding-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.unified-v8-slideout-branding-label,
.unified-v8-slideout-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(71, 85, 105, 0.82);
}

.unified-v8-slideout-branding-title {
  font-size: 1.05rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-branding-desc {
  font-size: 0.9rem;
  line-height: 1.55;
  color: rgba(71, 85, 105, 0.92);
}

.unified-v8-slideout-card {
  padding: 16px;
}

.unified-v8-slideout-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.unified-v8-slideout-search-trigger {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(239, 246, 255, 0.95));
  color: var(--menu-v8-slideout-text);
  border-radius: 16px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.unified-v8-slideout-search-trigger-copy {
  display: grid;
  gap: 3px;
  text-align: left;
}

.unified-v8-slideout-search-trigger-copy strong {
  font-size: 0.96rem;
  line-height: 1.2;
  font-weight: 700;
}

.unified-v8-slideout-search-trigger-copy span {
  font-size: 0.84rem;
  line-height: 1.5;
  color: rgba(71, 85, 105, 0.88);
}

.unified-v8-slideout-search-trigger-icon {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  color: rgba(30, 64, 175, 0.92);
  font-size: 1rem;
  flex: 0 0 auto;
}

.unified-v8-slideout-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: stretch;
}

.unified-v8-slideout-search-field {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(255, 255, 255, 0.92);
  color: var(--menu-v8-slideout-text);
  padding: 0 14px;
  font-size: 0.95rem;
}

.unified-v8-slideout-search-submit {
  min-height: 46px;
  padding: 0 16px;
  border-radius: 14px;
  border: 0;
  background: linear-gradient(135deg, rgba(29, 78, 216, 0.95), rgba(37, 99, 235, 0.95));
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18);
  white-space: nowrap;
}

.unified-v8-slideout-search-submit:hover,
.unified-v8-slideout-submenu-toggle:hover,
.unified-v8-slideout-content .unified-v8-nav-link:hover {
  background-color: var(--menu-v8-slideout-hover-bg);
}

.unified-v8-slideout-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.unified-v8-slideout-action-card {
  min-height: 92px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
  color: inherit;
  text-decoration: none;
  display: grid;
  align-content: start;
  gap: 6px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.unified-v8-slideout-action-title {
  font-size: 0.95rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-action-desc {
  font-size: 0.82rem;
  line-height: 1.55;
  color: rgba(71, 85, 105, 0.88);
}

.unified-v8-slideout-content .unified-v8-nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}

.unified-v8-slideout-content .unified-v8-nav-item {
  width: 100%;
  margin: 0;
  list-style: none;
  position: relative;
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.82);
  border: 1px solid rgba(226, 232, 240, 0.92);
  overflow: clip;
}

.unified-v8-slideout-content .unified-v8-nav-item.current-menu-item,
.unified-v8-slideout-content .unified-v8-nav-item.current-menu-ancestor {
  border-color: rgba(59, 130, 246, 0.24);
  background: rgba(239, 246, 255, 0.9);
}

.unified-v8-slideout-content .unified-v8-nav-item.is-open,
.unified-v8-slideout-content .unified-v8-nav-item.is-hover {
  border-color: rgba(96, 165, 250, 0.26);
  background: rgba(239, 246, 255, 0.9);
}

.unified-v8-slideout-content .unified-v8-nav-link {
  min-height: 54px;
  padding: 14px 58px 14px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--menu-v8-slideout-text);
  font-weight: 600;
  box-sizing: border-box;
  text-decoration: none;
  transition: background-color var(--menu-v8-transition-speed), color var(--menu-v8-transition-speed);
}

.unified-v8-slideout-content .unified-v8-nav-item.is-open > .unified-v8-nav-link,
.unified-v8-slideout-content .unified-v8-nav-item.is-open > .unified-v8-nav-link:hover,
.unified-v8-slideout-content .unified-v8-nav-item.is-hover > .unified-v8-nav-link,
.unified-v8-slideout-content .unified-v8-nav-item.is-hover > .unified-v8-nav-link:hover {
  background: rgba(219, 234, 254, 0.9);
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-content .unified-v8-nav-label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.4;
}

.unified-v8-slideout-content .menu-item-visual {
  flex: 0 0 auto;
}

.unified-v8-slideout-content .menu-item-visual-image-wrap {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.05);
}

.unified-v8-slideout-content .menu-item-visual-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.unified-v8-slideout-content .menu-item-visual-icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.05);
}

.unified-v8-slideout-submenu-toggle {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  border-radius: 12px;
  color: var(--menu-v8-slideout-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.unified-v8-slideout-submenu-toggle .unified-v8-nav-arrow {
  color: currentColor;
  opacity: 0.8;
  transform: rotate(0deg);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.unified-v8-slideout-content .unified-v8-nav-item.is-open > .unified-v8-slideout-submenu-toggle .unified-v8-nav-arrow {
  transform: rotate(90deg);
  opacity: 1;
}

.unified-v8-slideout-content .unified-v8-nav-submenu.unified-v8-slideout-submenu {
  position: static;
  display: none;
  background: rgba(241, 245, 249, 0.74);
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.88);
  border-radius: 14px;
  padding: 0 8px 8px;
  width: 100%;
  margin: 0;
  border-top: 0;
  list-style: none;
}

.unified-v8-slideout-content .unified-v8-nav-item.is-open > .unified-v8-slideout-submenu {
  display: block;
}

.unified-v8-slideout-content .unified-v8-slideout-submenu .unified-v8-nav-item {
  margin-top: 6px;
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(203, 213, 225, 0.78);
}

.unified-v8-slideout-content .unified-v8-slideout-submenu .unified-v8-nav-link {
  font-size: 0.93em;
  font-weight: 500;
  padding: 12px 52px 12px 16px;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-content .unified-v8-slideout-submenu .unified-v8-nav-item.is-open > .unified-v8-nav-link,
.unified-v8-slideout-content .unified-v8-slideout-submenu .unified-v8-nav-item.is-hover > .unified-v8-nav-link,
.unified-v8-slideout-content .unified-v8-slideout-submenu .unified-v8-nav-link:hover {
  background: rgba(219, 234, 254, 0.86);
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-content .unified-v8-nav-submenu-level-2 .unified-v8-nav-link {
  padding-left: 20px;
}

.unified-v8-slideout-content .unified-v8-nav-submenu-level-3 .unified-v8-nav-link {
  padding-left: 26px;
}

.unified-v8-slideout-widgets > * + * {
  margin-top: 14px;
}

.unified-v8-slideout-widget {
  margin-bottom: 20px;
}

.unified-v8-slideout-widget:last-child {
  margin-bottom: 0;
}

.unified-v8-slideout-widget-title {
  font-size: 1.02rem;
  margin-bottom: 10px;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-widget div,
.unified-v8-slideout-widget p,
.unified-v8-slideout-widget ul {
  font-size: 0.95em;
  line-height: 1.7;
  color: var(--menu-v8-slideout-text);
}

.unified-v8-slideout-widget ul {
  list-style: none;
  padding-left: 0;
}

.unified-v8-slideout-widget ul li {
  margin-bottom: 8px;
}

.unified-v8-slideout-widget a {
  color: var(--menu-v8-slideout-text);
  text-decoration: none;
}

.unified-v8-slideout-widget a:hover {
  color: var(--menu-v8-active-bg);
}

.unified-v8-social-icon {
  width: 22px;
  height: 22px;
  fill: currentColor;
  stroke: none;
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
}

.unified-v8-nav-overlay,
.unified-v8-search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.unified-v8-nav-overlay {
  z-index: 999998 !important;
  visibility: hidden;
  pointer-events: none;
  background: rgba(7, 14, 24, var(--menu-v8-slideout-overlay-alpha, 0.66));
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity var(--menu-v8-transition-speed), visibility 0s linear var(--menu-v8-transition-speed);
}

.unified-v8-nav-overlay.is-visible {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  transition-delay: 0s;
}

.unified-v8-search-toggle {
  background: 0 0;
  border: 1px solid transparent;
  color: var(--menu-v8-main-text);
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: var(--menu-v8-border-radius);
  position: relative;
  z-index: 1003;
  pointer-events: auto;
  transition: background-color var(--menu-v8-transition-speed),
    color var(--menu-v8-transition-speed);
}

.unified-v8-search-toggle .unified-v8-icon-search {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.unified-v8-search-overlay {
  z-index: 1000000;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #0a0a0ae0;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 20px;
  opacity: 0;
  transition: opacity var(--menu-v8-transition-speed),
    visibility 0s var(--menu-v8-transition-speed);
  visibility: hidden;
}

.unified-v8-search-overlay.is-active {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

@media (max-width: 480px) {
  .unified-v8-slideout-content {
    gap: 14px;
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }

  .unified-v8-slideout-action-grid {
    grid-template-columns: 1fr;
  }
}



/* === IMPORT components/_primary-menu.css === */
/**
 * Menu V8 - Primary Menu Component
 * 
 * Primary menu visibility controls
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/*.unified-v8-primary-nav-desktop{display:none;margin-left:auto;margin-right:15px}*/
/* ==========================================================================
   10. Primary Menu Visibility Control
   ========================================================================== */
/* 預設行為：根據 body class 決定是否顯示 */
.unified-v8-primary-nav-desktop {
display: none; /* 預設先隱藏 */
}
/* 僅電腦顯示 (預設) */
@media (min-width: 769px) {
body.primary-menu-vis-desktop_only .unified-v8-primary-nav-desktop {
display: flex !important; /* 在大螢幕顯示 */
margin-left: auto;
}
}
/* 永遠顯示 */
body.primary-menu-vis-always .unified-v8-primary-nav-desktop {
display: flex !important; /* 無論螢幕大小都顯示 */
margin-left: auto;
}
/* 僅手機顯示 */
@media (max-width: 768px) {
body.primary-menu-vis-mobile_only .unified-v8-primary-nav-desktop {
display: flex !important; /* 僅在小螢幕顯示 */
width: 100%; /* 手機上可能需要佔滿寬度 */
justify-content: center; /* 置中 */
margin: 10px 0 0 0; /* 調整與上方距離 */
}
/* 如果手機上顯示主要選單，可能需要讓 header 的內容垂直排列 */
body.primary-menu-vis-mobile_only .unified-v8-main-header .unified-v8-nav-container {
flex-wrap: wrap;
}
.unified-v8-main-header {
padding: 12px 0;
}
}
/* 永遠隱藏 */
body.primary-menu-vis-hidden .unified-v8-primary-nav-desktop {
display: none !important;
}

#unified-v8-primary-nav-desktop .textwidget {
margin:0px auto;
}

#unified-v8-header-wrapper {
min-height: 20px; /* 根據實際內容設置最小高度 */
}

.unified-v8-main-header {
min-height: 20px; /* 確保主標頭有穩定高度 */
}

.unified-v8-nav-container {
min-height: 20px; /* 確保容器高度穩定 */
}

div#container-all {
min-height: 100vh; /* 確保整體容器有足夠空間 */
}

div.container {
min-height: 400px; /* 根據實際內容設置 */
margin-top: 0px; /* 預留標頭空間 */
margin-bottom: 30px; /* 預留底部導覽列空間 */
}

@media (max-width: 768px) {
div.container {
min-height: 400px; /* 根據實際內容設置 */
margin-top: 0px; /* 預留標頭空間 */
margin-bottom: 30px; /* 預留底部導覽列空間 */
}
}

/* 贊助本站卡片樣式 */
.sponsor-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 25px;
  background: #fff5e6;
  border-radius: 16px;
  max-width: 850px;
  margin: 10px auto;
  text-align: center;
}


.sponsor-title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin: 0;
}

.sponsor-description {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
  margin: 0;
}



/* === IMPORT components/_cta-sticky.css === */
/**
 * Menu V8 - CTA & Sticky Component
 * 
 * Call-to-action buttons and sticky header styles
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/* Sponsor Link */
.sponsor-link {
  display: inline-block;
  background: linear-gradient(90deg, #ff6f61, #ff8e53);
  color: white;
  padding: 12px 30px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.sponsor-link:hover {
background: linear-gradient(90deg, #e65b50, #e67846);
transform: scale(1.00);
	  text-decoration: none;
}

.sponsor-link:active {
  transform: scale(1.00);
}

/* 響應式設計 */
@media (max-width: 600px) {


  .sponsor-title {
font-size: 18px;
  }

  .sponsor-description {
font-size: 13px;
  }

  .sponsor-link {
padding: 10px 25px;
font-size: 14px;
  }
}
	
	
.support-link {
  display: inline-block;
  background: linear-gradient(90deg, #ff6f61, #ff8e53);
  color: white;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.support-link:hover {
  background: linear-gradient(90deg, #e65b50, #e67846);
  transform: scale(1.05);
  text-decoration: none;
}

@media (max-width: 600px) {
  .support-link {
padding: 6px 15px;
font-size: 10px;
border-radius: 15px;
  }

  .support-link:hover {
transform: scale(1.02);
  }
}



/* 搜尋框外層容器 */
.unified-v8-search-form-wrapper {
display: flex;
flex-direction: column;
align-items: stretch;
padding: 30px 35px;
padding-bottom: max(36px, calc(24px + env(safe-area-inset-bottom)));
max-width: min(1160px, calc(100vw - 32px));
max-height: min(88vh, 860px);
margin: 0 auto; /* 確保容器置中 */
width: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.96) 100%);
border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: 24px;
box-shadow: 0 24px 48px rgba(15, 23, 42, 0.22);
}

.unified-v8-search-overlay .v8-search-overlay-layout {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.9fr);
gap: 24px;
align-items: start;
min-height: 0;
width: 100%;
box-sizing: border-box;
padding-bottom: clamp(20px, 3vh, 36px);
}

.unified-v8-search-overlay .v8-search-overlay-layout--sidebar-left .v8-search-overlay-main {
order: 2;
}

.unified-v8-search-overlay .v8-search-overlay-layout--sidebar-left .v8-search-overlay-side {
order: 1;
}

.unified-v8-search-overlay .v8-search-overlay-layout--sidebar-hidden {
grid-template-columns: minmax(0, 1fr);
}

.unified-v8-search-overlay .v8-search-overlay-main {
display: grid;
align-content: start;
gap: 0;
min-width: 0;
min-height: 0;
}

.unified-v8-search-overlay .v8-search-overlay-side {
min-width: 0;
min-height: 0;
}

.unified-v8-search-overlay .search-title-block {
display: grid;
justify-items: start;
gap: 10px;
margin-bottom: 24px;
padding: 18px 20px;
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.92) 100%);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.unified-v8-search-overlay .search-title-eyebrow {
display: inline-flex;
align-items: center;
width: fit-content;
max-width: 100%;
padding: 6px 12px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(0, 115, 170, 0.12) 0%, rgba(0, 92, 142, 0.08) 100%);
color: #005c8e;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

/* 搜尋標題 */
.unified-v8-search-overlay .search-title {
font-size: clamp(28px, 3vw, 40px);
font-weight: 800;
line-height: 1.08;
color: #0f172a;
margin: 0;
letter-spacing: -0.03em;
text-wrap: balance;
}

.unified-v8-search-overlay .search-title-description {
margin: 0;
max-width: 34rem;
color: #475569;
font-size: 15px;
line-height: 1.7;
}

.unified-v8-search-overlay .search-overlay-helper {
display: grid;
gap: 14px;
margin-top: 18px;
padding: 18px 20px;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 18px;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.94) 0%, rgba(241, 245, 249, 0.92) 100%);
}

.unified-v8-search-overlay .v8-live-search-results.is-visible + .search-overlay-helper {
display: none;
}

.unified-v8-search-overlay .search-overlay-helper__meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.unified-v8-search-overlay .search-overlay-helper__chip {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(148, 163, 184, 0.2);
color: #334155;
font-size: 12px;
font-weight: 600;
}

.unified-v8-search-overlay .search-overlay-helper__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.unified-v8-search-overlay .search-overlay-helper__card {
padding: 14px 16px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(148, 163, 184, 0.14);
}

.unified-v8-search-overlay .search-overlay-helper__card-title {
margin: 0 0 6px;
font-size: 14px;
font-weight: 700;
color: #0f172a;
}

.unified-v8-search-overlay .search-overlay-helper__card p {
margin: 0;
color: #475569;
font-size: 13px;
line-height: 1.7;
}

/* 自訂搜尋框樣式 */
.unified-v8-search-overlay .custom-search-form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
margin: 0;
padding: 18px 20px;
width: 100%;
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 100%);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.unified-v8-search-overlay .search-label {
display: block;
width: 100%;
min-width: 0;
}

.unified-v8-search-overlay .custom-search-form .search-field {
display: block;
width: 100%;
min-height: 56px;
padding: 0 18px;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 16px;
font-size: 15px;
background: rgba(255, 255, 255, 0.96);
color: #0f172a;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.unified-v8-search-overlay .custom-search-form .search-field::placeholder {
color: #64748b;
}

.unified-v8-search-overlay .custom-search-form .search-field:focus {
outline: none;
border-color: rgba(0, 115, 170, 0.6);
background: #ffffff;
box-shadow: 0 0 0 4px rgba(0, 115, 170, 0.12);
}

.unified-v8-search-overlay .custom-search-form .search-submit {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 22px;
background: linear-gradient(135deg, #0073aa 0%, #005c8e 100%);
color: #ffffff;
border: none;
border-radius: 16px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
box-shadow: 0 14px 28px rgba(0, 92, 142, 0.18);
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.unified-v8-search-overlay .custom-search-form .search-submit:hover,
.unified-v8-search-overlay .custom-search-form .search-submit:focus {
outline: none;
filter: brightness(1.02);
transform: translateY(-1px);
box-shadow: 0 18px 32px rgba(0, 92, 142, 0.22);
}

.unified-v8-search-overlay .custom-search-form [class*="search-scope-switcher"] {
grid-column: 1 / -1;
}

/* 熱門關鍵字樣式 */
.unified-v8-search-overlay .popular-keywords {
padding: 16px; /* 增加內邊距 */
background-color: #f8f9fa;
border-radius: 12px;
width: 100%;
height: 100%;
max-height: min(56vh, 560px);
overflow: auto;
scrollbar-gutter: stable;
}

.unified-v8-search-overlay .popular-keywords h3 {
font-size: 16px;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 12px; /* 增加標題底部間距 */
line-height: 1.4;
}

.unified-v8-search-overlay .popular-keywords ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px; /* 略增關鍵字間距 */
}

.unified-v8-search-overlay .popular-keywords li {
margin: 0;
}

.unified-v8-search-overlay .popular-keywords a {
display: inline-block;
padding: 6px 12px; 
color: #005c8e;
background-color: #e6f0fa;
border-radius: 4px;
text-decoration: none;
font-size: 13px;
transition: background-color 0.2s ease, color 0.2s ease;
}

.unified-v8-search-overlay .popular-keywords a:hover,
.unified-v8-search-overlay .popular-keywords a:focus {
background-color: #0073aa;
color: #ffffff;
text-decoration: none;
outline: none;
}

.unified-v8-search-overlay .popular-keywords a:focus {
box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.3);
}

/* 關閉按鈕 */
.unified-v8-search-overlay .unified-v8-close-search-btn {
margin-top: 0;
position: absolute;
top: 16px;
right: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.2);
background: rgba(255, 255, 255, 0.94);
color: #334155;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}

.unified-v8-search-overlay .unified-v8-close-search-btn:hover,
.unified-v8-search-overlay .unified-v8-close-search-btn:focus {
background: #ffffff;
color: #0f172a;
}

/* 響應式調整 */
@media (max-width: 960px) {
.unified-v8-search-overlay {
padding: 12px;
align-items: stretch;
justify-content: flex-start;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
}

.unified-v8-search-form-wrapper {
padding: 20px;
padding-bottom: max(28px, calc(20px + env(safe-area-inset-bottom)));
max-width: min(100vw - 16px, 100%);
max-height: calc(100dvh - 24px);
margin: 0 auto;
overflow-y: auto;
overflow-x: hidden;
}

.unified-v8-search-overlay .v8-search-overlay-layout {
grid-template-columns: 1fr;
gap: 18px;
grid-auto-flow: row;
row-gap: 18px;
}

.unified-v8-search-overlay .v8-search-overlay-main,
.unified-v8-search-overlay .v8-search-overlay-side {
display: grid;
align-content: start;
gap: 14px;
min-height: 0;
}

.unified-v8-search-overlay .search-title-block,
.unified-v8-search-overlay .search-overlay-helper,
.unified-v8-search-overlay .v8-live-search-results {
margin-top: 0;
margin-bottom: 0;
}

.unified-v8-search-overlay .v8-search-overlay-side,
.unified-v8-search-overlay .popular-keywords,
.unified-v8-search-overlay .search-overlay-section,
.unified-v8-search-overlay .search-overlay-section--keyword-stack,
.unified-v8-search-overlay .search-overlay-section__subsection {
display: grid;
align-content: start;
gap: 12px;
}

.unified-v8-search-overlay .search-overlay-section,
.unified-v8-search-overlay .search-overlay-section + .search-overlay-section {
margin-top: 0;
}

.unified-v8-search-overlay .v8-search-overlay-side > .search-overlay-section + .search-overlay-section {
margin-top: 14px;
}

.unified-v8-search-overlay .search-overlay-section__header,
.unified-v8-search-overlay .popular-keywords h3 {
margin-top: 0;
margin-bottom: 0;
}

.unified-v8-search-overlay .custom-search-form {
grid-template-columns: 1fr;
gap: 12px;
padding: 16px;
}

.unified-v8-search-overlay .custom-search-form .search-field {
min-height: 52px;
padding: 0 16px;
font-size: 14px;
}

.unified-v8-search-overlay .custom-search-form .search-submit {
width: 100%;
min-height: 50px;
padding: 0 18px;
font-size: 14px;
}

.unified-v8-search-overlay .popular-keywords {
padding: 12px;
height: auto;
max-height: none;
overflow: visible;
}

.unified-v8-search-overlay .unified-v8-close-search-btn {
margin-top: 0;
top: 12px;
right: 12px;
}
}

@media (max-width: 600px) {
.unified-v8-search-overlay .search-title-block {
gap: 8px;
padding: 16px;
}

.unified-v8-search-overlay {
padding: 10px;
}

.unified-v8-search-form-wrapper {
max-height: calc(100dvh - 20px);
padding: 16px;
padding-bottom: max(28px, calc(20px + env(safe-area-inset-bottom)));
}

.unified-v8-search-overlay .search-title-eyebrow {
font-size: 11px;
padding: 5px 10px;
}

.unified-v8-search-overlay .search-title {
font-size: 24px;
}

.unified-v8-search-overlay .search-title-description {
font-size: 14px;
line-height: 1.6;
}

.unified-v8-search-overlay .custom-search-form {
padding: 14px;
border-radius: 18px;
}

.unified-v8-search-overlay .custom-search-form .search-field,
.unified-v8-search-overlay .custom-search-form .search-submit {
border-radius: 14px;
}

.unified-v8-search-overlay .search-overlay-helper {
padding: 16px;
}

.unified-v8-search-overlay .search-overlay-helper__grid {
grid-template-columns: 1fr;
}

.unified-v8-search-overlay .v8-search-overlay-layout {
row-gap: 14px;
}

.unified-v8-search-overlay .v8-search-overlay-main,
.unified-v8-search-overlay .v8-search-overlay-side {
gap: 12px;
}

.unified-v8-search-overlay .popular-keywords h3 {
font-size: 14px;
}

.unified-v8-search-overlay .popular-keywords a {
font-size: 12px;
padding: 5px 10px;
}
}

/* ===========================================
   Phase 3-5: CTA Button, Scroll Progress
   =========================================== */

/* CTA Button */
.unified-v8-header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-left: 16px;
text-decoration: none;
}
.unified-v8-cta-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 20px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #fff;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 25px;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
transition: all 0.3s ease;
white-space: nowrap;
}
.unified-v8-cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
color: #fff;
}
.unified-v8-cta-button:active {
transform: translateY(0);
}
.unified-v8-cta-button.is-static {
cursor: default;
pointer-events: none;
}
.unified-v8-cta-image-link {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(8px);
}
.unified-v8-cta-image-link:hover,
.unified-v8-cta-image-link:focus-visible,
.unified-v8-cta-button:hover,
.unified-v8-cta-button:focus-visible {
text-decoration: none !important;
}
.unified-v8-cta-image-link.is-static {
cursor: default;
pointer-events: none;
}
.unified-v8-cta-image {
display: block;
max-height: 56px;
width: auto;
height: auto;
}
.unified-v8-cta-ad-slot {
display: inline-flex;
align-items: center;
max-width: min(360px, 34vw);
overflow: hidden;
}
.unified-v8-cta-ad-slot .wp-ad-position-wrapper,
.unified-v8-cta-ad-slot .wp-ad-position-container,
.unified-v8-cta-ad-slot .wp-ad-position-fallback {
margin: 0;
max-width: 100%;
}
.unified-v8-cta-ad-slot img,
.unified-v8-cta-ad-slot iframe {
max-width: 100%;
height: auto;
}

/* Scroll Progress Bar */
.unified-v8-scroll-progress {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 3px;
background: var(--menu-v8-scroll-progress-color, #0073aa);
z-index: 10001;
transition: width 0.1s linear;
}
.sticky-header-mode-enabled .unified-v8-scroll-progress {
top: var(--menu-v8-header-height-sticky, 56px);
}

/* Responsive CTA */
@media (max-width: 768px) {
.unified-v8-main-header .unified-v8-header-cta {
display: none;
}
.unified-v8-slideout-navigation .unified-v8-cta-button {
display: inline-flex;
margin: 16px;
width: calc(100% - 32px);
}
}



/* === IMPORT components/_menu-elements.css === */
/**
 * Menu V8 - Menu Elements Component
 * 
 * Special menu element styles (divider, tag, menu-more)
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/* ========================================
   選單特殊元素樣式
   使用方式：在選單項目的 CSS Classes 欄位輸入對應 class
   ======================================== */

/* ----------------------------------------
   分隔線 (CSS Class: menu-divider)
   在選單中插入一個視覺分隔線
   ---------------------------------------- */
.unified-v8-nav-item.menu-divider {
pointer-events: none;
padding: 0 10px;
display: flex;
align-items: center;
justify-content: center;
}

.unified-v8-nav-item.menu-divider > a,
.unified-v8-nav-item.menu-divider > .unified-v8-nav-link {
display: none !important;
}

/* 分隔線視覺元素 (新結構使用 span) */
.unified-v8-nav-item.menu-divider .unified-v8-divider-line,
.unified-v8-nav-item.menu-divider::before {
content: '';
display: block;
width: 1px;
height: 18px;
background: currentColor;
opacity: 0.4;
}

/* 已有 span 時不顯示 ::before */
.unified-v8-nav-item.menu-divider:has(.unified-v8-divider-line)::before {
display: none;
}

/* 頂部/底部導航欄的分隔線 */
.unified-v8-top-bar-nav .unified-v8-nav-item.menu-divider .unified-v8-divider-line,
.unified-v8-top-bar-nav .unified-v8-nav-item.menu-divider::before,
.unified-v8-bottom-bar-nav .unified-v8-nav-item.menu-divider .unified-v8-divider-line,
.unified-v8-bottom-bar-nav .unified-v8-nav-item.menu-divider::before {
height: 16px;
opacity: 0.5;
background: rgba(255,255,255,0.5);
}

/* 側滑選單的分隔線改為水平線 */
.unified-v8-slideout-content .unified-v8-nav-item.menu-divider {
padding: 0;
width: 100%;
height: auto;
}

.unified-v8-slideout-content .unified-v8-nav-item.menu-divider .unified-v8-divider-line,
.unified-v8-slideout-content .unified-v8-nav-item.menu-divider::before {
width: calc(100% - 40px);
height: 1px;
margin: 10px 20px;
opacity: 0.3;
}

/* ----------------------------------------
   標籤樣式 (CSS Class: menu-tag)
   顯示為醒目的 #tag 標籤連結
   ---------------------------------------- */
.unified-v8-nav-item.menu-tag {
margin: 0 2px;
}

.unified-v8-nav-item.menu-tag > a,
.unified-v8-nav-item.menu-tag > .unified-v8-nav-link {
color: var(--menu-v8-tag-color, #fff) !important;
font-weight: 600;
background: transparent !important;
padding: 8px 10px;
font-size: 0.9em;
}

.unified-v8-nav-item.menu-tag > a::before,
.unified-v8-nav-item.menu-tag > .unified-v8-nav-link::before {
content: '#';
opacity: 0.7;
margin-right: 1px;
}

.unified-v8-nav-item.menu-tag > a:hover,
.unified-v8-nav-item.menu-tag > .unified-v8-nav-link:hover {
opacity: 0.75;
background: transparent !important;
}

/* 頂部/底部導航欄的標籤 */
.unified-v8-top-bar-nav .unified-v8-nav-item.menu-tag > a,
.unified-v8-bottom-bar-nav .unified-v8-nav-item.menu-tag > a {
color: var(--menu-v8-tag-color, #fff) !important;
padding: 8px 8px;
}

/* 側滑選單的標籤 */
.unified-v8-slideout-content .unified-v8-nav-item.menu-tag > a {
color: var(--menu-v8-tag-color, #fff) !important;
}

/* ----------------------------------------
   標籤群組靠右 (CSS Class: menu-tag-group)
   ---------------------------------------- */
.unified-v8-nav-item.menu-tag-group {
margin-left: auto !important;
}

/* ----------------------------------------
   更小字體 (CSS Class: menu-small)
   ---------------------------------------- */
.unified-v8-nav-item.menu-small > a,
.unified-v8-nav-item.menu-small > .unified-v8-nav-link {
font-size: 0.85em;
}



/* === IMPORT components/_menu-more.css === */
/**
 * Menu V8 - Menu More Component
 * 
 * "閱讀更多" mega menu styles with multi-level support
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

/* ========================================
   閱讀更多 Mega Menu
   ======================================== */

/* Second層面板 - 主容器 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    display: flex !important; /* 強制使用 flex，防止 jQuery hide() 的 inline style 覆蓋 */
    flex-direction: column;
    flex-wrap: nowrap;
    width: min(720px, calc(100vw - 32px));
    min-width: min(480px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    min-height: 300px;
    max-height: min(70vh, 560px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 10, 0.15), 0 5px 15px rgba(0, 0, 0, 0.05);
    padding: 0;
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    overflow: hidden;
    overscroll-behavior: contain;
    
    /* 預設隱藏 (使用透明度與位移) */
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.3s;
    pointer-events: none;
    z-index: 1000;
}

/* 橋接偽元素：填補間隙 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu::after {
    content: '';
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    height: 25px;
    background: transparent;
    pointer-events: auto;
}

/* hover 或 open 時顯示 */
.unified-v8-nav-item.menu-more.is-hover > .unified-v8-nav-submenu,
.unified-v8-nav-item.menu-more.is-open > .unified-v8-nav-submenu,
.unified-v8-nav-item.menu-more:hover > .unified-v8-nav-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0);
    pointer-events: auto;
}

/* ----------------------------------------
   左側欄（第二層項目列表）
   ---------------------------------------- */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item {
    flex: 0 0 auto;
    width: 190px;
    background: rgba(0, 0, 0, 0.03); /* 極淺背景 */
    position: static;
    margin: 0;
    padding: 0;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    border-bottom: none;
    transition: all 0.25s ease;
    background: transparent;
}

/* 第二層 hover 效果 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item:hover > a,
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item.is-hover > a {
    background: var(--menu-v8-primary, #1a3a5c);
    color: #fff;
    padding-left: 24px;
}

/* ----------------------------------------
   右側欄（第三層子選單）
   ---------------------------------------- */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu {
    display: none !important;
    position: absolute;
    left: 190px;
    top: 0;
    bottom: 0;
    width: calc(100% - 190px);
    background: transparent; /* 繼承主容器的毛玻璃 */
    padding: 10px 0;
    margin: 0;
    flex-direction: column;
    border: none;
    box-shadow: none;
    border-radius: 0;
    overflow-y: auto;
    z-index: 5;
}

/* hover 第二層項目時顯示右側內容 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item:hover > .unified-v8-nav-submenu,
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item.is-hover > .unified-v8-nav-submenu {
    display: flex !important;
}

/* 預設展開第一個子項目的內容 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item:first-child > .unified-v8-nav-submenu {
    display: flex !important;
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item:first-child.is-hover > a,
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item:first-child:hover > a {
    color: #fff;
    background: var(--menu-v8-primary, #1a3a5c);
}

/* 當有其他項目被 hover 時，重置第一個子項目的背景 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu:has(.unified-v8-nav-item:not(:first-child):hover) > .unified-v8-nav-item:first-child > .unified-v8-nav-submenu,
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu:has(.unified-v8-nav-item:not(:first-child).is-hover) > .unified-v8-nav-item:first-child > .unified-v8-nav-submenu {
    display: none !important;
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu:has(.unified-v8-nav-item:not(:first-child):hover) > .unified-v8-nav-item:first-child,
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu:has(.unified-v8-nav-item:not(:first-child).is-hover) > .unified-v8-nav-item:first-child {
    background: transparent;
}
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu:has(.unified-v8-nav-item:not(:first-child):hover) > .unified-v8-nav-item:first-child > a,
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu:has(.unified-v8-nav-item:not(:first-child).is-hover) > .unified-v8-nav-item:first-child > a {
    color: #444;
    background: transparent;
}

/* ----------------------------------------
   第三層項目
   ---------------------------------------- */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item {
    flex: 0 0 auto;
    width: 100%;
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    font-size: 14px;
    color: #555;
    transition: all 0.2s ease;
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > a:hover {
    background: rgba(0, 0, 0, 0.03);
    color: var(--menu-v8-primary, #0073aa);
    padding-left: 28px;
}

/* ----------------------------------------
   第四層子選單
   ---------------------------------------- */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu {
    display: none !important;
    position: absolute;
    left: 100%;
    top: -10px;
    min-width: 200px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
    z-index: 10;
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item:hover > .unified-v8-nav-submenu {
    display: block !important;
}

/* 第四層項目樣式 */
.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > a {
display: block;
padding: 8px 14px;
font-size: 13px;
color: #444;
transition: all 0.15s ease;
}

.unified-v8-nav-item.menu-more > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > .unified-v8-nav-submenu > .unified-v8-nav-item > a:hover {
background: rgba(0,115,170,0.04);
color: var(--menu-v8-primary, #0073aa);
}



/* === IMPORT components/_search-results.css === */
/**
 * Menu V8 - Live Search Results Component
 * 即時搜尋結果樣式
 * 
 * @package Menu_V8
 * @since 2.0.0
 */

.v8-live-search-results {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  max-height: min(56vh, 560px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  background: var(--menu-v8-main-bg, #fff);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  border-radius: 18px;
  z-index: 1;
  display: none;
  border: 1px solid var(--menu-v8-slideout-border, rgba(0,0,0,0.05));
  margin-top: 16px;
}

.v8-live-search-results.is-visible {
  display: block;
}

.v8-live-search-results--inline {
  margin-top: 12px;
  max-height: min(60vh, 520px);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.v8-live-search-results::-webkit-scrollbar {
  width: 12px;
}

.v8-live-search-results::-webkit-scrollbar-track {
  background: rgba(148, 163, 184, 0.12);
  border-radius: 999px;
}

.v8-live-search-results::-webkit-scrollbar-thumb {
  background: rgba(71, 85, 105, 0.35);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.v8-live-search-results::-webkit-scrollbar-thumb:hover {
  background: rgba(71, 85, 105, 0.55);
  background-clip: content-box;
}

.v8-search-scope-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  margin-bottom: 0;
}

.v8-search-scope-btn {
  appearance: none;
  border: 1px solid var(--menu-v8-slideout-border, rgba(0,0,0,0.1));
  background: rgba(127,127,127,0.08);
  color: var(--menu-v8-main-text, #333);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 0.84rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.v8-search-scope-btn:hover,
.v8-search-scope-btn:focus-visible,
.v8-search-scope-btn.is-active {
  background: var(--menu-v8-active-bg, #d20243);
  border-color: var(--menu-v8-active-bg, #d20243);
  color: #fff;
  outline: none;
}

.v8-live-search-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.v8-live-search-groups {
  padding: 8px 0;
}

.v8-live-search-group + .v8-live-search-group {
  border-top: 1px solid var(--menu-v8-slideout-border, rgba(0,0,0,0.05));
}

.v8-live-search-group-title {
  padding: 12px 20px 6px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--menu-v8-search-text, #666);
  text-transform: uppercase;
}

.v8-live-search-item {
  margin: 0;
}

.v8-live-search-link {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  width: 100%;
  padding: 14px 20px;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--menu-v8-main-text, #333);
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.v8-live-search-link--text-only {
  grid-template-columns: minmax(0, 1fr);
}

.v8-live-search-link:hover,
.v8-live-search-link.is-active {
  background: var(--menu-v8-hover-bg, #f5f5f5);
  box-shadow: inset 3px 0 0 var(--menu-v8-active-bg, #d20243);
}

.v8-search-thumb {
  width: 72px;
  height: 72px;
  align-self: start;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  background: var(--menu-v8-slideout-submenu-bg, #eee);
}

.v8-search-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.v8-search-info {
  flex: 1;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 6px;
}

.v8-search-item-title {
  font-size: 0.98em;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

.v8-search-item-excerpt {
  font-size: 0.86em;
  color: var(--menu-v8-search-text, #555);
  opacity: 0.88;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.v8-search-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
  font-size: 0.8em;
  color: var(--menu-v8-search-text, #666);
  opacity: 0.72;
}

.v8-search-item-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(210, 2, 67, 0.1);
  color: var(--menu-v8-active-bg, #d20243);
  font-weight: 700;
  letter-spacing: 0.01em;
}

.v8-search-item-date {
  white-space: nowrap;
}

.v8-search-highlight {
  background: rgba(210, 2, 67, 0.14);
  color: inherit;
  padding: 0 0.18em;
  border-radius: 0.25em;
}

.v8-live-search-footer {
  padding: 14px 20px 18px;
  border-top: 1px solid var(--menu-v8-slideout-border, rgba(0,0,0,0.05));
  display: grid;
  gap: 8px;
  position: sticky;
  bottom: 0;
  background: var(--menu-v8-main-bg, #fff);
  z-index: 2;
}

.v8-live-search-summary {
  font-size: 0.82em;
  color: var(--menu-v8-search-text, #666);
  opacity: 0.82;
}

.v8-live-search-hint {
  font-size: 0.8em;
  color: var(--menu-v8-search-text, #666);
  opacity: 0.75;
}

.v8-live-search-footer a {
  color: var(--menu-v8-active-bg, #d20243);
  font-weight: 600;
  text-decoration: none;
}

.v8-live-search-footer a:hover,
.v8-live-search-footer a:focus-visible {
  text-decoration: var(--menu-v8-link-hover-decoration, none);
}

.v8-search-rescue {
  padding: 16px 20px 20px;
  border-top: 1px solid var(--menu-v8-slideout-border, rgba(0,0,0,0.05));
  display: grid;
  gap: 14px;
}

.v8-search-rescue-group {
  display: grid;
  gap: 8px;
}

.v8-search-rescue-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--menu-v8-search-text, #666);
}

.v8-search-rescue-links,
.search-rescue-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.v8-search-rescue-link,
.search-rescue-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--menu-v8-slideout-border, rgba(0,0,0,0.08));
  background: rgba(127,127,127,0.08);
  color: var(--menu-v8-main-text, #333);
  text-decoration: none;
  font-size: 0.84rem;
  line-height: 1.2;
}

.v8-search-rescue-link:hover,
.v8-search-rescue-link:focus-visible,
.search-rescue-link:hover,
.search-rescue-link:focus-visible {
  border-color: var(--menu-v8-active-bg, #d20243);
  color: var(--menu-v8-active-bg, #d20243);
  text-decoration: none;
}

.v8-search-rescue-link-meta,
.search-rescue-link-meta {
  font-size: 0.72rem;
  color: var(--menu-v8-search-text, #666);
  opacity: 0.85;
}

.search-rescue-panel {
  margin: 20px 0 28px;
  display: grid;
  gap: 16px;
}

.search-rescue-group h3 {
  margin: 0 0 8px;
  font-size: 1rem;
}

.v8-search-loading,
.v8-search-no-results,
.v8-search-error {
  padding: 30px;
  text-align: center;
  color: var(--menu-v8-search-text, #666);
  opacity: 0.78;
  font-size: 0.95em;
}

.v8-search-loading--skeleton {
  padding: 18px 20px;
}

.v8-search-skeleton-item {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.v8-search-skeleton-item + .v8-search-skeleton-item {
  margin-top: 16px;
}

.v8-search-skeleton-thumb,
.v8-search-skeleton-line {
  position: relative;
  overflow: hidden;
  background: rgba(127, 127, 127, 0.15);
}

.v8-search-skeleton-thumb::after,
.v8-search-skeleton-line::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
  animation: v8-search-shimmer 1.2s ease-in-out infinite;
}

.v8-search-skeleton-thumb {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  flex-shrink: 0;
}

.v8-search-skeleton-content {
  flex: 1;
}

.v8-search-skeleton-line {
  height: 11px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.v8-search-skeleton-line.is-title {
  width: 58%;
  height: 13px;
}

.v8-search-skeleton-line.is-medium {
  width: 88%;
}

.v8-search-skeleton-line.is-short {
  width: 42%;
  margin-bottom: 0;
}

.v8-search-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(0,0,0,0.1);
  border-left-color: var(--menu-v8-active-bg, #d20243);
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 8px;
  animation: v8-search-spin 0.8s linear infinite;
}

@keyframes v8-search-spin {
  to { transform: rotate(360deg); }
}

@keyframes v8-search-shimmer {
  100% { transform: translateX(100%); }
}

@media (min-width: 1181px) {
  .v8-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  .v8-hide-tablet {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .v8-hide-mobile {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .v8-search-scope-switcher {
    gap: 6px;
  }

  .v8-search-scope-btn {
    padding: 7px 12px;
    font-size: 0.8rem;
  }

  .v8-live-search-link {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 16px;
  }

  .v8-live-search-group-title,
  .v8-search-rescue,
  .v8-live-search-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .v8-search-thumb {
    width: 60px;
    height: 60px;
  }
}




/* === dark-mode.css === */
/**
 * Feature Content - Dark Mode Support
 * 
 * 深色模式支援樣式
 * 
 * @package Feature_Content
 * @since 2.3.0
 */

/* ========================================
   Dark Mode CSS Variables
   ======================================== */

:root {
/* Light Mode (預設) */
--fc-bg-primary: #ffffff;
--fc-bg-secondary: #f5f5f5;
--fc-bg-tertiary: #e8e8e8;
--fc-text-primary: #1a1a1a;
--fc-text-secondary: #666666;
--fc-text-muted: #999999;
--fc-border-color: #e0e0e0;
--fc-shadow-color: rgba(0, 0, 0, 0.1);
--fc-overlay-color: rgba(0, 0, 0, 0.5);
--fc-card-bg: #ffffff;
--fc-input-bg: #ffffff;
--fc-accent-color: #0073aa;
}

/* Dark Mode - 自動偵測系統設定 */
@media (prefers-color-scheme: dark) {
body.fc-dark-mode-auto {
--fc-bg-primary: #1a1a1a;
--fc-bg-secondary: #2d2d2d;
--fc-bg-tertiary: #404040;
--fc-text-primary: #f0f0f0;
--fc-text-secondary: #b0b0b0;
--fc-text-muted: #808080;
--fc-border-color: #404040;
--fc-shadow-color: rgba(0, 0, 0, 0.3);
--fc-overlay-color: rgba(0, 0, 0, 0.7);
--fc-card-bg: #2d2d2d;
--fc-input-bg: #333333;
--fc-accent-color: #5eb3e4;
}
}

/* Dark Mode - 手動啟用 */
body.fc-dark-mode {
--fc-bg-primary: #1a1a1a;
--fc-bg-secondary: #2d2d2d;
--fc-bg-tertiary: #404040;
--fc-text-primary: #f0f0f0;
--fc-text-secondary: #b0b0b0;
--fc-text-muted: #808080;
--fc-border-color: #404040;
--fc-shadow-color: rgba(0, 0, 0, 0.3);
--fc-overlay-color: rgba(0, 0, 0, 0.7);
--fc-card-bg: #2d2d2d;
--fc-input-bg: #333333;
--fc-accent-color: #5eb3e4;
}

/* ========================================
   Block Styles with CSS Variables
   ======================================== */

/* 區塊背景 */
.fc-block {
background-color: var(--fc-bg-primary);
color: var(--fc-text-primary);
}

.fc-section {
background-color: var(--fc-bg-primary);
}

/* 卡片 */
.fc-cards__item,
.fc-team__member,
.fc-testimonial__item {
background-color: var(--fc-card-bg);
border-color: var(--fc-border-color);
box-shadow: 0 2px 8px var(--fc-shadow-color);
}

/* 文字 */
.fc-block h1,
.fc-block h2,
.fc-block h3,
.fc-block h4,
.fc-block h5,
.fc-block h6 {
color: var(--fc-text-primary);
}

.fc-block p,
.fc-block li {
color: var(--fc-text-secondary);
}

.fc-block__description,
.fc-block__meta {
color: var(--fc-text-muted);
}

/* FAQ */
.fc-faq__question {
background-color: var(--fc-bg-secondary);
color: var(--fc-text-primary);
border-color: var(--fc-border-color);
}

.fc-faq__answer {
background-color: var(--fc-bg-primary);
border-color: var(--fc-border-color);
}

/* Accordion */
.fc-accordion__item {
background-color: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

.fc-accordion__header {
color: var(--fc-text-primary);
}

/* Quote */
.fc-quote {
background-color: var(--fc-bg-secondary);
border-left-color: var(--fc-accent-color);
}

.fc-quote__text {
color: var(--fc-text-primary);
}

.fc-quote__author {
color: var(--fc-text-secondary);
}

/* Stats */
.fc-stats__item {
background-color: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

.fc-stats__number {
color: var(--fc-accent-color);
}

.fc-stats__label {
color: var(--fc-text-secondary);
}

/* Divider */
.fc-divider__line {
background-color: var(--fc-border-color);
}

/* CTA */
.fc-cta {
background-color: var(--fc-bg-secondary);
}

/* Timeline */
.fc-timeline__line {
background-color: var(--fc-border-color);
}

.fc-timeline__content {
background-color: var(--fc-card-bg);
box-shadow: 0 2px 8px var(--fc-shadow-color);
}

/* Lead */
.fc-lead {
color: var(--fc-text-secondary);
}

/* Callout */
.fc-callout {
background-color: var(--fc-bg-secondary);
border-color: var(--fc-border-color);
}

/* ========================================
   Dialogue / Chat Bubbles Dark Mode
   ======================================== */

/* Chat bubbles */
body.fc-dark-mode .fc-dialogue--chat .fc-dialogue__content,
body.hd-dark-mode .fc-dialogue--chat .fc-dialogue__content {
background: var(--fc-bg-tertiary);
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-dialogue--chat .fc-dialogue__content::before,
body.hd-dark-mode .fc-dialogue--chat .fc-dialogue__content::before {
border-right-color: var(--fc-bg-tertiary);
}

/* Right side bubble */
body.fc-dark-mode .fc-dialogue--chat.fc-dialogue--right .fc-dialogue__content,
body.hd-dark-mode .fc-dialogue--chat.fc-dialogue--right .fc-dialogue__content {
background: var(--fc-accent-color);
}

/* Vertical layout */
body.fc-dark-mode .fc-dialogue--vertical .fc-dialogue__content,
body.hd-dark-mode .fc-dialogue--vertical .fc-dialogue__content {
background: var(--fc-bg-secondary);
color: var(--fc-text-primary);
}

/* Card layout */
body.fc-dark-mode .fc-dialogue--card,
body.hd-dark-mode .fc-dialogue--card {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-dialogue--card .fc-dialogue__top,
body.hd-dark-mode .fc-dialogue--card .fc-dialogue__top {
border-bottom-color: var(--fc-border-color);
}

/* Quote layout */
body.fc-dark-mode .fc-dialogue--quote,
body.hd-dark-mode .fc-dialogue--quote {
background: linear-gradient(135deg, var(--fc-bg-secondary) 0%, var(--fc-card-bg) 100%);
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-dialogue--quote .fc-dialogue__top,
body.hd-dark-mode .fc-dialogue--quote .fc-dialogue__top {
border-top-color: var(--fc-border-color);
}

/* Speech bubble style */
body.fc-dark-mode .fc-dialogue--speech-bubble .fc-dialogue__content,
body.hd-dark-mode .fc-dialogue--speech-bubble .fc-dialogue__content {
background: var(--fc-bg-tertiary);
}

body.fc-dark-mode .fc-dialogue--speech-bubble .fc-dialogue__content::before,
body.hd-dark-mode .fc-dialogue--speech-bubble .fc-dialogue__content::before {
border-right-color: var(--fc-bg-tertiary);
}

/* ========================================
   Countdown Dark Mode
   ======================================== */

body.fc-dark-mode .fc-countdown,
body.hd-dark-mode .fc-countdown {
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-countdown__item,
body.hd-dark-mode .fc-countdown__item {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-countdown__number,
body.hd-dark-mode .fc-countdown__number {
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-countdown__label,
body.hd-dark-mode .fc-countdown__label {
color: var(--fc-text-secondary);
}

/* ========================================
   Interview Panel Dark Mode
   ======================================== */

body.fc-dark-mode .fc-interview-panel,
body.hd-dark-mode .fc-interview-panel {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-interviewee,
body.hd-dark-mode .fc-interviewee {
background: var(--fc-bg-secondary);
}

body.fc-dark-mode .fc-interview__person-name,
body.hd-dark-mode .fc-interview__person-name {
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-interview__person-role,
body.hd-dark-mode .fc-interview__person-role {
color: var(--fc-text-muted);
}

/* ========================================
   Hero Dark Mode
   ======================================== */

body.fc-dark-mode .fc-hero--theme-dark,
body.hd-dark-mode .fc-hero--theme-dark {
color: #fff;
}

body.fc-dark-mode .fc-hero__content,
body.hd-dark-mode .fc-hero__content {
color: inherit;
}

/* ========================================
   Feature List Dark Mode  
   ======================================== */

body.fc-dark-mode .fc-feature-list__item,
body.hd-dark-mode .fc-feature-list__item {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-feature-list__icon,
body.hd-dark-mode .fc-feature-list__icon {
color: var(--fc-accent-color);
}

/* ========================================
   Tabs Dark Mode
   ======================================== */

body.fc-dark-mode .fc-tabs__nav,
body.hd-dark-mode .fc-tabs__nav {
background: var(--fc-bg-secondary);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-tabs__tab,
body.hd-dark-mode .fc-tabs__tab {
color: var(--fc-text-secondary);
}

body.fc-dark-mode .fc-tabs__tab.active,
body.hd-dark-mode .fc-tabs__tab.active {
background: var(--fc-card-bg);
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-tabs__content,
body.hd-dark-mode .fc-tabs__content {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

/* ========================================
   Gallery Dark Mode
   ======================================== */

body.fc-dark-mode .fc-gallery__item,
body.hd-dark-mode .fc-gallery__item {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-gallery__caption,
body.hd-dark-mode .fc-gallery__caption {
background: rgba(0, 0, 0, 0.8);
color: #fff;
}

/* ========================================
   Post Meta Dark Mode
   ======================================== */

body.fc-dark-mode .fc-post-meta,
body.hd-dark-mode .fc-post-meta {
color: var(--fc-text-muted);
}

body.fc-dark-mode .fc-post-meta a,
body.hd-dark-mode .fc-post-meta a {
color: var(--fc-text-secondary);
}

/* ========================================
   Logo Grid Dark Mode
   ======================================== */

body.fc-dark-mode .fc-logo-grid__item,
body.hd-dark-mode .fc-logo-grid__item {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
}

body.fc-dark-mode .fc-logo-grid__item img,
body.hd-dark-mode .fc-logo-grid__item img {
filter: brightness(0.9) contrast(1.1);
}

/* ========================================
   Image Text Dark Mode
   ======================================== */

body.fc-dark-mode .fc-image-text,
body.hd-dark-mode .fc-image-text {
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-image-text__content,
body.hd-dark-mode .fc-image-text__content {
background: transparent;
}

/* ========================================
   Ranking Dark Mode
   ======================================== */

body.fc-dark-mode .fc-ranking__item,
body.hd-dark-mode .fc-ranking__item {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
color: var(--fc-text-primary);
}

body.fc-dark-mode .fc-ranking__rank,
body.hd-dark-mode .fc-ranking__rank {
color: var(--fc-accent-color);
}

/* ========================================
   Marquee Dark Mode
   ======================================== */

body.fc-dark-mode .fc-marquee,
body.hd-dark-mode .fc-marquee {
background: var(--fc-bg-secondary);
color: var(--fc-text-primary);
}

/* ========================================
   Pagination Dark Mode
   ======================================== */

body.fc-dark-mode .fc-pagination,
body.hd-dark-mode .fc-pagination {
background: var(--fc-bg-secondary);
}

body.fc-dark-mode .fc-pagination__item,
body.hd-dark-mode .fc-pagination__item {
background: var(--fc-card-bg);
border-color: var(--fc-border-color);
color: var(--fc-text-secondary);
}

body.fc-dark-mode .fc-pagination__item.active,
body.hd-dark-mode .fc-pagination__item.active {
background: var(--fc-accent-color);
color: #fff;
}

/* ========================================
   Dark Mode Toggle Button (optional UI)
   ======================================== */

.fc-dark-mode-toggle {
position: fixed;
bottom: calc(20px + var(--hd-bottom-fixed-safe-offset, 0px));
right: 20px;
width: 48px;
height: 48px;
border-radius: 50%;
background-color: var(--fc-bg-tertiary);
color: var(--fc-text-primary);
border: 2px solid var(--fc-border-color);
cursor: pointer;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px var(--fc-shadow-color);
}

.fc-dark-mode-toggle:hover {
transform: scale(1.1);
}

.fc-dark-mode-toggle .icon-sun,
.fc-dark-mode-toggle .icon-moon {
display: none;
}

body:not(.fc-dark-mode) .fc-dark-mode-toggle .icon-moon {
display: block;
}

body.fc-dark-mode .fc-dark-mode-toggle .icon-sun {
display: block;
}

/* ========================================
   Smooth Transition for Mode Switch
   ======================================== */

body.fc-dark-mode-transition,
body.fc-dark-mode-transition * {
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}


/* === dark-mode.css === */
/**
 * Global Theme Dark Mode Styles
 * 
 * 全站深色模式樣式 - 適用於非專題頁面
 * 
 * @package 20190301-nashiyoi
 * @since 1.0.0
 */

/* ========================================
   CSS Variables for Dark Mode
   ======================================== */

:root {
/* Light Mode (Default) */
--theme-bg-primary: #ffffff;
--theme-bg-secondary: #f5f5f5;
--theme-bg-tertiary: #e8e8e8;
--theme-text-primary: #1f1d1d;
--theme-text-secondary: #565656;
--theme-text-muted: #888888;
--theme-border-color: #e0e0e0;
--theme-link-color: #22a2eb;
--theme-link-hover: #0073aa;
--theme-accent-color: #e06b6f;
--theme-shadow-color: rgba(0, 0, 0, 0.1);
--theme-card-bg: #ffffff;
--theme-code-bg: #f1f2f3;
--theme-code-text: #404040;
--theme-dark-surface-primary: var(--theme-bg-primary);
--theme-dark-surface-secondary: var(--theme-bg-secondary);
--theme-dark-surface-card: var(--theme-card-bg);
--theme-dark-text-primary: var(--theme-text-primary);
--theme-dark-text-secondary: var(--theme-text-secondary);
--theme-dark-link-color: var(--theme-link-color);
--theme-dark-border-color: var(--theme-border-color);
}

/* ========================================
   Dark Mode - System Preference
   ======================================== */

@media (prefers-color-scheme: dark) {
body.fc-dark-mode-auto,
body.hd-dark-mode-auto {
--theme-bg-primary: #1a1a1a;
--theme-bg-secondary: #2d2d2d;
--theme-bg-tertiary: #404040;
--theme-text-primary: #e8e6e3;
--theme-text-secondary: #b0b0b0;
--theme-text-muted: #808080;
--theme-border-color: #404040;
--theme-link-color: #8ab4f8;
--theme-link-hover: #a3c5fb;
--theme-accent-color: #f07074;
--theme-shadow-color: rgba(0, 0, 0, 0.3);
--theme-card-bg: #2a2c2e;
--theme-code-bg: #2a2c2e;
--theme-code-text: #f1f1f1;
--theme-dark-surface-primary: var(--theme-bg-primary);
--theme-dark-surface-secondary: var(--theme-bg-secondary);
--theme-dark-surface-card: var(--theme-card-bg);
--theme-dark-text-primary: var(--theme-text-primary);
--theme-dark-text-secondary: var(--theme-text-secondary);
--theme-dark-link-color: var(--theme-link-color);
--theme-dark-border-color: var(--theme-border-color);
}
}

/* ========================================
   Dark Mode - Manual Toggle
   ======================================== */

body.fc-dark-mode,
body.hd-dark-mode,
body.dark-mode {
--theme-bg-primary: #1a1a1a;
--theme-bg-secondary: #2d2d2d;
--theme-bg-tertiary: #404040;
--theme-text-primary: #e8e6e3;
--theme-text-secondary: #b0b0b0;
--theme-text-muted: #808080;
--theme-border-color: #404040;
--theme-link-color: #8ab4f8;
--theme-link-hover: #a3c5fb;
--theme-accent-color: #f07074;
--theme-shadow-color: rgba(0, 0, 0, 0.3);
--theme-card-bg: #2a2c2e;
--theme-code-bg: #2a2c2e;
--theme-code-text: #f1f1f1;
--theme-dark-surface-primary: var(--theme-bg-primary);
--theme-dark-surface-secondary: var(--theme-bg-secondary);
--theme-dark-surface-card: var(--theme-card-bg);
--theme-dark-text-primary: var(--theme-text-primary);
--theme-dark-text-secondary: var(--theme-text-secondary);
--theme-dark-link-color: var(--theme-link-color);
--theme-dark-border-color: var(--theme-border-color);
}

/* ========================================
   Base Element Styles
   ======================================== */

body.fc-dark-mode,
body.hd-dark-mode,
body.dark-mode {
background-color: var(--theme-bg-primary);
color: var(--theme-text-primary);
}

body.fc-dark-mode p,
body.hd-dark-mode p,
body.dark-mode p {
color: var(--theme-text-primary);
}

body.fc-dark-mode ol,
body.fc-dark-mode ul,
body.fc-dark-mode li,
body.hd-dark-mode ol,
body.hd-dark-mode ul,
body.hd-dark-mode li,
body.dark-mode ol,
body.dark-mode ul,
body.dark-mode li {
color: var(--theme-text-secondary);
}

body.fc-dark-mode :where(#content, #container-all, #postshow-a, #postshow-b, #sidebar, #footer, .site-content) a,
body.hd-dark-mode :where(#content, #container-all, #postshow-a, #postshow-b, #sidebar, #footer, .site-content) a,
body.dark-mode :where(#content, #container-all, #postshow-a, #postshow-b, #sidebar, #footer, .site-content) a {
color: var(--theme-link-color);
}

body.fc-dark-mode :where(#content, #container-all, #postshow-a, #postshow-b, #sidebar, #footer, .site-content) a:hover,
body.hd-dark-mode :where(#content, #container-all, #postshow-a, #postshow-b, #sidebar, #footer, .site-content) a:hover,
body.dark-mode :where(#content, #container-all, #postshow-a, #postshow-b, #sidebar, #footer, .site-content) a:hover {
color: var(--theme-link-hover);
}

body.fc-dark-mode code,
body.hd-dark-mode code,
body.dark-mode code {
background: var(--theme-code-bg);
color: var(--theme-code-text);
}

body.fc-dark-mode h1,
body.fc-dark-mode h2,
body.fc-dark-mode h3,
body.fc-dark-mode h4,
body.fc-dark-mode h5,
body.fc-dark-mode h6,
body.hd-dark-mode h1,
body.hd-dark-mode h2,
body.hd-dark-mode h3,
body.hd-dark-mode h4,
body.hd-dark-mode h5,
body.hd-dark-mode h6,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
color: var(--theme-text-primary);
}

/* ========================================
   Layout Containers
   ======================================== */

body.fc-dark-mode #container-all,
body.hd-dark-mode #container-all,
body.dark-mode #container-all {
background-color: var(--theme-bg-primary);
}

body.fc-dark-mode #content-main,
body.fc-dark-mode #postshow-a,
body.fc-dark-mode #postshow-b,
body.hd-dark-mode #content-main,
body.hd-dark-mode #postshow-a,
body.hd-dark-mode #postshow-b,
body.dark-mode #content-main,
body.dark-mode #postshow-a,
body.dark-mode #postshow-b {
background-color: transparent;
}

body.fc-dark-mode .single-column-container,
body.hd-dark-mode .single-column-container,
body.dark-mode .single-column-container {
background-color: transparent;
}

/* ========================================
   Header & Navigation
   ======================================== */

body.fc-dark-mode #header,
body.fc-dark-mode #stickyhead,
body.fc-dark-mode .head-images,
body.hd-dark-mode #header,
body.hd-dark-mode #stickyhead,
body.hd-dark-mode .head-images,
body.dark-mode #header,
body.dark-mode #stickyhead,
body.dark-mode .head-images {
background-color: var(--theme-bg-secondary);
border-bottom-color: var(--theme-border-color);
box-shadow: 0 0 16px var(--theme-shadow-color);
}

body.fc-dark-mode .navbar,
body.hd-dark-mode .navbar,
body.dark-mode .navbar {
background-color: transparent;
}

body.fc-dark-mode .menu-nav-logo a,
body.hd-dark-mode .menu-nav-logo a,
body.dark-mode .menu-nav-logo a {
color: var(--theme-text-primary);
}

/* ========================================
   Sidebar
   ======================================== */

body.fc-dark-mode #sidebar ul,
body.hd-dark-mode #sidebar ul,
body.dark-mode #sidebar ul {
background-color: var(--theme-card-bg);
}

body.fc-dark-mode #sidebar li,
body.hd-dark-mode #sidebar li,
body.dark-mode #sidebar li {
border-bottom-color: var(--theme-border-color);
}

body.fc-dark-mode #sidebar a,
body.hd-dark-mode #sidebar a,
body.dark-mode #sidebar a {
color: var(--theme-text-muted);
}

body.fc-dark-mode #sidebar a:hover,
body.hd-dark-mode #sidebar a:hover,
body.dark-mode #sidebar a:hover {
color: var(--theme-text-primary);
}

body.fc-dark-mode #sidebar .sidebar-title,
body.hd-dark-mode #sidebar .sidebar-title,
body.dark-mode #sidebar .sidebar-title {
background-color: var(--theme-accent-color);
}

/* ========================================
   Cards & Postcards
   ======================================== */

body.fc-dark-mode .postcard a,
body.fc-dark-mode .popular-item,
body.hd-dark-mode .postcard a,
body.hd-dark-mode .popular-item,
body.dark-mode .postcard a,
body.dark-mode .popular-item {
background-color: var(--theme-card-bg);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .postcard_title h3,
body.fc-dark-mode .postcard_description p,
body.hd-dark-mode .postcard_title h3,
body.hd-dark-mode .postcard_description p,
body.dark-mode .postcard_title h3,
body.dark-mode .postcard_description p {
color: var(--theme-text-primary);
}

body.fc-dark-mode .postcard a:hover,
body.hd-dark-mode .postcard a:hover,
body.dark-mode .postcard a:hover {
background-color: var(--theme-bg-tertiary);
}

/* ========================================
   Single Article Content
   ======================================== */

body.fc-dark-mode #si-single-content,
body.hd-dark-mode #si-single-content,
body.dark-mode #si-single-content {
color: var(--theme-text-primary);
}

body.fc-dark-mode #si-single-content strong,
body.hd-dark-mode #si-single-content strong,
body.dark-mode #si-single-content strong {
color: var(--theme-text-primary);
}

body.fc-dark-mode #si-single-content img,
body.hd-dark-mode #si-single-content img,
body.dark-mode #si-single-content img {
border-color: var(--theme-border-color);
opacity: 0.92;
}

body.fc-dark-mode #si-single-content h2,
body.hd-dark-mode #si-single-content h2,
body.dark-mode #si-single-content h2 {
background: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

body.fc-dark-mode #si-single-content h3,
body.hd-dark-mode #si-single-content h3,
body.dark-mode #si-single-content h3 {
color: var(--theme-text-primary);
border-bottom-color: var(--theme-border-color);
}

/* ========================================
   Blockquotes
   ======================================== */

body.fc-dark-mode #si-single-content blockquote,
body.fc-dark-mode #blq,
body.fc-dark-mode #bq-sp-1,
body.fc-dark-mode .arci-content,
body.hd-dark-mode #si-single-content blockquote,
body.hd-dark-mode #blq,
body.hd-dark-mode #bq-sp-1,
body.hd-dark-mode .arci-content,
body.dark-mode #si-single-content blockquote,
body.dark-mode #blq,
body.dark-mode #bq-sp-1,
body.dark-mode .arci-content {
background-color: var(--theme-bg-secondary);
border-left-color: var(--theme-link-color);
}

body.fc-dark-mode #si-single-content blockquote p,
body.fc-dark-mode #blq p,
body.fc-dark-mode #bq-sp-1 p,
body.hd-dark-mode #si-single-content blockquote p,
body.hd-dark-mode #blq p,
body.hd-dark-mode #bq-sp-1 p,
body.dark-mode #si-single-content blockquote p,
body.dark-mode #blq p,
body.dark-mode #bq-sp-1 p {
color: var(--theme-text-secondary);
}

/* ========================================
   Tables
   ======================================== */

body.fc-dark-mode .wp-block-table th,
body.fc-dark-mode .wp-block-table td,
body.hd-dark-mode .wp-block-table th,
body.hd-dark-mode .wp-block-table td,
body.dark-mode .wp-block-table th,
body.dark-mode .wp-block-table td {
border-color: var(--theme-border-color);
color: var(--theme-text-primary);
}

body.fc-dark-mode .wp-block-table thead,
body.hd-dark-mode .wp-block-table thead,
body.dark-mode .wp-block-table thead {
background-color: var(--theme-bg-tertiary);
border-bottom-color: var(--theme-border-color);
}

/* ========================================
   Pagination
   ======================================== */

body.fc-dark-mode .pagination-container,
body.hd-dark-mode .pagination-container,
body.dark-mode .pagination-container {
background-color: var(--theme-bg-secondary);
}

body.fc-dark-mode .page-item,
body.hd-dark-mode .page-item,
body.dark-mode .page-item {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .page-link,
body.hd-dark-mode .page-link,
body.dark-mode .page-link {
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .page-item.active .page-link,
body.hd-dark-mode .page-item.active .page-link,
body.dark-mode .page-item.active .page-link {
background-color: var(--theme-link-color);
color: var(--theme-bg-primary);
border-color: var(--theme-link-color);
}

body.fc-dark-mode .listing-pagination,
body.hd-dark-mode .listing-pagination,
body.dark-mode .listing-pagination {
--listing-pagination-surface: var(--theme-bg-secondary);
--listing-pagination-link-bg: var(--theme-card-bg);
--listing-pagination-link-color: var(--theme-text-primary);
--listing-pagination-link-border: var(--theme-border-color);
--listing-pagination-link-hover-bg: var(--theme-bg-tertiary);
--listing-pagination-link-hover-color: var(--theme-link-color);
--listing-pagination-active-bg: var(--theme-primary-color);
--listing-pagination-active-color: #fff;
--listing-pagination-active-border: var(--theme-primary-color);
--listing-pagination-muted-color: var(--theme-text-muted);
background: var(--listing-pagination-surface);
box-shadow: inset 0 0 0 1px var(--theme-border-color);
}

body.fc-dark-mode .listing-pagination .page-item,
body.hd-dark-mode .listing-pagination .page-item,
body.dark-mode .listing-pagination .page-item {
background: transparent;
}

body.fc-dark-mode .listing-pagination-style-outline,
body.hd-dark-mode .listing-pagination-style-outline,
body.dark-mode .listing-pagination-style-outline,
body.fc-dark-mode .listing-pagination-style-minimal,
body.hd-dark-mode .listing-pagination-style-minimal,
body.dark-mode .listing-pagination-style-minimal {
background: transparent;
box-shadow: none;
}

/* ========================================
   Form Elements
   ======================================== */

body.fc-dark-mode .search-input,
body.fc-dark-mode #sbox,
body.fc-dark-mode input[type="text"],
body.fc-dark-mode input[type="email"],
body.fc-dark-mode textarea,
body.hd-dark-mode .search-input,
body.hd-dark-mode #sbox,
body.hd-dark-mode input[type="text"],
body.hd-dark-mode input[type="email"],
body.hd-dark-mode textarea,
body.dark-mode .search-input,
body.dark-mode #sbox,
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode textarea {
background-color: var(--theme-bg-secondary);
color: var(--theme-text-primary);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .search-button,
body.fc-dark-mode #sbtn,
body.hd-dark-mode .search-button,
body.hd-dark-mode #sbtn,
body.dark-mode .search-button,
body.dark-mode #sbtn {
background-color: var(--theme-link-color);
color: var(--theme-bg-primary);
}

/* ========================================
   Breadcrumb
   ======================================== */

body.fc-dark-mode #breadcrumb,
body.fc-dark-mode .breadcrumb,
body.hd-dark-mode #breadcrumb,
body.hd-dark-mode .breadcrumb,
body.dark-mode #breadcrumb,
body.dark-mode .breadcrumb {
background-color: var(--theme-bg-secondary);
color: var(--theme-text-muted);
}

/* ========================================
   Post Navigation
   ======================================== */

body.fc-dark-mode .post-navigation .nav-previous a,
body.fc-dark-mode .post-navigation .nav-next a,
body.hd-dark-mode .post-navigation .nav-previous a,
body.hd-dark-mode .post-navigation .nav-next a,
body.dark-mode .post-navigation .nav-previous a,
body.dark-mode .post-navigation .nav-next a {
background: var(--theme-card-bg);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .post-navigation .nav-previous a:hover,
body.fc-dark-mode .post-navigation .nav-next a:hover,
body.hd-dark-mode .post-navigation .nav-previous a:hover,
body.hd-dark-mode .post-navigation .nav-next a:hover,
body.dark-mode .post-navigation .nav-previous a:hover,
body.dark-mode .post-navigation .nav-next a:hover {
background: var(--theme-bg-tertiary);
}

/* ========================================
   Popular Buttons / Tabs
   ======================================== */

body.fc-dark-mode .popular-buttons a,
body.hd-dark-mode .popular-buttons a,
body.dark-mode .popular-buttons a {
background-color: var(--theme-bg-secondary);
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .popular-buttons a.active,
body.fc-dark-mode .popular-buttons a:hover,
body.hd-dark-mode .popular-buttons a.active,
body.hd-dark-mode .popular-buttons a:hover,
body.dark-mode .popular-buttons a.active,
body.dark-mode .popular-buttons a:hover {
border-color: var(--theme-link-color);
background-color: var(--theme-link-color);
color: var(--theme-bg-primary);
}

/* ========================================
   Archive & Category Pages
   ======================================== */

body.fc-dark-mode .design-image-list .homepage-list-item a,
body.hd-dark-mode .design-image-list .homepage-list-item a,
body.dark-mode .design-image-list .homepage-list-item a {
background-color: var(--theme-card-bg);
border-color: var(--theme-border-color);
color: var(--theme-text-primary);
}

/* ========================================
   Author Pages
   ======================================== */

body.fc-dark-mode .authors-page,
body.fc-dark-mode .author-card,
body.hd-dark-mode .authors-page,
body.hd-dark-mode .author-card,
body.dark-mode .authors-page,
body.dark-mode .author-card {
background-color: var(--theme-card-bg);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .author-name,
body.hd-dark-mode .author-name,
body.dark-mode .author-name {
color: var(--theme-text-primary);
}

/* ========================================
   Widgets - Recent Posts
   ======================================== */

body.fc-dark-mode .my-recent-post li,
body.fc-dark-mode .index-recent-post li,
body.hd-dark-mode .my-recent-post li,
body.hd-dark-mode .index-recent-post li,
body.dark-mode .my-recent-post li,
body.dark-mode .index-recent-post li {
background-color: transparent;
}

body.fc-dark-mode .my-recent-post li:hover,
body.fc-dark-mode .index-recent-post li:hover,
body.hd-dark-mode .my-recent-post li:hover,
body.hd-dark-mode .index-recent-post li:hover,
body.dark-mode .my-recent-post li:hover,
body.dark-mode .index-recent-post li:hover {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .my-recent-post li a,
body.fc-dark-mode .my-recent-post li .text,
body.fc-dark-mode .index-recent-post li a,
body.fc-dark-mode .index-recent-post li .text,
body.hd-dark-mode .my-recent-post li a,
body.hd-dark-mode .my-recent-post li .text,
body.hd-dark-mode .index-recent-post li a,
body.hd-dark-mode .index-recent-post li .text,
body.dark-mode .my-recent-post li a,
body.dark-mode .my-recent-post li .text,
body.dark-mode .index-recent-post li a,
body.dark-mode .index-recent-post li .text {
color: var(--theme-text-primary);
}

/* ========================================
   Widgets - Popular Posts
   ======================================== */

body.fc-dark-mode .my-pp li a,
body.fc-dark-mode .my-pp li .text,
body.fc-dark-mode .my-ppop li a,
body.fc-dark-mode .my-ppop li .text,
body.hd-dark-mode .my-pp li a,
body.hd-dark-mode .my-pp li .text,
body.hd-dark-mode .my-ppop li a,
body.hd-dark-mode .my-ppop li .text,
body.dark-mode .my-pp li a,
body.dark-mode .my-pp li .text,
body.dark-mode .my-ppop li a,
body.dark-mode .my-ppop li .text {
color: var(--theme-text-primary);
}

body.fc-dark-mode .my-pp .thumb,
body.fc-dark-mode .my-ppop .thumb,
body.hd-dark-mode .my-pp .thumb,
body.hd-dark-mode .my-ppop .thumb,
body.dark-mode .my-pp .thumb,
body.dark-mode .my-ppop .thumb {
border-color: var(--theme-border-color);
}

/* ========================================
   Widgets - Custom Popular Posts
   ======================================== */

body.fc-dark-mode .custom-popular-posts-widget .custom-tab-btn,
body.hd-dark-mode .custom-popular-posts-widget .custom-tab-btn,
body.dark-mode .custom-popular-posts-widget .custom-tab-btn {
background-color: var(--theme-bg-secondary);
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .custom-popular-posts-widget .custom-tab-btn:hover,
body.hd-dark-mode .custom-popular-posts-widget .custom-tab-btn:hover,
body.dark-mode .custom-popular-posts-widget .custom-tab-btn:hover {
background-color: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

body.fc-dark-mode .custom-popular-posts-widget .custom-tab-btn.active,
body.hd-dark-mode .custom-popular-posts-widget .custom-tab-btn.active,
body.dark-mode .custom-popular-posts-widget .custom-tab-btn.active {
background-color: var(--theme-link-color);
color: #fff;
}

/* ========================================
   Tag Cloud
   ======================================== */

body.fc-dark-mode .tagcloud a,
body.hd-dark-mode .tagcloud a,
body.dark-mode .tagcloud a {
background: var(--theme-bg-secondary);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .tagcloud a:hover,
body.hd-dark-mode .tagcloud a:hover,
body.dark-mode .tagcloud a:hover {
background: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

/* ========================================
   Tabs
   ======================================== */

body.fc-dark-mode .tab,
body.hd-dark-mode .tab,
body.dark-mode .tab {
background-color: var(--theme-bg-secondary);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .tab:hover,
body.hd-dark-mode .tab:hover,
body.dark-mode .tab:hover {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .tab.is-active,
body.hd-dark-mode .tab.is-active,
body.dark-mode .tab.is-active {
background-color: var(--theme-link-color);
color: #fff;
}

body.fc-dark-mode .panel,
body.hd-dark-mode .panel,
body.dark-mode .panel {
background-color: transparent;
color: var(--theme-text-primary);
}

/* ========================================
   Buttons
   ======================================== */

body.fc-dark-mode .more-button,
body.fc-dark-mode .button020 a,
body.hd-dark-mode .more-button,
body.hd-dark-mode .button020 a,
body.dark-mode .more-button,
body.dark-mode .button020 a {
background-color: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

body.fc-dark-mode .button020 a:hover,
body.hd-dark-mode .button020 a:hover,
body.dark-mode .button020 a:hover {
background-color: var(--theme-bg-secondary);
}

/* ========================================
   Post Meta
   ======================================== */

body.fc-dark-mode .si-single-top,
body.hd-dark-mode .si-single-top,
body.dark-mode .si-single-top {
color: var(--theme-text-secondary);
border-left-color: var(--theme-link-color);
}

body.fc-dark-mode .si-single-top .byline i,
body.hd-dark-mode .si-single-top .byline i,
body.dark-mode .si-single-top .byline i {
color: var(--theme-text-muted);
}

body.fc-dark-mode .si-single-top .byline a,
body.hd-dark-mode .si-single-top .byline a,
body.dark-mode .si-single-top .byline a {
color: var(--theme-link-color);
}

body.fc-dark-mode .arcs-meta-t2-1 a,
body.hd-dark-mode .arcs-meta-t2-1 a,
body.dark-mode .arcs-meta-t2-1 a {
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .arcs-meta-t2-1 a:hover,
body.hd-dark-mode .arcs-meta-t2-1 a:hover,
body.dark-mode .arcs-meta-t2-1 a:hover {
background-color: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

/* ========================================
   Post Category Labels
   ======================================== */

body.fc-dark-mode .post-category-label,
body.hd-dark-mode .post-category-label,
body.dark-mode .post-category-label {
background: var(--theme-link-color);
}

/* ========================================
   Featured Image & Captions
   ======================================== */

body.fc-dark-mode #arcs-single-filter > figure,
body.hd-dark-mode #arcs-single-filter > figure,
body.dark-mode #arcs-single-filter > figure {
background: var(--theme-bg-tertiary);
}

body.fc-dark-mode .wp-caption-text,
body.hd-dark-mode .wp-caption-text,
body.dark-mode .wp-caption-text {
color: var(--theme-text-muted);
}

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

body.fc-dark-mode #footer,
body.fc-dark-mode .footer,
body.hd-dark-mode #footer,
body.hd-dark-mode .footer,
body.dark-mode #footer,
body.dark-mode .footer {
background: linear-gradient(135deg, var(--theme-bg-secondary) 0%, var(--theme-bg-tertiary) 100%);
color: var(--theme-text-secondary);
border-top-color: var(--theme-border-color);
}

body.fc-dark-mode #footer a,
body.hd-dark-mode #footer a,
body.dark-mode #footer a {
color: var(--theme-text-muted);
}

body.fc-dark-mode #footer a:hover,
body.hd-dark-mode #footer a:hover,
body.dark-mode #footer a:hover {
color: var(--theme-text-primary);
}

/* ========================================
   Comments
   ======================================== */

body.fc-dark-mode .comment-list li,
body.fc-dark-mode .comment-body,
body.hd-dark-mode .comment-list li,
body.hd-dark-mode .comment-body,
body.dark-mode .comment-list li,
body.dark-mode .comment-body {
background-color: var(--theme-card-bg);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .comment-author,
body.fc-dark-mode .comment-meta,
body.hd-dark-mode .comment-author,
body.hd-dark-mode .comment-meta,
body.dark-mode .comment-author,
body.dark-mode .comment-meta {
color: var(--theme-text-muted);
}

body.fc-dark-mode .comment-content,
body.hd-dark-mode .comment-content,
body.dark-mode .comment-content {
color: var(--theme-text-primary);
}

body.fc-dark-mode .si-comments-shell,
body.hd-dark-mode .si-comments-shell,
body.dark-mode .si-comments-shell,
body.fc-dark-mode .si-comment-card,
body.hd-dark-mode .si-comment-card,
body.dark-mode .si-comment-card {
background: var(--theme-card-bg);
border-color: var(--theme-border-color);
color: var(--theme-text-primary);
}

body.fc-dark-mode .si-comments-shell__summary,
body.hd-dark-mode .si-comments-shell__summary,
body.dark-mode .si-comments-shell__summary,
body.fc-dark-mode .si-comment-card__content,
body.hd-dark-mode .si-comment-card__content,
body.dark-mode .si-comment-card__content,
body.fc-dark-mode .si-comments-form-note,
body.hd-dark-mode .si-comments-form-note,
body.dark-mode .si-comments-form-note {
color: var(--theme-text-muted);
}

body.fc-dark-mode .si-comments-closed,
body.hd-dark-mode .si-comments-closed,
body.dark-mode .si-comments-closed,
body.fc-dark-mode .si-comments-policy,
body.hd-dark-mode .si-comments-policy,
body.dark-mode .si-comments-policy {
background: rgba(15, 23, 42, 0.68);
border-color: var(--theme-border-color);
color: var(--theme-text-muted);
}

body.fc-dark-mode .si-comments-list .children::before,
body.hd-dark-mode .si-comments-list .children::before,
body.dark-mode .si-comments-list .children::before,
body.fc-dark-mode .si-comments-list .children > .si-comment-item::before,
body.hd-dark-mode .si-comments-list .children > .si-comment-item::before,
body.dark-mode .si-comments-list .children > .si-comment-item::before {
background: rgba(148, 163, 184, 0.32);
}

/* ========================================
   inf-block Dark Mode
   ======================================== */

body.fc-dark-mode .inf-block-info-card,
body.hd-dark-mode .inf-block-info-card,
body.dark-mode .inf-block-info-card {
background-color: var(--theme-card-bg);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .inf-block-info-card .title,
body.hd-dark-mode .inf-block-info-card .title,
body.dark-mode .inf-block-info-card .title {
color: var(--theme-text-primary);
}

body.fc-dark-mode .inf-block-info-card .author,
body.hd-dark-mode .inf-block-info-card .author,
body.dark-mode .inf-block-info-card .author {
color: var(--theme-text-muted);
}

/* ========================================
   rwd-table-block Dark Mode
   ======================================== */

body.fc-dark-mode .rwd-table,
body.fc-dark-mode .rwd-table-block,
body.hd-dark-mode .rwd-table,
body.hd-dark-mode .rwd-table-block,
body.dark-mode .rwd-table,
body.dark-mode .rwd-table-block {
background-color: var(--theme-card-bg);
color: var(--theme-text-primary);
}

body.fc-dark-mode .rwd-table th,
body.fc-dark-mode .rwd-table-block th,
body.hd-dark-mode .rwd-table th,
body.hd-dark-mode .rwd-table-block th,
body.dark-mode .rwd-table th,
body.dark-mode .rwd-table-block th {
background-color: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .rwd-table td,
body.fc-dark-mode .rwd-table-block td,
body.hd-dark-mode .rwd-table td,
body.hd-dark-mode .rwd-table-block td,
body.dark-mode .rwd-table td,
body.dark-mode .rwd-table-block td {
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .rwd-table tr:nth-child(even),
body.fc-dark-mode .rwd-table-block tr:nth-child(even),
body.hd-dark-mode .rwd-table tr:nth-child(even),
body.hd-dark-mode .rwd-table-block tr:nth-child(even),
body.dark-mode .rwd-table tr:nth-child(even),
body.dark-mode .rwd-table-block tr:nth-child(even) {
background-color: var(--theme-bg-secondary);
}

/* ========================================
   Scroll to Top Button
   ======================================== */

body.fc-dark-mode .scroll-top,
body.fc-dark-mode #scrollToTop,
body.hd-dark-mode .scroll-top,
body.hd-dark-mode #scrollToTop,
body.dark-mode .scroll-top,
body.dark-mode #scrollToTop {
background-color: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
border-color: var(--theme-border-color);
}

/* ========================================
   Smooth Transition
   ======================================== */

body.fc-dark-mode-transition,
body.fc-dark-mode-transition *,
body.hd-dark-mode-transition,
body.hd-dark-mode-transition * {
transition: background-color 0.3s ease, 
color 0.3s ease, 
border-color 0.3s ease, 
box-shadow 0.3s ease !important;
}

/* ========================================
   Components CSS Coverage - Buttons
   ======================================== */

body.fc-dark-mode .more-button,
body.hd-dark-mode .more-button,
body.dark-mode .more-button {
background-color: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

body.fc-dark-mode .popular-buttons a,
body.hd-dark-mode .popular-buttons a,
body.dark-mode .popular-buttons a {
background-color: var(--theme-bg-secondary);
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .popular-buttons a:hover,
body.fc-dark-mode .popular-buttons a.active,
body.hd-dark-mode .popular-buttons a:hover,
body.hd-dark-mode .popular-buttons a.active,
body.dark-mode .popular-buttons a:hover,
body.dark-mode .popular-buttons a.active {
background-color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
}

body.fc-dark-mode .button020 a,
body.hd-dark-mode .button020 a,
body.dark-mode .button020 a {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .button020 a:hover,
body.hd-dark-mode .button020 a:hover,
body.dark-mode .button020 a:hover {
background-color: var(--theme-bg-secondary);
}

/* ========================================
   Components CSS Coverage - Pagination
   ======================================== */

body.fc-dark-mode .pagination-container,
body.hd-dark-mode .pagination-container,
body.dark-mode .pagination-container {
background: var(--theme-bg-secondary);
}

body.fc-dark-mode .page-item,
body.hd-dark-mode .page-item,
body.dark-mode .page-item {
background: var(--theme-bg-tertiary);
}

body.fc-dark-mode .page-link,
body.hd-dark-mode .page-link,
body.dark-mode .page-link {
background-color: var(--theme-card-bg);
border-color: var(--theme-border-color);
color: var(--theme-text-primary);
}

body.fc-dark-mode .page-link:hover,
body.hd-dark-mode .page-link:hover,
body.dark-mode .page-link:hover {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .page-item.active .page-link,
body.hd-dark-mode .page-item.active .page-link,
body.dark-mode .page-item.active .page-link {
background-color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
}

body.fc-dark-mode .page-item.disabled .page-link,
body.hd-dark-mode .page-item.disabled .page-link,
body.dark-mode .page-item.disabled .page-link {
background-color: var(--theme-bg-primary);
color: var(--theme-text-muted);
}

body.fc-dark-mode .listing-pagination .page-link,
body.hd-dark-mode .listing-pagination .page-link,
body.dark-mode .listing-pagination .page-link {
background-color: var(--listing-pagination-link-bg);
border-color: var(--listing-pagination-link-border);
color: var(--listing-pagination-link-color);
}

body.fc-dark-mode .listing-pagination .page-link:hover,
body.hd-dark-mode .listing-pagination .page-link:hover,
body.dark-mode .listing-pagination .page-link:hover,
body.fc-dark-mode .listing-pagination .page-link:focus-visible,
body.hd-dark-mode .listing-pagination .page-link:focus-visible,
body.dark-mode .listing-pagination .page-link:focus-visible {
background-color: var(--listing-pagination-link-hover-bg);
color: var(--listing-pagination-link-hover-color);
}

body.fc-dark-mode .listing-pagination .page-item.active .page-link,
body.hd-dark-mode .listing-pagination .page-item.active .page-link,
body.dark-mode .listing-pagination .page-item.active .page-link {
background-color: var(--listing-pagination-active-bg);
border-color: var(--listing-pagination-active-border);
color: var(--listing-pagination-active-color);
}

body.fc-dark-mode .listing-pagination .page-item.disabled .page-link,
body.hd-dark-mode .listing-pagination .page-item.disabled .page-link,
body.dark-mode .listing-pagination .page-item.disabled .page-link {
background-color: transparent;
border-color: transparent;
color: var(--listing-pagination-muted-color);
}

body.fc-dark-mode .listing-pagination-style-outline .page-link,
body.hd-dark-mode .listing-pagination-style-outline .page-link,
body.dark-mode .listing-pagination-style-outline .page-link,
body.fc-dark-mode .listing-pagination-style-minimal .page-link,
body.hd-dark-mode .listing-pagination-style-minimal .page-link,
body.dark-mode .listing-pagination-style-minimal .page-link {
background-color: transparent;
}

/* ========================================
   Components CSS Coverage - Breadcrumbs
   ======================================== */

body.fc-dark-mode #breadcrumb,
body.hd-dark-mode #breadcrumb,
body.dark-mode #breadcrumb {
background-color: var(--theme-bg-secondary);
}

body.fc-dark-mode .breadcrumb,
body.hd-dark-mode .breadcrumb,
body.dark-mode .breadcrumb {
color: var(--theme-text-secondary);
}

body.fc-dark-mode .breadcrumb li,
body.hd-dark-mode .breadcrumb li,
body.dark-mode .breadcrumb li {
text-shadow: none;
}

body.fc-dark-mode .breadcrumb a,
body.hd-dark-mode .breadcrumb a,
body.dark-mode .breadcrumb a {
color: var(--theme-text-secondary);
}

body.fc-dark-mode .breadcrumb a:hover,
body.hd-dark-mode .breadcrumb a:hover,
body.dark-mode .breadcrumb a:hover {
color: var(--theme-primary-color);
}

body.fc-dark-mode .breadcrumb .divider,
body.fc-dark-mode .breadcrumb .breadcrumb-separator,
body.hd-dark-mode .breadcrumb .divider,
body.hd-dark-mode .breadcrumb .breadcrumb-separator,
body.dark-mode .breadcrumb .divider,
body.dark-mode .breadcrumb .breadcrumb-separator {
color: var(--theme-text-muted);
}

body.fc-dark-mode .breadcrumb .breadcrumb-item a,
body.hd-dark-mode .breadcrumb .breadcrumb-item a,
body.dark-mode .breadcrumb .breadcrumb-item a {
color: var(--theme-primary-color);
}

/* ========================================
   Components CSS Coverage - Tabs
   ======================================== */

body.fc-dark-mode .tab-wrap,
body.hd-dark-mode .tab-wrap,
body.dark-mode .tab-wrap {
border-color: var(--theme-border-color);
}

body.fc-dark-mode .tab,
body.hd-dark-mode .tab,
body.dark-mode .tab {
background-color: var(--theme-bg-secondary);
color: var(--theme-text-secondary);
border-color: var(--theme-border-color);
}

body.fc-dark-mode .tab:hover,
body.hd-dark-mode .tab:hover,
body.dark-mode .tab:hover {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .tab.is-active,
body.hd-dark-mode .tab.is-active,
body.dark-mode .tab.is-active {
background-color: var(--theme-primary-color);
color: #fff;
}

body.fc-dark-mode .panel,
body.hd-dark-mode .panel,
body.dark-mode .panel {
background-color: var(--theme-bg-primary);
color: var(--theme-text-primary);
}

/* ========================================
   Components CSS Coverage - Tables
   ======================================== */

body.fc-dark-mode .wp-block-table th,
body.hd-dark-mode .wp-block-table th,
body.dark-mode .wp-block-table th {
background-color: var(--theme-bg-tertiary);
}

/* ========================================
   Components CSS Coverage - No Results
   ======================================== */

body.fc-dark-mode .no-results,
body.hd-dark-mode .no-results,
body.dark-mode .no-results {
color: var(--theme-text-secondary);
}

/* ========================================
   Page Single CSS Coverage
   ======================================== */

/* --- Post Meta --- */
body.fc-dark-mode .si-single-top,
body.hd-dark-mode .si-single-top,
body.dark-mode .si-single-top {
border-left-color: var(--theme-primary-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .si-single-top .byline > i,
body.hd-dark-mode .si-single-top .byline > i,
body.dark-mode .si-single-top .byline > i {
color: var(--theme-text-muted);
}

body.fc-dark-mode .si-single-top .byline a,
body.hd-dark-mode .si-single-top .byline a,
body.dark-mode .si-single-top .byline a {
color: var(--theme-link-color);
}

/* --- Post Content --- */
body.fc-dark-mode #si-single-content strong,
body.hd-dark-mode #si-single-content strong,
body.dark-mode #si-single-content strong {
color: var(--theme-text-primary);
}

body.fc-dark-mode #si-single-content img,
body.hd-dark-mode #si-single-content img,
body.dark-mode #si-single-content img {
border-color: var(--theme-border-color);
}

body.fc-dark-mode #si-single-content a,
body.hd-dark-mode #si-single-content a,
body.dark-mode #si-single-content a {
color: var(--theme-link-color);
}

body.fc-dark-mode #si-single-content li,
body.hd-dark-mode #si-single-content li,
body.dark-mode #si-single-content li {
color: var(--theme-text-secondary);
}

body.fc-dark-mode #si-single-content h2,
body.hd-dark-mode #si-single-content h2,
body.dark-mode #si-single-content h2 {
background: var(--theme-bg-tertiary);
color: var(--theme-text-primary);
}

/* --- Featured Image --- */
body.fc-dark-mode #arcs-single-filter.crop-4-3,
body.fc-dark-mode #arcs-single-filter.crop-16-9,
body.hd-dark-mode #arcs-single-filter.crop-4-3,
body.hd-dark-mode #arcs-single-filter.crop-16-9,
body.dark-mode #arcs-single-filter.crop-4-3,
body.dark-mode #arcs-single-filter.crop-16-9 {
background: var(--theme-bg-secondary);
}

body.fc-dark-mode #arcs-single-filter > figure,
body.hd-dark-mode #arcs-single-filter > figure,
body.dark-mode #arcs-single-filter > figure {
background: var(--theme-bg-tertiary);
}

body.fc-dark-mode #postshow-a .full-full,
body.hd-dark-mode #postshow-a .full-full,
body.dark-mode #postshow-a .full-full {
background-color: var(--theme-bg-secondary);
}

/* --- Tag Links --- */
body.fc-dark-mode .arcs-meta-t2-1 a,
body.hd-dark-mode .arcs-meta-t2-1 a,
body.dark-mode .arcs-meta-t2-1 a {
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
background-color: var(--theme-bg-secondary);
}

body.fc-dark-mode .arcs-meta-t2-1 a:hover,
body.hd-dark-mode .arcs-meta-t2-1 a:hover,
body.dark-mode .arcs-meta-t2-1 a:hover {
background-color: var(--theme-bg-tertiary);
border-color: var(--theme-primary-color);
color: var(--theme-primary-color);
}

/* --- Meta Box --- */
body.fc-dark-mode .si_meta-t1-1,
body.hd-dark-mode .si_meta-t1-1,
body.dark-mode .si_meta-t1-1 {
background-color: var(--theme-primary-color-dark, #c84858);
}

body.fc-dark-mode .si_meta-t1-1::before,
body.hd-dark-mode .si_meta-t1-1::before,
body.dark-mode .si_meta-t1-1::before {
border-top-color: var(--theme-primary-color-dark, #c84858);
}

/* --- Author Box --- */
body.fc-dark-mode #article-author,
body.hd-dark-mode #article-author,
body.dark-mode #article-author {
border-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .author-text,
body.hd-dark-mode .author-text,
body.dark-mode .author-text {
background: var(--theme-card-bg);
color: var(--theme-text-primary);
}

body.fc-dark-mode .author-social,
body.hd-dark-mode .author-social,
body.dark-mode .author-social {
color: var(--theme-text-secondary);
}

body.fc-dark-mode .author-name,
body.hd-dark-mode .author-name,
body.dark-mode .author-name {
color: var(--theme-text-primary);
}

/* ========================================
   Page Home CSS Coverage
   ======================================== */

/* --- Popular Section --- */
body.fc-dark-mode .popular-item,
body.hd-dark-mode .popular-item,
body.dark-mode .popular-item {
background-color: var(--theme-card-bg);
}

body.fc-dark-mode .popular-item:hover,
body.hd-dark-mode .popular-item:hover,
body.dark-mode .popular-item:hover {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .popular-item-title,
body.hd-dark-mode .popular-item-title,
body.dark-mode .popular-item-title {
color: var(--theme-text-primary);
}

body.fc-dark-mode .no-popular-items,
body.hd-dark-mode .no-popular-items,
body.dark-mode .no-popular-items {
color: var(--theme-text-muted);
}

/* --- Latest Section --- */
body.fc-dark-mode .latest-section,
body.hd-dark-mode .latest-section,
body.dark-mode .latest-section {
background: var(--theme-card-bg);
}

/* --- Category Items --- */
body.fc-dark-mode .category-item,
body.hd-dark-mode .category-item,
body.dark-mode .category-item {
background-color: var(--theme-card-bg);
}

body.fc-dark-mode .category-title,
body.hd-dark-mode .category-title,
body.dark-mode .category-title {
color: var(--theme-text-primary);
}

/* --- Tabs Section --- */
body.fc-dark-mode .tabs-section,
body.hd-dark-mode .tabs-section,
body.dark-mode .tabs-section {
background: var(--theme-card-bg);
}

body.fc-dark-mode .tabs-header-container,
body.hd-dark-mode .tabs-header-container,
body.dark-mode .tabs-header-container {
background: var(--theme-bg-secondary);
border-bottom-color: var(--theme-border-color);
}

body.fc-dark-mode .tab-btn,
body.hd-dark-mode .tab-btn,
body.dark-mode .tab-btn {
background: var(--theme-bg-tertiary);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .tab-btn:hover,
body.hd-dark-mode .tab-btn:hover,
body.dark-mode .tab-btn:hover {
background: var(--theme-bg-secondary);
}

body.fc-dark-mode .tab-btn.active,
body.hd-dark-mode .tab-btn.active,
body.dark-mode .tab-btn.active {
background-color: var(--theme-primary-color);
color: #fff;
}

/* --- Scroll Buttons --- */
body.fc-dark-mode .scroll-btn,
body.hd-dark-mode .scroll-btn,
body.dark-mode .scroll-btn {
background: var(--theme-card-bg);
border-color: var(--theme-border-color);
color: var(--theme-text-secondary);
}

body.fc-dark-mode .scroll-btn:hover,
body.hd-dark-mode .scroll-btn:hover,
body.dark-mode .scroll-btn:hover {
background: var(--theme-primary-color);
color: #fff;
}

/* --- Design Image Elements --- */
body.fc-dark-mode .design-image-featured .featured-image,
body.hd-dark-mode .design-image-featured .featured-image,
body.dark-mode .design-image-featured .featured-image {
background-color: var(--theme-bg-tertiary);
}

body.fc-dark-mode .design-image-list .homepage-list-item,
body.hd-dark-mode .design-image-list .homepage-list-item,
body.dark-mode .design-image-list .homepage-list-item {
border-bottom-color: var(--theme-border-color);
}

body.fc-dark-mode .design-image-list .homepage-list-item:hover,
body.hd-dark-mode .design-image-list .homepage-list-item:hover,
body.dark-mode .design-image-list .homepage-list-item:hover {
background-color: var(--theme-bg-secondary);
}

body.fc-dark-mode .design-image-list .homepage-list-item a,
body.fc-dark-mode .design-image-list .homepage-list-item .list-item-link,
body.hd-dark-mode .design-image-list .homepage-list-item a,
body.hd-dark-mode .design-image-list .homepage-list-item .list-item-link,
body.dark-mode .design-image-list .homepage-list-item a,
body.dark-mode .design-image-list .homepage-list-item .list-item-link {
color: var(--theme-text-primary);
}

body.fc-dark-mode .design-image-list .homepage-list-item .list-item-thumbnail,
body.hd-dark-mode .design-image-list .homepage-list-item .list-item-thumbnail,
body.dark-mode .design-image-list .homepage-list-item .list-item-thumbnail {
background-color: var(--theme-bg-tertiary);
}

/* ========================================
   Page Archive CSS Coverage
   ======================================== */

/* --- Horizontal Category Menu --- */
body.fc-dark-mode .listing-term-nav,
body.hd-dark-mode .listing-term-nav,
body.dark-mode .listing-term-nav {
--listing-term-nav-bg: linear-gradient(135deg, rgba(23, 28, 39, 0.96), rgba(13, 17, 26, 0.94));
--listing-term-nav-border: rgba(255, 255, 255, 0.08);
--listing-term-nav-text: var(--theme-text-primary);
--listing-term-nav-muted: var(--theme-text-secondary);
--listing-term-nav-chip-bg: rgba(255, 255, 255, 0.06);
--listing-term-nav-chip-border: rgba(255, 255, 255, 0.1);
--listing-term-nav-chip-hover: var(--theme-primary-color);
background: var(--listing-term-nav-bg);
border-color: var(--listing-term-nav-border);
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
}

body.fc-dark-mode .listing-term-nav__link,
body.hd-dark-mode .listing-term-nav__link,
body.dark-mode .listing-term-nav__link {
background-color: var(--listing-term-nav-chip-bg);
border-color: var(--listing-term-nav-chip-border);
color: var(--listing-term-nav-text);
}

body.fc-dark-mode .listing-term-nav__link:hover,
body.fc-dark-mode .listing-term-nav__link:focus-visible,
body.hd-dark-mode .listing-term-nav__link:hover,
body.hd-dark-mode .listing-term-nav__link:focus-visible,
body.dark-mode .listing-term-nav__link:hover,
body.dark-mode .listing-term-nav__link:focus-visible {
background-color: var(--listing-term-nav-chip-hover);
border-color: var(--listing-term-nav-chip-hover);
color: #fff;
}

body.fc-dark-mode .listing-term-nav__link.active,
body.fc-dark-mode .listing-term-nav__link[aria-current="page"],
body.hd-dark-mode .listing-term-nav__link.active,
body.hd-dark-mode .listing-term-nav__link[aria-current="page"],
body.dark-mode .listing-term-nav__link.active,
body.dark-mode .listing-term-nav__link[aria-current="page"] {
background-color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
}