/*
Theme Name: Charles & Elsa Ashe Child
Theme URI: https://charles-elsa-trip.com/
Description: Charles & Elsa 旅遊紀錄網站的 Ashe 子佈景主題。
Author: Charles & Elsa
Template: ashe
Version: 1.0.1
Text Domain: charles-elsa-ashe-child
*/

:root {
  --charles-elsa-accent: #ca9b52;
  --charles-elsa-text: #464646;
  --charles-elsa-title: #030303;
}

body,
input,
textarea,
select {
  font-family: "Noto Sans TC", "Noto Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

body,
.post-content,
.post-content li {
  color: var(--charles-elsa-text);
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0.08em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.post-title,
.page-title,
.widget-title h2 {
  color: var(--charles-elsa-title);
  font-family: "Noto Sans TC", "Noto Sans", sans-serif;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: none;
}

.entry-header {
  height: 250px !important;
  min-height: 250px;
  background-position: center center;
  background-size: cover;
}

.header-logo {
  padding-top: 0;
}

.header-logo .logo-img {
  max-width: 300px;
}

.header-logo .custom-logo {
  width: auto;
  max-width: 300px;
  max-height: 220px;
  object-fit: contain;
}

#main-nav {
  min-height: 60px;
  text-align: left;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.boxed-wrapper {
  max-width: 1440px !important;
}

.home .blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 37px;
}

.home .blog-grid > li {
  width: auto !important;
  margin: 0 !important;
}

#main-menu li a,
.mobile-menu-btn a,
#mobile-menu li {
  font-size: 13px;
  letter-spacing: 2px;
}

.post-title,
.page-title,
.slider-title {
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: 4px;
}

.post-title a,
.page-title a,
.slider-title a {
  font-size: inherit;
}

.read-more {
  display: none;
}

.post-content img {
  height: auto;
}

.charles-elsa-recovery-note {
  margin: 2rem 0;
  padding: 1rem 1.25rem;
  border-left: 3px solid var(--charles-elsa-accent);
  background: #faf7f1;
  color: #665a48;
  font-size: 14px;
}

#page-footer,
#page-footer select,
#page-footer input,
#page-footer textarea {
  background-color: var(--charles-elsa-accent) !important;
}

#page-footer,
#page-footer a {
  color: #333;
}

@media (max-width: 768px) {
  .entry-header {
    height: 190px !important;
    min-height: 190px;
  }

  .header-logo .custom-logo {
    max-width: 220px;
    max-height: 165px;
  }

  body,
  .post-content,
  .post-content li {
    letter-spacing: 0.04em;
  }

  .home .blog-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .post-title,
  .page-title,
  .slider-title {
    font-size: 20px;
    line-height: 1.55;
    letter-spacing: 2px;
  }
}