/*
 * Theme Name:  Revision Child
 * Theme URI:   https://revision.codesupply.co/
 * Description: Revision Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    revision
 * Version:     1.4.3
 */
/*
#e3f2fb	rgba(227, 242, 251, 1)
#cce5f6	rgba(204, 229, 246, 1)
#b3d7f0	rgba(179, 215, 240, 1)
#9cc7e9	rgba(156, 199, 233, 1)
#85b7e2	rgba(133, 183, 226, 1)
#6da8db	rgba(109, 168, 219, 1) <- 一般主色
#5f9ccf	rgba(95, 156, 207, 1)
#518fc3	rgba(81, 143, 195, 1)
#447fb6	rgba(68, 127, 182, 1)
#3d7cb0	rgba(61, 124, 176, 1) <- 深主色
#33689a	rgba(51, 104, 154, 1)
#2a5684	rgba(42, 86, 132, 1)
#20446d	rgba(32, 68, 109, 1)
#173356	rgba(23, 51, 86, 1)
*/

/* Copy any classes from parent theme here. They will override the parent's version. */

/* 
 * 這裡是 CSS 變數的定義
 * 這些變數會在主題中使用，並且可以在這裡進行修改
 */


/*
 * 全站按鈕滑過時的擴散陰影顏色
 */
button:focus, button:hover,
input[type=button]:focus, input[type=button]:hover,
input[type=reset]:focus, input[type=reset]:hover,
input[type=submit]:focus, input[type=submit]:hover,
.cs-button:focus, .cs-button:hover {
  box-shadow: 0px 5px 20px 0px rgba(51, 104, 154, 0.4);
}


/*
 * 處理手機板 Logo / 桌機板 Logo
 */
.cs-header__logo_mobile {
  display: none;
}
@media (max-width: 767.98px) {
  .cs-header__col.cs-col-center a.cs-header__logo.cs-logo-default  {
    display: none;
  }
  .cs-header__col.cs-col-center a.cs-header__logo_mobile.cs-logo-default {
    display: block;
  }
}

/* mobile slide logo */
.cs-header__col cs-col-center a.cs-header__logo.cs-logo-default 
a.cs-header__logo.cs-logo-default img {

}


/*
 * 首頁 hero 漸層文字、區段內漸層文字
 */
:root .cs-hero-type-1 .cs-hero__content .cs-hero__heading span,
body[data-scheme=light] .cs-hero-type-1 .cs-hero__content .cs-hero__heading span,
.is-style-cs-heading-gradient span, .is-style-cs-heading-gradient code {
  background: linear-gradient(180deg, #85b7e2 0%, #2a5684 100%);
  -webkit-background-clip: text;
}


/*
 * 首頁 hero 區塊，在手機版下寬度不夠時的視覺修正
 */
@media (max-width: 767.98px) {
  .cs-hero__heading strong::before {
    content: "";
    display: block;
  }
}


/*
 * 首頁文章列表 - 處理圖片寬高導致文章圖片超高問題
 */
body.home .cs-site-content .cs-overlay-transparent {
  aspect-ratio: 16 / 9; /* 或 4 / 3、1 / 1 等比例 */
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--cs-thumbnail-border-radius);
}

body.home .cs-site-content .cs-overlay-transparent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*
 * 首頁文章列表 - 文章簡述寬度修正
 */
.cs-posts-area__full .cs-entry__content-wrap {
  max-width: var(--cs-entry-content-full-width);
}


/*
 * 文章列表 - 作者連結 hover 顏色
 */
@media (hover: hover) {
  .cs-entry__post-meta .cs-meta-author-link:hover .cs-meta-author-name :root,
  [data-scheme=light] .cs-entry__post-meta .cs-meta-author-link:hover .cs-meta-author-name {
		color: #2a5684;
	}
}


/*
 * 文章列表 - 內文連續英文破版問題
 */
.cs-entry__excerpt,
.cs-entry-type-summary {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}


/*
 * 右邊側欄 作者區塊
 */
 .cs-widget-area.cs-sidebar__area .widget.block-7 {
  background: url(/wp-content/uploads/2025/04/knight-3-tiny.png) no-repeat left top;
  background-size: cover;
  border-radius: var(--cs-thumbnail-border-radius);
}


/*
 * 右邊側欄 分類區塊
 */
.cs-widget-area.cs-sidebar__area .widget.block-13 {
  background: url(/wp-content/uploads/2025/04/castle-4-tiny.png) no-repeat left center;
  background-size: cover;
  border-radius: var(--cs-thumbnail-border-radius);
}
.cs-widget-area.cs-sidebar__area .widget.block-13 ul li,
.cs-widget-area.cs-sidebar__area .widget.block-13 ul li a {
  color: var(--cs-palette-color-secondary);
  font-weight: normal;
}


/*
 * 404 頁面圖片自定
 */
 .error404 .cs-site-content {
  margin-top: 2rem;
  width: 100%;
}

.error404 .cs-page-404__icon {
  box-shadow: none;
  background: url(/wp-content/uploads/2025/04/fork-01-tiny.png) no-repeat center center;
  max-width: 700px;
  width: 700px;
  max-height: 300px;
  height: 300px;
  background-size: cover;
  border-radius: 10px;
}

.error404 .cs-page-404__icon i {
  display: none;
}