/* ── Popup Maker: Ordered to Love popup ── */

/* Kill the border on the popup container */
#pum-5573 .pum-container {
  border: none !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  overflow: hidden;
}

/* Soften the overlay background */
#pum-5573 {
  background: rgba(0, 0, 0, 0.6) !important;
}

/* Make the close button more visible and clickable */
#pum-5573 .pum-close {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 20px;
  top: 8px;
  right: 8px;
  text-align: center;
  padding: 0;
}

#pum-5573 .pum-close:hover {
  background: rgba(0, 0, 0, 0.75) !important;
}

/* Tighten spacing inside the media-text block */
#pum-5573 .wp-block-media-text {
  gap: 0;
}

#pum-5573 .wp-block-media-text__media img {
  border-radius: 6px 0 0 6px;
  object-fit: cover;
  height: 100%;
}

/* Style the CTA button to match your site accent */
#pum-5573 .wp-block-button__link {
  background-color: #a44903 !important;
  border-radius: 4px;
}

#pum-5573 .wp-block-button__link:hover {
  background-color: #8b3e02 !important;
}


/* ── Design refresh 2026-11-02 (Claude) — CSS only, theme unchanged ── */
:root {
  --ak-ink: #192930;
  --ak-muted: #6f6d66;
  --ak-accent: #a44903;
  --ak-accent-dark: #8b3e02;
  --ak-rule: #e6e2da;
  --ak-soft: #faf8f4;
}

/* Reading: slightly calmer rhythm, links underlined only in body copy */
.entry-content p,
.entry-content li { line-height: 1.75; }
.entry-content a:not(.wp-block-button__link) {
  color: var(--ak-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.entry-content a:not(.wp-block-button__link):hover { color: var(--ak-accent-dark); }
.entry-content h2 { font-size: 28px; line-height: 1.25; margin-top: 2em; }
.entry-content h3 { line-height: 1.3; margin-top: 1.75em; }

/* Block quotes and epigraphs were indistinguishable from body text */
.entry-content blockquote,
.entry-content .wp-block-quote {
  border-left: 3px solid var(--ak-accent);
  margin: 1.75em 0;
  padding: 0.25em 0 0.25em 1.25em;
  font-style: italic;
  color: #34454c;
}
.entry-content blockquote cite,
.entry-content .wp-block-quote cite {
  display: block;
  margin-top: 0.5em;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ak-muted);
}

/* Image captions were body-size; make them read as captions */
.wp-element-caption,
.wp-caption-text,
figcaption {
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-style: italic;
  color: var(--ak-muted) !important;
  text-align: center;
  margin-top: 0.6em !important;
}

/* Post list: clearer separation between excerpts */
.blog #main > .hentry,
.archive #main > .hentry,
.search #main > .hentry {
  border-bottom: 1px solid var(--ak-rule);
  padding-bottom: 2.25em;
  margin-bottom: 2.25em;
}
.blog #main .entry-title a:hover,
.archive #main .entry-title a:hover { color: var(--ak-accent); }
.more-link { text-decoration: none; }
.more-link:hover { color: var(--ak-accent-dark); }

/* Sidebar: lighter cards, smaller headings */
#secondary .widget {
  background: var(--ak-soft);
  border-top: 3px solid var(--ak-accent);
  padding: 24px 26px;
}
#secondary .widget-title {
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ak-ink);
  margin-bottom: 1em;
}
#secondary .widget_recent_entries li { margin-bottom: 0.9em; line-height: 1.4; }
#secondary .widget_recent_entries a { color: var(--ak-ink); }
#secondary .widget_recent_entries a:hover { color: var(--ak-accent); }
#secondary .widget img { border-radius: 4px; }

/* Form fields: one consistent style */
#secondary select,
#secondary input[type="email"],
#secondary input[type="text"],
.site-footer input[type="email"] {
  width: 100%;
  border: 1px solid #d9d4ca;
  border-radius: 4px;
  padding: 10px 12px;
  background: #fff;
  color: var(--ak-ink);
  font-size: 16px;
}

/* Buttons: the gold subscribe buttons clashed with the rust accent */
.wp-block-jetpack-subscriptions .wp-block-button__link,
.wp-block-jetpack-subscriptions button,
.jetpack-subscribe-floating-button .wp-block-button__link,
.jetpack-subscribe-floating-button button,
#secondary button,
#secondary input[type="submit"] {
  background-color: var(--ak-accent) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.wp-block-jetpack-subscriptions .wp-block-button__link:hover,
.wp-block-jetpack-subscriptions button:hover,
.jetpack-subscribe-floating-button .wp-block-button__link:hover,
.jetpack-subscribe-floating-button button:hover,
#secondary button:hover,
#secondary input[type="submit"]:hover { background-color: var(--ak-accent-dark) !important; }

/* Site buttons (Meet Alex, Older Posts, Continue) get the same soft corners */
.button, .more-link.button, .nav-links a, .posts-navigation a,
.post-navigation a, .entry-content .wp-block-button__link {
  border-radius: 4px;
}
.nav-links a:hover, .posts-navigation a:hover { background-color: var(--ak-accent-dark); }

/* Footer */
.site-footer .widget-title { letter-spacing: 1.5px; }

/* Mobile */
@media (max-width: 767px) {
  .entry-content h2 { font-size: 24px; }
  .entry-content blockquote,
  .entry-content .wp-block-quote { padding-left: 1em; }
  #secondary .widget { padding: 20px; }
}