/* ============================================================
   升發企業行 / 升揚鋼索有限公司 — Astra 完整樣式
   ============================================================ */

:root {
  --rs-navy:     #0D1F3C;
  --rs-navy-mid: #1A3560;
  --rs-steel:    #2E5FA3;
  --rs-accent:   #E8A020;
  --rs-silver:   #C4D4E8;
  --rs-white:    #FFFFFF;
  --rs-cream:    #F4F6FA;
  --rs-border:   #D0DCF0;
}

/* 頁首背景 */
.ast-primary-header-bar.ast-primary-header-bar,
.main-header-bar.main-header-bar,
#masthead, .site-header {
  background-color: #0D1F3C !important;
  border-bottom: none !important;
  box-shadow: 0 2px 16px rgba(13,31,60,0.4) !important;
}

/* 網站名稱 */
.site-title a, .ast-site-title-wrap a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 副標題 */
.site-description {
  color: #C4D4E8 !important;
  font-size: 11px !important;
}

/* 選單連結 */
.ast-primary-header-bar .main-navigation ul li a,
.main-header-bar .main-navigation ul li a,
.ast-nav-menu > li > a,
header .main-navigation ul.menu > li > a {
  color: #C4D4E8 !important;
  font-weight: 500 !important;
  transition: color 0.2s !important;
}

/* 選單 hover */
.ast-primary-header-bar .main-navigation ul li a:hover,
.ast-nav-menu > li > a:hover,
header .main-navigation ul.menu > li > a:hover {
  color: #ffffff !important;
}

/* 目前頁面選單 */
.main-navigation ul li.current-menu-item > a,
.ast-nav-menu li.current-menu-item > a {
  color: #E8A020 !important;
}

/* 子選單 */
.main-navigation ul.sub-menu,
.ast-nav-menu ul.sub-menu {
  background-color: #1A3560 !important;
  border-top: 2px solid #E8A020 !important;
}

.main-navigation ul.sub-menu li a,
.ast-nav-menu ul.sub-menu li a {
  color: #C4D4E8 !important;
}

.main-navigation ul.sub-menu li a:hover,
.ast-nav-menu ul.sub-menu li a:hover {
  color: #E8A020 !important;
  background-color: rgba(255,255,255,0.06) !important;
}

/* 頁面背景 */
body, #page {
  background-color: #F4F6FA !important;
}

/* 文章標題 */
.entry-title a, h1.entry-title, h2.entry-title a {
  color: #0D1F3C !important;
  font-weight: 700 !important;
}

.entry-title a:hover {
  color: #2E5FA3 !important;
}

/* 文章元資訊 */
.ast-post-meta, .entry-meta, .posted-on, .cat-links {
  color: #2E5FA3 !important;
  font-size: 12px !important;
}

/* Widget 標題 */
.widget-title, .widgettitle {
  color: #0D1F3C !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #E8A020 !important;
  margin-bottom: 12px !important;
}

/* 頁尾背景 */
#colophon, .site-footer,
.ast-small-footer, footer.site-footer {
  background-color: #0D1F3C !important;
  border-top: 3px solid #E8A020 !important;
  padding-top: 40px !important;
}

/* 頁尾文字 */
#colophon, #colophon p, #colophon span,
#colophon li, #colophon address,
.site-footer, .site-footer p, .site-footer span,
.ast-small-footer, .ast-small-footer p {
  color: #C4D4E8 !important;
  font-size: 13.5px !important;
  line-height: 1.9 !important;
}

/* 頁尾標題 */
#colophon .widget-title, #colophon .widgettitle,
.site-footer .widget-title {
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}

/* 頁尾連結 */
#colophon a, .site-footer a, .ast-small-footer a {
  color: #C4D4E8 !important;
  text-decoration: none !important;
}

#colophon a:hover, .site-footer a:hover {
  color: #E8A020 !important;
}

/* 版權列 */
.ast-small-footer,
.ast-small-footer .ast-footer-copyright,
.site-info, #colophon .site-info {
  background-color: rgba(0,0,0,0.3) !important;
  color: #8FA8C8 !important;
  font-size: 12px !important;
  padding: 14px 20px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  text-align: center !important;
}

.ast-small-footer a, .site-info a {
  color: #E8A020 !important;
  font-weight: 600 !important;
}

/* 手機版選單 */
@media (max-width: 921px) {
  .main-navigation ul,
  .ast-mobile-menu-container ul {
    background-color: #1A3560 !important;
  }

  .main-navigation ul li a {
    color: #C4D4E8 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }

  button.menu-toggle {
    color: #ffffff !important;
    background-color: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
  }
}

/* ===========================
   產品頁面 - 統一圖片大小
   =========================== */

/* 所有產品圖片的基本設定 */
.sow-image-container {
  overflow: hidden;
}

/* 鋼索 row (panel 1) - 4 images, landscape */
#pg-gb66-6a06e38257b5a-1 .sow-image-container {
  height: 200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-1 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* 鋼索配件 row (panel 3) - 6 images, mixed orientations */
#pg-gb66-6a06e38257b5a-3 .sow-image-container {
  height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-3 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* GREEN PIN 卸克 row (panel 5) - 4 images */
#pg-gb66-6a06e38257b5a-5 .sow-image-container {
  height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-5 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* 日規卸克 JIS row (panel 7) - 2 images */
#pg-gb66-6a06e38257b5a-7 .sow-image-container {
  height: 380px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-7 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* ASANO METAL row (panel 9) - 5 images */
#pg-gb66-6a06e38257b5a-9 .sow-image-container {
  height: 400px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-9 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* BOSS NORWAY row (panel 11) - 5 images */
#pg-gb66-6a06e38257b5a-11 .sow-image-container {
  height: 400px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-11 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* 繩索 rows (panels 13 & 14) - landscape rope images */
#pg-gb66-6a06e38257b5a-13 .sow-image-container,
#pg-gb66-6a06e38257b5a-14 .sow-image-container {
  height: 150px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-13 .sow-image-container img,
#pg-gb66-6a06e38257b5a-14 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* 鋼板滑車 row (panel 16) - 4 images */
#pg-gb66-6a06e38257b5a-16 .sow-image-container {
  height: 400px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#pg-gb66-6a06e38257b5a-16 .sow-image-container img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* ================================================
   文章頁面風格 - 與首頁風格一致
   Article Page Styling - Consistent with Homepage
   ================================================ */

/* 文章頁面主背景 */
.single-post body,
.single-post #page,
body.single-post {
  background-color: #0D1F3C !important;
}

/* 文章內容區域 */
.single-post #primary,
.single-post .content-area,
.single-post #main,
.single-post .site-main {
  background-color: transparent !important;
}

/* 文章卡片樣式 */
.single-post article.post,
.single-post .ast-article-single {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3) !important;
  padding: 2.5em 3em !important;
  color: #C4D4E8 !important;
  max-width: 900px !important;
  margin: 2em auto !important;
}

/* 文章標題 */
.single-post .entry-title,
.single-post h1.entry-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 2em !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 0.5em !important;
  text-transform: uppercase !important;
  border-bottom: 3px solid #E8A020 !important;
  padding-bottom: 0.4em !important;
}

/* 文章 meta 資訊 */
.single-post .entry-meta,
.single-post .posted-on,
.single-post .posted-by,
.single-post .cat-links {
  color: #C4D4E8 !important;
  font-size: 13px !important;
  opacity: 0.7;
}

.single-post .entry-meta a {
  color: #E8A020 !important;
}

/* 文章正文 */
.single-post .entry-content {
  color: #C4D4E8 !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

.single-post .entry-content p {
  color: #C4D4E8 !important;
}

/* 文章內標題 */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  margin-top: 1.5em !important;
}

/* 文章內連結 */
.single-post .entry-content a {
  color: #E8A020 !important;
  text-decoration: none !important;
}

.single-post .entry-content a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

/* 圖片樣式 */
.single-post .entry-content img {
  border-radius: 6px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

/* 頁面標題區背景（在文章 title 上方） */
.single-post .entry-header {
  padding-bottom: 1em !important;
}

/* 文章頁面的麵包屑 */
.single-post .ast-breadcrumbs-wrapper,
.single-post .breadcrumbs {
  background-color: rgba(13, 31, 60, 0.8) !important;
  padding: 8px 20px !important;
}

.single-post .ast-breadcrumbs-wrapper a,
.single-post .breadcrumbs a {
  color: #E8A020 !important;
}

.single-post .ast-breadcrumbs-wrapper span,
.single-post .breadcrumbs span {
  color: #C4D4E8 !important;
}

/* 相關文章 / 前後文章導航 */
.single-post .ast-adjacent-posts,
.single-post .post-navigation,
.single-post .nav-links {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  padding: 1em 1.5em !important;
}

.single-post .post-navigation a,
.single-post .nav-links a {
  color: #E8A020 !important;
}

/* Tags / Categories */
.single-post .tags-links a,
.single-post .cat-links a {
  background-color: #2E5FA3 !important;
  color: #FFFFFF !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.single-post .tags-links a:hover,
.single-post .cat-links a:hover {
  background-color: #E8A020 !important;
}

/* 評論區域 */
.single-post #comments,
.single-post .comments-area {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  padding: 2em !important;
  color: #C4D4E8 !important;
  max-width: 900px !important;
  margin: 1em auto !important;
}

.single-post .comment-reply-title,
.single-post #reply-title {
  color: #FFFFFF !important;
}

/* 文章頁面的 SiteOrigin Panels 區塊 */
.single-post .panel-layout,
.single-post .panel-grid {
  color: #C4D4E8 !important;
}

/* 表格樣式 */
.single-post .entry-content table {
  border-collapse: collapse !important;
  width: 100% !important;
}

.single-post .entry-content table th {
  background-color: #0D1F3C !important;
  color: #E8A020 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(196, 212, 232, 0.2) !important;
}

.single-post .entry-content table td {
  background-color: rgba(13, 31, 60, 0.5) !important;
  color: #C4D4E8 !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
}

.single-post .entry-content table tr:hover td {
  background-color: rgba(46, 95, 163, 0.3) !important;
}

/* 分享按鈕區域 */
.single-post #jp-post-flair,
.single-post .sharedaddy {
  border-top: 1px solid rgba(196, 212, 232, 0.15) !important;
  padding-top: 1em !important;
  margin-top: 1em !important;
}

/* Post 頁面的頁面寬度 - 更寬以使用更多空間 */
.single-post .ast-container {
  max-width: 1200px !important;
}

/* 文章底部的 Categories/Tags 標籤 */
.single-post .post-categories,
.single-post .ast-post-category {
  color: #C4D4E8 !important;
}

/* ================================================
   全站頁面風格統一 - 所有非首頁頁面
   Global Page Styling - All Non-Homepage Pages
   ================================================ */

/* ------
   全域：所有非首頁、非文章的頁面背景（page, archive, search, 404 等）
   ------ */
body:not(.home):not(.single-post),
body.page:not(.home),
body.archive,
body.search,
body.error404,
body.blog,
body.author {
  background-color: #0D1F3C !important;
  color: #C4D4E8 !important;
}

/* ------
   一般頁面（About Us, Products, Contact, 聯絡 等）- .page class
   ------ */

/* 頁面標題區（page title banner） */
body.page:not(.home) .ast-archive-description,
body.page:not(.home) .page-header,
body.page:not(.home) .entry-header.ast-no-thumbnail {
  background-color: #1A3560 !important;
  border-bottom: 2px solid #E8A020 !important;
  padding: 1.5em 2em !important;
  margin-bottom: 0 !important;
}

body.page:not(.home) .entry-title,
body.page:not(.home) h1.entry-title,
body.page:not(.home) .page-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* 頁面主要內容 */
body.page:not(.home) #primary,
body.page:not(.home) .content-area,
body.page:not(.home) #main {
  background-color: transparent !important;
}

body.page:not(.home) article.page,
body.page:not(.home) .ast-article-single {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.3) !important;
  padding: 2.5em 3em !important;
  color: #C4D4E8 !important;
}

/* 頁面內文 */
body.page:not(.home) .entry-content,
body.page:not(.home) .entry-content p {
  color: #C4D4E8 !important;
  line-height: 1.8 !important;
}

body.page:not(.home) .entry-content h2,
body.page:not(.home) .entry-content h3,
body.page:not(.home) .entry-content h4 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body.page:not(.home) .entry-content a {
  color: #E8A020 !important;
}

body.page:not(.home) .entry-content a:hover {
  color: #FFFFFF !important;
}

/* 頁面清單 li */
body.page:not(.home) .entry-content ul li,
body.page:not(.home) .entry-content ol li {
  color: #C4D4E8 !important;
}

/* 聯絡表單欄位樣式 */
body.page:not(.home) .entry-content input[type="text"],
body.page:not(.home) .entry-content input[type="email"],
body.page:not(.home) .entry-content input[type="tel"],
body.page:not(.home) .entry-content textarea,
body.page:not(.home) .entry-content select,
body.page:not(.home) .contact-form input,
body.page:not(.home) .contact-form textarea {
  background-color: rgba(13, 31, 60, 0.7) !important;
  border: 1px solid rgba(196, 212, 232, 0.3) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
}

body.page:not(.home) .entry-content input[type="text"]::placeholder,
body.page:not(.home) .entry-content input[type="email"]::placeholder,
body.page:not(.home) .entry-content textarea::placeholder {
  color: rgba(196, 212, 232, 0.5) !important;
}

body.page:not(.home) .entry-content input[type="text"]:focus,
body.page:not(.home) .entry-content input[type="email"]:focus,
body.page:not(.home) .entry-content textarea:focus {
  border-color: #E8A020 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(232, 160, 32, 0.2) !important;
}

/* 表單 label */
body.page:not(.home) .entry-content label,
body.page:not(.home) .contact-form label {
  color: #C4D4E8 !important;
  font-weight: 500 !important;
}

/* 送出按鈕 */
body.page:not(.home) .entry-content input[type="submit"],
body.page:not(.home) .entry-content button[type="submit"],
body.page:not(.home) .contact-form input[type="submit"] {
  background-color: #E8A020 !important;
  color: #0D1F3C !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 28px !important;
  cursor: pointer !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

body.page:not(.home) .entry-content input[type="submit"]:hover {
  background-color: #FFFFFF !important;
}

/* Products 頁面的 SiteOrigin 卡片 */
body.page:not(.home) .so-widget-sow-image,
body.page:not(.home) .panel-widget-style,
body.page:not(.home) .sow-image-container {
  border-radius: 6px !important;
  overflow: hidden !important;
}

/* Products 頁面標題文字 */
body.page:not(.home) .so-widget-sow-editor,
body.page:not(.home) .sow-headline {
  color: #C4D4E8 !important;
}

/* Products 頁面 h2 section headings (鋼索, 鋼索配件, etc.) */
body.page:not(.home) .entry-content h2,
body.page.page-id-66 .entry-content h2 {
  color: #E8A020 !important;
  border-bottom: 1px solid rgba(232, 160, 32, 0.3) !important;
  padding-bottom: 0.4em !important;
}

/* ------
   分類頁面（Category archive）
   ------ */
body.archive {
  background-color: #0D1F3C !important;
}

/* 分類頁面標題橫幅 */
body.archive .archive-header,
body.archive .ast-archive-description,
body.archive .page-header {
  background-color: #1A3560 !important;
  border-bottom: 2px solid #E8A020 !important;
  padding: 1.5em 2em !important;
  border-radius: 8px 8px 0 0 !important;
  margin-bottom: 1.5em !important;
}

body.archive .archive-title,
body.archive .page-title,
body.archive .ast-archive-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

body.archive .archive-description,
body.archive .taxonomy-description {
  color: #C4D4E8 !important;
}

/* 分類頁面文章卡片 */
body.archive .ast-article-inner,
body.archive .post-card,
body.archive article.post,
body.archive article {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  overflow: hidden !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}

body.archive article:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

body.archive .entry-title a,
body.archive h2.entry-title a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body.archive .entry-title a:hover {
  color: #E8A020 !important;
}

body.archive .entry-meta,
body.archive .posted-on,
body.archive .posted-by,
body.archive .cat-links {
  color: rgba(196, 212, 232, 0.7) !important;
  font-size: 13px !important;
}

body.archive .entry-meta a {
  color: #E8A020 !important;
}

body.archive .entry-content,
body.archive .entry-summary,
body.archive .entry-content p {
  color: #C4D4E8 !important;
}

body.archive .read-more-container a,
body.archive .ast-read-more {
  background-color: #2E5FA3 !important;
  color: #FFFFFF !important;
  padding: 6px 16px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

body.archive .read-more-container a:hover {
  background-color: #E8A020 !important;
  color: #0D1F3C !important;
}

/* 分類名稱標籤 */
body.archive .cat-links a,
body.archive .ast-post-category-wrap a {
  background-color: #2E5FA3 !important;
  color: #FFFFFF !important;
  padding: 2px 10px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

/* 分頁導覽 */
body.archive .pagination,
body.archive .ast-pagination,
body.archive .page-links {
  text-align: center !important;
  margin: 2em 0 !important;
}

body.archive .pagination .page-numbers,
body.archive .ast-pagination a {
  background-color: #1A3560 !important;
  color: #C4D4E8 !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(196, 212, 232, 0.2) !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

body.archive .pagination .current,
body.archive .pagination .page-numbers:hover {
  background-color: #E8A020 !important;
  color: #0D1F3C !important;
  border-color: #E8A020 !important;
}

/* ------
   搜尋結果頁面
   ------ */
body.search {
  background-color: #0D1F3C !important;
}

body.search .search-header,
body.search .page-header {
  background-color: #1A3560 !important;
  border-bottom: 2px solid #E8A020 !important;
  padding: 1.5em 2em !important;
  border-radius: 8px !important;
  margin-bottom: 1.5em !important;
}

body.search .search-title,
body.search .page-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body.search .ast-search-summary {
  color: #C4D4E8 !important;
}

/* 搜尋結果卡片 */
body.search article.post,
body.search article.page,
body.search article {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  padding: 1.5em !important;
  margin-bottom: 1.5em !important;
}

body.search .entry-title a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body.search .entry-title a:hover {
  color: #E8A020 !important;
}

body.search .entry-content,
body.search .entry-summary {
  color: #C4D4E8 !important;
}

body.search .entry-meta {
  color: rgba(196, 212, 232, 0.7) !important;
}

/* 搜尋欄位 */
body.search .search-form input[type="search"],
body.search .ast-search-menu-icon input {
  background-color: rgba(13, 31, 60, 0.8) !important;
  border: 1px solid rgba(196, 212, 232, 0.3) !important;
  color: #FFFFFF !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
}

body.search .search-form input[type="submit"] {
  background-color: #E8A020 !important;
  color: #0D1F3C !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
}

/* ------
   部落格列表頁 (blog)
   ------ */
body.blog {
  background-color: #0D1F3C !important;
}

body.blog article.post {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

body.blog .entry-title a {
  color: #FFFFFF !important;
}

body.blog .entry-content {
  color: #C4D4E8 !important;
}

/* ------
   404 頁面
   ------ */
body.error404 {
  background-color: #0D1F3C !important;
}

body.error404 .error-404 {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
  padding: 3em !important;
  text-align: center !important;
}

body.error404 .error-404 .page-title {
  color: #E8A020 !important;
  font-size: 3em !important;
  font-weight: 700 !important;
}

body.error404 .error-404 p {
  color: #C4D4E8 !important;
}

/* ------
   作者頁面
   ------ */
body.author {
  background-color: #0D1F3C !important;
}

/* ------
   通用：所有非首頁的 page-title banner / hero
   ------ */
.ast-page-title-area,
.ast-page-title-wrap {
  background-color: #1A3560 !important;
  border-bottom: 2px solid #E8A020 !important;
}

.ast-page-title-area .ast-page-title,
.ast-page-title-wrap h1 {
  color: #FFFFFF !important;
}

/* ------
   全域的 site-content 容器（非首頁）
   ------ */
body:not(.home) .site-content,
body:not(.home) #content {
  background-color: transparent !important;
}

/* ------
   全域：一般 a 連結（非首頁、非文章頁面）
   ------ */
body:not(.home):not(.single-post) .entry-content a {
  color: #E8A020 !important;
}

/* ------
   Products 頁面的 SiteOrigin 圖片文字說明
   ------ */
body.page.page-id-66 .panel-layout p,
body.page.page-id-66 .panel-layout span,
body.page.page-id-66 .so-widget-sow-editor p {
  color: #C4D4E8 !important;
}

/* ------
   About Us 頁面（page-id-95）
   ------ */
body.page.page-id-95 .entry-content ul li,
body.page.page-id-95 .entry-content p {
  color: #C4D4E8 !important;
}

/* ------
   分隔線、水平線
   ------ */
body:not(.home):not(.single-post) hr {
  border-color: rgba(196, 212, 232, 0.2) !important;
}

/* ------
   一般表格（非文章頁面）
   ------ */
body:not(.home):not(.single-post) table {
  border-collapse: collapse !important;
  width: 100% !important;
}

body:not(.home):not(.single-post) table th {
  background-color: #0D1F3C !important;
  color: #E8A020 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(196, 212, 232, 0.2) !important;
}

body:not(.home):not(.single-post) table td {
  background-color: rgba(13, 31, 60, 0.5) !important;
  color: #C4D4E8 !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
}

/* ------
   修正：#page 容器背景色（所有非首頁）
   Fix: #page wrapper background for all non-homepage pages
   ------ */
body:not(.home) #page,
body:not(.home).page #page,
body.archive #page,
body.search #page,
body.error404 #page,
body.blog #page,
body.author #page {
  background-color: #0D1F3C !important;
}

/* 全局非首頁的外層 wrapper 背景 */
body:not(.home) .hfeed,
body:not(.home) .site {
  background-color: #0D1F3C !important;
}

/* 確保所有非首頁的 #content 和 .site-content 透明 */
body:not(.home) #content,
body:not(.home) .site-content {
  background-color: transparent !important;
}

/* 頁面內容區容器 ast-container（非首頁） */
body:not(.home):not(.single-post) .ast-container > .content-area,
body:not(.home):not(.single-post) .ast-container {
  background-color: transparent !important;
}

/* 分類頁面 - 確保無側邊欄時主容器全寬 */
body.archive .site-content,
body.search .site-content {
  background-color: transparent !important;
}

/* Products 頁面圖片卡片（SiteOrigin widget） */
body.page.page-id-66 .so-widget-sow-image img,
body.page.page-id-66 .sow-image-container img {
  border-radius: 6px !important;
}

/* SiteOrigin panels 背景透明（非首頁） */
body:not(.home) .panel-grid-cell,
body:not(.home) .siteorigin-widget-tinymce p {
  color: #C4D4E8 !important;
}

/* Products 頁面文字段落顏色 */
body.page.page-id-66 p,
body.page.page-id-66 span {
  color: #C4D4E8 !important;
}

/* About Us 頁面文字 */
body.page.page-id-95 p,
body.page.page-id-95 li {
  color: #C4D4E8 !important;
}

/* 聯絡頁面（contact page）*/
body.page .entry-content p,
body.page .entry-content li {
  color: #C4D4E8 !important;
}

/* ------
   修正：搜尋頁面的 ast-archive-description (separate container layout)
   Fix: Search page header in separate container
   ------ */
body.search .ast-archive-description,
body.search .search-header,
body.archive .ast-archive-description {
  background-color: #1A3560 !important;
  border-bottom: 2px solid #E8A020 !important;
  padding: 1.5em 2em !important;
}

body.search .ast-archive-title,
body.search .page-title,
body.archive .ast-archive-title {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 1.8em !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* 搜尋結果麵包屑 */
body.search .ast-breadcrumbs-wrapper,
body.archive .ast-breadcrumbs-wrapper,
body.page:not(.home) .ast-breadcrumbs-wrapper {
  background-color: rgba(13, 31, 60, 0.5) !important;
  padding: 8px 20px !important;
}

body.search .ast-breadcrumbs-wrapper a,
body.archive .ast-breadcrumbs-wrapper a,
body.page:not(.home) .ast-breadcrumbs-wrapper a {
  color: #E8A020 !important;
}

body.search .ast-breadcrumbs-wrapper span,
body.archive .ast-breadcrumbs-wrapper span,
body.page:not(.home) .ast-breadcrumbs-wrapper span {
  color: #C4D4E8 !important;
}

/* 分類 / 搜尋 - 文章卡片 blog-layout 樣式 */
body.search .ast-grid-right-image-article,
body.search .ast-grid-left-image-article,
body.search .ast-list-article,
body.search .ast-grid-blog-layout-element,
body.archive .ast-grid-right-image-article,
body.archive .ast-grid-left-image-article,
body.archive .ast-list-article,
body.archive .ast-grid-blog-layout-element {
  background-color: #1A3560 !important;
  border: 1px solid rgba(196, 212, 232, 0.15) !important;
  border-radius: 8px !important;
}

/* 文章卡片中的 category 標籤 */
body.search .ast-post-category-wrap span,
body.archive .ast-post-category-wrap span {
  background-color: #2E5FA3 !important;
  color: #FFFFFF !important;
  padding: 2px 10px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

/* 分類/搜尋頁面文章標題 */
body.search .ast-blog-single-element .entry-title a,
body.archive .ast-blog-single-element .entry-title a {
  color: #FFFFFF !important;
}

body.search .ast-blog-single-element .entry-title a:hover,
body.archive .ast-blog-single-element .entry-title a:hover {
  color: #E8A020 !important;
}

/* 分類/搜尋文章摘要 */
body.search .ast-blog-single-element .entry-content,
body.archive .ast-blog-single-element .entry-content {
  color: #C4D4E8 !important;
}

/* 分類/搜尋文章 meta */
body.search .ast-blog-single-element .entry-meta,
body.archive .ast-blog-single-element .entry-meta {
  color: rgba(196, 212, 232, 0.7) !important;
}

/* 閱讀更多按鈕 */
body.search .ast-read-more-container a,
body.archive .ast-read-more-container a {
  color: #E8A020 !important;
}

/* ------
   修正：文章卡片內部 .ast-article-inner 的背景色
   Fix: Inner article card element background for archive/search
   ------ */
body.archive .ast-article-inner,
body.search .ast-article-inner,
body.blog .ast-article-inner {
  background-color: #1A3560 !important;
  border-radius: 8px !important;
}

body.archive .ast-article-inner .entry-title a,
body.search .ast-article-inner .entry-title a,
body.blog .ast-article-inner .entry-title a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

body.archive .ast-article-inner .entry-title a:hover,
body.search .ast-article-inner .entry-title a:hover {
  color: #E8A020 !important;
}

body.archive .ast-article-inner .entry-content,
body.archive .ast-article-inner .entry-summary,
body.archive .ast-article-inner p,
body.search .ast-article-inner .entry-content,
body.search .ast-article-inner p {
  color: #C4D4E8 !important;
}

body.archive .ast-article-inner .entry-meta,
body.search .ast-article-inner .entry-meta,
body.archive .ast-article-inner .ast-blog-single-element,
body.search .ast-article-inner .ast-blog-single-element {
  color: rgba(196, 212, 232, 0.7) !important;
}

/* category labels inside cards */
body.archive .ast-article-inner .ast-post-categories-wrap a,
body.search .ast-article-inner .ast-post-categories-wrap a {
  background-color: #2E5FA3 !important;
  color: #FFFFFF !important;
  padding: 2px 10px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

/* 覆蓋所有搜尋/歸檔頁面的文章卡片白色背景 */
body.search article .ast-article-inner,
body.archive article .ast-article-inner,
body.search .ast-post-format-,
body.archive .ast-post-format-,
body.search .ast-no-thumb,
body.archive .ast-no-thumb {
  background-color: #1A3560 !important;
}

/* 全域覆蓋：所有非首頁的 ast-article-inner */
body:not(.home) .ast-article-inner {
  background-color: #1A3560 !important;
}

body:not(.home) .ast-article-inner .entry-title a {
  color: #FFFFFF !important;
}

body:not(.home) .ast-article-inner .entry-meta,
body:not(.home) .ast-article-inner .entry-meta a {
  color: rgba(196, 212, 232, 0.7) !important;
}

/* ================================================
   產品頁面分類標題 - 按鈕樣式
   Products Page Section Headings - Button Style
   ================================================ */

/* 移除預設超連結底線，改為按鈕外觀 */
.sow-headline-container h1 a,
.sow-headline-container h2 a,
.sow-headline-container h3 a,
.so-widget-sow-headline h1 a,
.so-widget-sow-headline h2 a,
.so-widget-sow-headline h3 a {
  display: inline-block !important;
  text-decoration: none !important;
  color: #E8A020 !important;
  background-color: transparent !important;
  border: 2px solid #E8A020 !important;
  border-radius: 6px !important;
  padding: 8px 32px !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 0 0 rgba(232, 160, 32, 0) !important;
  cursor: pointer !important;
}

/* Hover 效果：填滿金色背景，文字變深藍 */
.sow-headline-container h1 a:hover,
.sow-headline-container h2 a:hover,
.sow-headline-container h3 a:hover,
.so-widget-sow-headline h1 a:hover,
.so-widget-sow-headline h2 a:hover,
.so-widget-sow-headline h3 a:hover {
  background-color: #E8A020 !important;
  color: #0D1F3C !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(232, 160, 32, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* 確保 h1 本身不受 entry-content h2 金色規則影響 */
body.page.page-id-66 .so-widget-sow-headline h1 {
  color: inherit !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* ===========================
   產品頁面修正
   1. 鋼索按鈕與分割線重疊修正
   2. 鋼索配件最右側小圖修正
   =========================== */

/* 讓每個分類按鈕的所在 panel-grid 上方有間距，
   避免按鈕與上方分割線重疊 */
body.page-id-66 .panel-layout .panel-grid .sow-headline-container {
  padding-top: 20px !important;
}

/* 第一個 headline（緊接在標題正下方的鋼索）特別需要更多間距 */
body.page-id-66 .panel-layout .panel-grid:first-of-type .sow-headline-container {
  padding-top: 30px !important;
}

/* 確保 decoration 分割線不往上穿透按鈕 */
body.page-id-66 .sow-headline-container .decoration {
  margin-top: 15px !important;
}

/* 鋼索配件小圖修正：讓 sow-image 的圖片填滿欄位
   針對 page-id-66 的所有 sow-image，
   讓圖片自動縮放而非依照 width/height 屬性 */
body.page-id-66 .so-widget-sow-image .sow-image-container img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 220px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* 讓欄位等寬以顯示 TURNBUCKLE 圖片 */
body.page-id-66 .panel-grid-cell {
  min-width: 0 !important;
}

body.page-id-66 .panel-grid-cell .so-widget-sow-image {
  width: 100% !important;
}


/* 修正鋼索配件圖片欄位寬度
   原本欄位 4 和 5 (TURNBUCKLE 圖片) 被 SiteOrigin 設為 10%，太窄
   覆寫為與其他欄位相同的寬度 */
#pgc-gb66-6a0ac6538e9fe-3-4,
#pgc-gb66-6a0ac6538e9fe-3-5 {
  width: 20% !important;
  width: calc(20% - ( 0.8 * 30px )) !important;
}

/* 同時調整其他 4 個欄位使 6 列總寬不超過 100% */
#pgc-gb66-6a0ac6538e9fe-3-0,
#pgc-gb66-6a0ac6538e9fe-3-1,
#pgc-gb66-6a0ac6538e9fe-3-2,
#pgc-gb66-6a0ac6538e9fe-3-3 {
  width: 15% !important;
  width: calc(15% - ( 0.85 * 30px )) !important;
}


/* 修正第三層下拉選單超出頁面右側問題
   將第三層子選單改為向左展開（right: 100%）而非向右（left: 100%） */
.main-header-menu .menu-item:hover > .sub-menu .sub-menu,
.main-header-menu .menu-item.focus > .sub-menu .sub-menu,
.main-header-menu .menu-item > .sub-menu.toggled-on .sub-menu.toggled-on,
.main-header-menu .menu-item:hover > .sub-menu .sub-menu.toggled-on,
.main-header-menu .menu-item.focus > .sub-menu .sub-menu.toggled-on {
  left: auto !important;
  right: 100% !important;
}

/* ============================================
   Header 美化設計 - 配合深藍金黃主題
   ============================================ */

/* Header 主體漸層背景 */
#masthead .ast-primary-header-bar {
  background: linear-gradient(135deg,
    #080f1e 0%,
    #0D1F3C 30%,
    #102244 60%,
    #0a1628 100%
  ) !important;
  border-bottom: 2px solid #E8A020 !important;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.55),
    0 1px 0 rgba(232, 160, 32, 0.25) !important;
  position: relative;
  overflow: visible;
}

/* 頂部金色光條 */
#masthead .ast-primary-header-bar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(232,160,32,0.4) 10%,
    #E8A020 35%,
    #F5C842 50%,
    #E8A020 65%,
    rgba(232,160,32,0.4) 90%,
    transparent 100%
  );
  z-index: 10;
}

/* Logo 左側金色裝飾線 */
.ast-site-identity {
  position: relative !important;
  padding-left: 18px !important;
}
.ast-site-identity::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15%;
  bottom: 15%;
  width: 3px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    #E8A020 25%,
    #F5C842 50%,
    #E8A020 75%,
    transparent 100%
  );
  border-radius: 2px;
}

/* 網站標題文字光暈 */
.site-title a {
  text-shadow:
    0 0 30px rgba(232, 160, 32, 0.25),
    0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* 桌面選單連結 — 底線動畫效果 */
#ast-desktop-header .main-header-menu > .menu-item > a {
  position: relative !important;
  padding-bottom: 8px !important;
  letter-spacing: 0.4px !important;
  transition: color 0.25s ease !important;
}

/* 選單底線初始狀態（不顯示） */
#ast-desktop-header .main-header-menu > .menu-item > a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 20px !important;
  right: 20px !important;
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent,
    #E8A020,
    #F5C842,
    #E8A020,
    transparent
  ) !important;
  transform: scaleX(0) !important;
  transition: transform 0.3s ease !important;
  border-radius: 1px !important;
}

/* Hover 時底線展開 */
#ast-desktop-header .main-header-menu > .menu-item:hover > a::after,
#ast-desktop-header .main-header-menu > .menu-item.current-menu-item > a::after,
#ast-desktop-header .main-header-menu > .menu-item.current-menu-ancestor > a::after {
  transform: scaleX(1) !important;
}

/* Hover 選單文字顏色 */
#ast-desktop-header .main-header-menu > .menu-item:hover > a {
  color: #F5C842 !important;
}

/* 目前頁面選單項目 */
#ast-desktop-header .main-header-menu > .menu-item.current-menu-item > a,
#ast-desktop-header .main-header-menu > .menu-item.current-menu-ancestor > a {
  color: #E8A020 !important;
}

/* ============================================
   文章圖片尺寸一致性修正
   - 讓同一篇文章中的圖片顯示高度一致
   - object-fit: contain 確保圖片不失真
   ============================================ */

/* 文章內的圖片 wrapper — 統一容器高度 */
.single-post .entry-content figure,
.single-post .entry-content .wp-block-image {
  margin: 0 !important;
}

/* 文章內圖片：統一最大高度，超出部分用 contain 縮放 */
.single-post .entry-content img {
  max-height: 400px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* 強制 wp-block 欄位中的圖片對齊 */
.single-post .entry-content .wp-block-columns img,
.single-post .entry-content .wp-block-column img {
  max-height: 400px !important;
  width: 100% !important;
  height: 400px !important;
  object-fit: contain !important;
}

/* 針對表格式排版（WordPress Classic Editor 中 table 排版）*/
.single-post .entry-content table td img {
  max-height: 300px !important;
  width: 100% !important;
  height: 300px !important;
  object-fit: contain !important;
}

/* WordPress Gallery (舊式 gallery shortcode) 圖片統一高度 */
.single-post .entry-content .gallery .gallery-item img,
.single-post .entry-content .gallery-icon img {
  width: 100% !important;
  height: 200px !important;
  object-fit: contain !important;
  max-height: 200px !important;
}

/* 文章內的 ul/li 包含的圖片 (產品清單式) */
.single-post .entry-content ul li img,
.single-post .entry-content ol li img {
  max-height: 300px !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}