/* Ashe replica (clubedolivro, sillencio, oquintessencial). Measured on the live sites,
   written from scratch. Dark mode follows the visitor's system setting and the moon
   switch in the menu bar (CSS checkbox, no JavaScript). */
:root {
  --ashe-accent: #ca9b52;
  --wp-bg: #fff;
  --wp-surface: #fff;
  --wp-text: #464646;
  --wp-muted: #a1a1a1;
  --wp-border: #e8e8e8;
  --wp-link: #ca9b52;
  --wp-link-hover: #a87e3d;
  --wp-accent: var(--ashe-accent);
  --wp-font-body: "Open Sans", Arial, sans-serif;
  --wp-font-head: "Playfair Display", Georgia, serif;
  --wp-font-size: .9375rem;
  --wp-line: 1.8;
  --wp-wide-width: 1140px;
  --wp-sidebar-width: 270px;
  --wp-gap: 40px;
  --wp-footer-bg: #f6f6f6;
  --wp-footer-text: #777;
}
@media (prefers-color-scheme: dark) { :root:not(:has(#ashe-dark:checked)) { --ashe-dark: 1; } }
:root:has(#ashe-dark:checked) { color-scheme: dark; --wp-bg: #1e1e1e; --wp-surface: #252525; --wp-text: #d2d2d2; --wp-muted: #8f8f8f; --wp-border: #353535; --wp-footer-bg: #181818; --wp-footer-text: #aaa; }
@media (prefers-color-scheme: dark) {
  :root:not(:has(#ashe-dark:checked)) { color-scheme: dark; --wp-bg: #1e1e1e; --wp-surface: #252525; --wp-text: #d2d2d2; --wp-muted: #8f8f8f; --wp-border: #353535; --wp-footer-bg: #181818; --wp-footer-text: #aaa; }
  :root:has(#ashe-dark:checked) { color-scheme: light; --wp-bg: #fff; --wp-surface: #fff; --wp-text: #464646; --wp-muted: #a1a1a1; --wp-border: #e8e8e8; --wp-footer-bg: #f6f6f6; --wp-footer-text: #777; }
}
.ashe-dark-input { position: absolute; opacity: 0; pointer-events: none; }
.ashe-dark-input:focus-visible ~ .ashe-page .ashe-dark-switch { outline: 2px solid var(--ashe-accent); }
h1, h2, h3, h4, h5, h6 { color: var(--wp-text); font-weight: 400; }

.ashe-banner { position: relative; min-height: 380px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; background: #555; }
.ashe-banner__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ashe-banner__text { position: relative; padding: 50px 20px; }
.ashe-banner .site-title { font-family: "Open Sans", Arial, sans-serif; font-size: clamp(2.2rem, 1rem + 4.5vw, 4.4rem); font-weight: 400; text-transform: uppercase; line-height: 1.1; color: #111; text-shadow: 0 0 18px rgba(255, 255, 255, .55); }
.ashe-banner .site-description { color: #111; margin-top: 6px; text-shadow: 0 0 10px rgba(255, 255, 255, .7); }
.ashe-bar { background: var(--wp-surface); border-bottom: 1px solid var(--wp-border); box-shadow: 0 1px 5px rgba(0, 0, 0, .1); display: flex; justify-content: center; align-items: center; gap: 16px; padding: 0 20px; position: relative; }
.ashe-bar .primary-nav a { color: var(--wp-text); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 16px 12px; }
.ashe-bar .primary-nav .current-menu-item > a, .ashe-bar .primary-nav a:hover { color: var(--ashe-accent); }
.ashe-bar .primary-nav__wide > .menu { justify-content: center; }
.ashe-dark-switch { cursor: pointer; font-size: 1.1rem; padding: 10px; color: var(--wp-text); }
.site-content { padding-top: 40px; }

.ashe-slide { position: relative; margin: 0 0 40px; line-height: 0; }
.ashe-slide img { width: 100%; max-height: 540px; object-fit: cover; }
.ashe-slide::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .3); }
.ashe-slide__text { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 30px 12%; line-height: 1.5; color: #fff; }
.ashe-slide__cat a, .ashe-slide__title a { color: #fff; text-decoration: none; }
.ashe-slide__cat { margin: 0; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.ashe-slide__title { margin: .3em 0; color: #fff; font-size: clamp(1.4rem, 1rem + 2vw, 2.4rem); }
.ashe-slide__excerpt { font-size: .8rem; margin: 0 0 16px; }
@media (max-width: 600px) { .ashe-slide__excerpt { display: none; } .ashe-slide img { min-height: 300px; } }
.ashe-button { display: inline-block; border: 1px solid var(--ashe-accent); color: var(--ashe-accent); padding: 8px 20px; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; text-decoration: none; background: transparent; }
.ashe-slide .ashe-button { color: #fff; border-color: #fff; }
.ashe-button:hover { background: var(--ashe-accent); color: #fff; }

.post-list { gap: 50px; }
.ashe-card { text-align: center; padding-bottom: 30px; border-bottom: 1px solid var(--wp-border); }
.ashe-card .card__image img { margin-bottom: 24px; }
.ashe-card .card__cats a, .entry__cats a { color: var(--ashe-accent); font-size: .7rem; letter-spacing: .12em; }
.ashe-card .card__title { font-size: 1.9rem; line-height: 1.25; margin: .25em 0; }
.ashe-card .card__title a { color: var(--wp-text); }
.card__meta { font-family: var(--wp-font-head); font-style: italic; color: var(--wp-muted); }
.ashe-card .card__excerpt { text-align: justify; }
.ashe-card__footer { display: flex; justify-content: space-between; margin-top: 24px; font-family: var(--wp-font-head); font-style: italic; color: var(--wp-muted); font-size: .85rem; }

.entry--single .entry__header, .entry--page .entry__header { text-align: center; }
.entry__title { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.4rem); }
.entry__meta { font-family: var(--wp-font-head); font-style: italic; }
.widget__title { text-align: center; font-family: var(--wp-font-head); font-weight: 400; letter-spacing: .1em; font-size: .85rem; border-bottom: 1px solid var(--wp-border); padding-bottom: 10px; }
.widget li { border: 0; padding: 3px 0; font-size: .8rem; }
.widget li a { color: var(--wp-text); }
.site-footer__inner { justify-content: center; }
