/*
Theme Name: PawnTW Light
Theme URI: https://pawntw.com/
Author: PawnTW
Author URI: https://pawntw.com/
Description: PawnTW 專用輕量主題。保留既有內容與外掛輸出，不載入頁面編輯器框架。
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: pawntw-light
*/

:root {
  color-scheme: light;
  --ptwl-ink: #1d3335;
  --ptwl-muted: #5d7172;
  --ptwl-line: #d5e3df;
  --ptwl-teal: #0f8f83;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: #fff;
  color: var(--ptwl-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article, aside, footer, header, main, nav, section { display: block; }
figure { margin: 0; }
img { max-width: 100%; height: auto; }
iframe, video, embed, object { max-width: 100%; }
a { color: var(--ptwl-teal); text-decoration: none; }
button, input, select, textarea { font: inherit; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
strong { font-weight: 700; }

#page-container,
#et-main-area,
#main-content { width: 100%; }

#main-content { min-height: 50vh; background: #fff; }

.container {
  position: relative;
  width: min(1080px, calc(100% - 48px));
  margin-inline: auto;
}

#content-area::after,
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

#left-area { width: 100%; padding: 58px 0; }
.entry-content { min-width: 0; }

.entry-content ul { list-style: disc; padding-left: 1.35em; }
.entry-content ol { list-style: decimal; padding-left: 1.35em; }
.entry-content th, .entry-content td { padding: 9px 16px; border: 1px solid #e4ece9; text-align: left; }

.et_post_meta_wrapper { margin-bottom: 28px; }
.entry-title { margin-bottom: 12px; font-size: clamp(32px, 4vw, 48px); line-height: 1.2; }
.post-meta { color: var(--ptwl-muted); font-size: 14px; }

#main-header, #main-footer { display: none; }

.ptwl-archive,
.ptwl-search,
.ptwl-not-found { padding: 80px 0 96px; }

.ptwl-archive__title,
.ptwl-search__title,
.ptwl-not-found__title { margin-bottom: 32px; font-size: clamp(36px, 5vw, 58px); line-height: 1.18; }

.ptwl-post-list { display: grid; gap: 20px; }
.ptwl-post-card { padding: 26px; border: 1px solid var(--ptwl-line); border-radius: 20px; background: #fff; }
.ptwl-post-card h2 { margin-bottom: 8px; font-size: 24px; line-height: 1.4; }
.ptwl-post-card p { margin-bottom: 0; color: var(--ptwl-muted); }

.ptwl-search-form { display: flex; max-width: 640px; gap: 10px; }
.ptwl-search-form input { flex: 1; min-width: 0; padding: 13px 16px; border: 1px solid var(--ptwl-line); border-radius: 12px; }
.ptwl-search-form button { padding: 13px 20px; border: 0; border-radius: 12px; background: var(--ptwl-teal); color: #fff; cursor: pointer; }

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }

@media (max-width: 767px) {
  .container { width: min(100% - 32px, 1080px); }
  #left-area { padding: 38px 0; }
  .ptwl-archive, .ptwl-search, .ptwl-not-found { padding: 56px 0 72px; }
  .ptwl-search-form { flex-direction: column; }
}