/* MK Homepage Redesign — "The Letter" Direction */
/* Google Fonts Import */
/* Google Fonts are enqueued by marlowekent-site.php (was an @import here) */

:root {
  --mk-cream: #f5ecd6;
  --mk-cream-deep: #ede2c2;
  --mk-paper: #fbf6e8;
  --mk-ink: #2a1a14;
  --mk-ink-soft: #5a4434;
  --mk-red: #c8442a;
  --mk-red-deep: #9c2f1f;
  --mk-teal: #6dc4c8;
  --mk-gold: #c89a4a;
  --mk-pad-x: 56px;
  --mk-pad-y: 64px;
  --mk-gap: 24px;
  --mk-serif: 'DM Serif Display', serif;
  --mk-serif-text: 'Lora', serif;
  --mk-sans: 'Inter Tight', sans-serif;
  --mk-mono: 'JetBrains Mono', monospace;
  --mk-script: 'Caveat', cursive;
}

/* ---- Hide Kadence header/footer on homepage ---- */
body.page-template-mk-homepage .site-header,
body.page-template-mk-homepage .site-footer,
body.mk-homepage-active .site-header,
body.mk-homepage-active .site-footer,
body.mk-homepage-active #wrapper,
body.mk-homepage-active .site-inner-wrap > .site-header,
body.mk-homepage-active .site-inner-wrap > .site-footer { display: none !important; }
body.mk-homepage-active .site { background: var(--mk-paper) !important; }
body.mk-homepage-active .site-inner-wrap { padding: 0 !important; }
body.mk-homepage-active .entry-content-wrap { padding: 0 !important; max-width: 100% !important; }
body.mk-homepage-active .content-wrap { max-width: 100% !important; padding: 0 !important; }
body.mk-homepage-active .site-container { max-width: 100% !important; }

/* ---- NAV ---- */
.mk-nav { display:flex; align-items:center; justify-content:space-between; padding:22px var(--mk-pad-x); background:var(--mk-paper); }
.mk-logo { font-family:var(--mk-serif); font-size:22px; letter-spacing:0.08em; text-transform:uppercase; color:var(--mk-ink); }
.mk-logo .amp { color:var(--mk-red); font-style:italic; }
.mk-nav-links { display:flex; gap:28px; }
.mk-nav-links a { font-family:var(--mk-sans); font-size:14px; color:var(--mk-ink); transition:color .15s ease; cursor:pointer; text-decoration:none; }
.mk-nav-links a:hover { color:var(--mk-red); }

/* ---- BUTTONS ---- */
.mk-btn { font-family:var(--mk-sans); font-weight:500; border:none; cursor:pointer; border-radius:999px; transition:all .15s ease; display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
.mk-btn:hover { transform:translateY(-1px); }
.mk-btn-primary { background:var(--mk-red); color:var(--mk-paper); padding:14px 22px; font-size:14px; }
.mk-btn-primary:hover { background:var(--mk-red-deep); }
.mk-btn-ghost { background:var(--mk-ink); color:var(--mk-paper); border:1.5px solid var(--mk-ink); padding:10px 18px; font-size:13px; font-weight:600; }
.mk-btn-ghost:hover { border-color:var(--mk-red); color:var(--mk-red); }

/* ---- EYEBROW ---- */
.mk-eyebrow { font-family:var(--mk-mono); font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--mk-ink-soft); }

/* ---- HERO ---- */
.mk-hero { position:relative; padding:32px var(--mk-pad-x) var(--mk-pad-y); display:grid; grid-template-columns:1.15fr 0.85fr; gap:var(--mk-gap); align-items:center; }
.mk-hero__letter { padding-right:20px; }
.mk-hero__headline { font-family:var(--mk-serif); font-size:78px; line-height:0.98; letter-spacing:-0.02em; color:var(--mk-ink); margin-top:28px; }
.mk-hero__headline .red-word { color:var(--mk-red); font-style:italic; }
.mk-hero__body { font-family:var(--mk-serif-text); font-size:17px; line-height:1.65; color:var(--mk-ink-soft); margin-top:28px; max-width:480px; }
.mk-hero__signature { font-family:var(--mk-script); font-size:44px; color:var(--mk-red); margin-top:20px; transform:rotate(-3deg); display:inline-block; }
.mk-hero__cta { display:flex; gap:12px; margin-top:32px; }
.mk-hero__book { position:relative; display:flex; flex-direction:column; align-items:center; gap:18px; }
.mk-hero__cover-wrap { position:relative; }
.mk-hero__cover { transform:rotate(3deg); width:320px; aspect-ratio:2/3; border-radius:4px; overflow:hidden; filter:drop-shadow(0 22px 40px rgba(60,30,15,.28)) drop-shadow(0 4px 8px rgba(60,30,15,.18)); }
.mk-hero__cover img { width:100%; height:100%; object-fit:cover; display:block; }
.mk-hero__badge { position:absolute; top:-12px; right:10px; background:var(--mk-red); color:var(--mk-paper); font-family:var(--mk-mono); font-size:10px; letter-spacing:0.18em; text-transform:uppercase; padding:8px 14px; border-radius:999px; transform:rotate(8deg); z-index:2; }
.mk-hero__book-info { text-align:center; margin-top:8px; }
.mk-hero__book-info .mk-eyebrow { margin-bottom:6px; }
.mk-hero__book-title { font-family:var(--mk-serif); font-size:30px; }
.mk-heat { display:flex; align-items:center; justify-content:center; gap:4px; margin-top:12px; }
.mk-heat .dot { width:8px; height:8px; border-radius:50%; background:var(--mk-red); display:inline-block; }
.mk-heat .dot.off { background:var(--mk-cream-deep); }
.mk-heat__label { margin-left:8px; font-family:var(--mk-mono); font-size:10px; letter-spacing:0.16em; text-transform:uppercase; }

/* ---- SHELF ---- */
.mk-shelf { padding:var(--mk-pad-y) var(--mk-pad-x); background:var(--mk-cream); }
.mk-shelf__header { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:40px; }
.mk-shelf__title { font-family:var(--mk-serif); font-size:44px; letter-spacing:-0.01em; line-height:1; }
.mk-shelf__link { color:var(--mk-red); font-family:var(--mk-sans); font-weight:500; font-size:14px; text-decoration:none; }
.mk-shelf__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.mk-shelf__series-group { margin-bottom:64px; }
.mk-shelf__series-header { margin-bottom:24px; }
body.mk-homepage-active .mk-shelf__series-label { font-family:var(--mk-serif); font-size:32px; line-height:1.1; color:var(--mk-red) !important; display:block; }
body.mk-homepage-active .mk-book-card__series-pos { font-family:var(--mk-sans,sans-serif); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--mk-red) !important; margin:4px 0 12px; }
.mk-book-card { display:flex; flex-direction:column; gap:16px; }
.mk-book-card__cover { aspect-ratio:2/3; border-radius:3px; overflow:hidden; background:var(--mk-cream-deep); filter:drop-shadow(0 22px 40px rgba(60,30,15,.28)) drop-shadow(0 4px 8px rgba(60,30,15,.18)); }
.mk-book-card__cover img { width:100%; height:100%; object-fit:cover; display:block; }
.mk-book-card__meta { font-family:var(--mk-mono); font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--mk-ink-soft); }
.mk-book-card__title { font-family:var(--mk-serif); font-size:26px; line-height:1.1; }
.mk-book-card__blurb { font-family:var(--mk-serif-text); font-size:15px; line-height:1.55; color:var(--mk-ink-soft); }
.mk-book-card__tropes { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }
.mk-chip { background:var(--mk-cream-deep); color:var(--mk-ink); font-family:var(--mk-sans); font-size:12px; padding:5px 11px; border-radius:999px; white-space:nowrap; }
.mk-cover-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; font-family:var(--mk-mono); font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--mk-ink-soft); background:repeating-linear-gradient(-45deg,var(--mk-cream-deep),var(--mk-cream-deep) 10px,var(--mk-cream) 10px,var(--mk-cream) 20px); }

/* ---- ABOUT ---- */
.mk-about { padding:var(--mk-pad-y) var(--mk-pad-x); display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:start; }
.mk-about__image { height:480px; border-radius:4px; overflow:hidden; filter:drop-shadow(0 22px 40px rgba(60,30,15,.28)) drop-shadow(0 4px 8px rgba(60,30,15,.18)); }
.mk-about__image img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.mk-about__headline { font-family:var(--mk-serif); font-size:52px; line-height:1; margin-bottom:28px; }
.mk-about__headline .red-word { color:var(--mk-red); font-style:italic; }
.mk-about__body p { font-family:var(--mk-serif-text); font-size:19px; line-height:1.7; color:var(--mk-ink); margin:0; }
.mk-about__body p + p { margin-top:20px; }
.mk-socials { display:flex; gap:10px; margin-top:32px; flex-wrap:wrap; }
.mk-pill { font-family:var(--mk-mono); font-size:12px; letter-spacing:.08em; padding:8px 16px; border:1px solid var(--mk-ink); border-radius:999px; color:var(--mk-red) !important; transition:all .15s ease; text-decoration:none; display:inline-block; font-weight:600; }
.mk-pill:hover { border-color:var(--mk-red-deep); color:var(--mk-red-deep) !important; }

/* ---- NEWSLETTER ---- */
.mk-newsletter { margin:0 var(--mk-pad-x); background:var(--mk-red); color:var(--mk-paper); border-radius:8px; padding:60px 56px; display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
.mk-newsletter .mk-eyebrow { color:var(--mk-paper); opacity:.7; margin-bottom:14px; }
.mk-newsletter__headline { font-family:var(--mk-serif); font-size:44px; line-height:1.05; color:var(--mk-paper); }
.mk-newsletter__field { display:flex; background:var(--mk-paper); color:var(--mk-ink); border-radius:999px; padding:6px 6px 6px 22px; align-items:center; gap:12px; }
.mk-newsletter__input { flex:1; border:none; outline:none; background:transparent; font-family:var(--mk-sans); font-size:15px; padding:12px 0; color:var(--mk-ink); }
.mk-newsletter__input::placeholder { color:var(--mk-ink-soft); opacity:.6; }
.mk-newsletter__caption { margin-top:14px; font-size:13px; opacity:.85; font-family:var(--mk-serif-text); font-style:italic; color:var(--mk-paper); }
.mk-newsletter .formkit-form { background:transparent!important; border:none!important; padding:0!important; }
.mk-newsletter .formkit-fields { display:flex!important; background:var(--mk-paper)!important; border-radius:999px!important; padding:6px 6px 6px 22px!important; gap:12px!important; }
.mk-newsletter .formkit-input { flex:1!important; border:none!important; outline:none!important; background:transparent!important; font-family:var(--mk-sans)!important; font-size:15px!important; padding:12px 0!important; color:var(--mk-ink)!important; box-shadow:none!important; }
.mk-newsletter .formkit-submit { background:var(--mk-red)!important; color:var(--mk-paper)!important; border:none!important; border-radius:999px!important; padding:12px 22px!important; font-family:var(--mk-sans)!important; font-weight:500!important; font-size:14px!important; cursor:pointer!important; }

/* ---- FOOTER ---- */
.mk-footer { padding:60px var(--mk-pad-x) 20px; }
.mk-footer__retailers { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:60px; }
.mk-footer__rule { border:none; border-top:1px solid rgba(42,26,20,.18); margin:0; }
.mk-footer__bottom { display:flex; justify-content:space-between; margin-top:20px; font-family:var(--mk-sans); font-size:13px; color:var(--mk-ink-soft); }
.mk-footer__bottom a { color:var(--mk-ink-soft); text-decoration:none; }

/* ---- RESPONSIVE ---- */
@media(max-width:1023px) {
  :root { --mk-pad-x:40px; }
  .mk-hero { grid-template-columns:1fr; gap:40px; }
  .mk-hero__book { order:-1; }
  .mk-hero__cover { width:260px; }
  .mk-hero__headline { font-size:64px; }
  .mk-shelf__grid { grid-template-columns:repeat(2,1fr); }
  .mk-about { grid-template-columns:1fr; gap:40px; }
  .mk-about__image { max-width:400px; }
  .mk-newsletter { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:767px) {
  :root { --mk-pad-x:24px; --mk-pad-y:40px; }
  .mk-nav { flex-wrap:wrap; gap:16px; padding:16px var(--mk-pad-x); }
  .mk-nav-links { order:3; width:100%; flex-wrap:wrap; gap:16px; justify-content:center; }
  .mk-hero { padding:24px var(--mk-pad-x) var(--mk-pad-y); }
  .mk-hero__headline { font-size:48px; }
  .mk-hero__cover { width:220px; }
  .mk-hero__cta { flex-direction:column; }
  .mk-hero__cta .mk-btn { text-align:center; justify-content:center; }
  .mk-shelf__header { flex-direction:column; gap:12px; }
  .mk-shelf__grid { grid-template-columns:1fr; gap:48px; }
  .mk-about__headline { font-size:40px; }
  .mk-newsletter { margin:0 var(--mk-pad-x); padding:40px 28px; }
  .mk-newsletter__headline { font-size:32px; }
  .mk-footer__bottom { flex-direction:column; gap:8px; text-align:center; }
}

/* ═══ Kadence Theme Overrides ═══ */
body.mk-homepage-active {
  background: var(--mk-cream) !important;
  color: var(--mk-ink) !important;
}
body.mk-homepage-active h1,
body.mk-homepage-active h2,
body.mk-homepage-active h3,
body.mk-homepage-active p,
body.mk-homepage-active a,
body.mk-homepage-active div,
body.mk-homepage-active span,
body.mk-homepage-active nav,
body.mk-homepage-active section,
body.mk-homepage-active footer {
  color: inherit;
}
body.mk-homepage-active .mk-hero__headline,
body.mk-homepage-active .mk-shelf__title,
body.mk-homepage-active .mk-about__headline {
  color: var(--mk-ink) !important;
}
body.mk-homepage-active .mk-hero__body,
body.mk-homepage-active .mk-about__body,
body.mk-homepage-active .mk-about__body p,
body.mk-homepage-active .mk-book-card__blurb {
  color: var(--mk-ink) !important;
  opacity: 1 !important;
}
body.mk-homepage-active .mk-nav-links a {
  color: var(--mk-ink) !important;
}
body.mk-homepage-active .mk-book-card__title {
  color: var(--mk-ink) !important;
}
body.mk-homepage-active .mk-book-card__meta {
  color: var(--mk-ink) !important;
  opacity: 0.6;
}
body.mk-homepage-active .mk-hero__signature {
  color: var(--mk-ink) !important;
}
body.mk-homepage-active .mk-footer__bottom,
body.mk-homepage-active .mk-footer__bottom a {
  color: var(--mk-ink) !important;
}
body.mk-homepage-active .site-header,
body.mk-homepage-active .site-footer,
body.mk-homepage-active .entry-hero-container-inner,
body.mk-homepage-active .page-title,
body.mk-homepage-active .entry-header {
  display: none !important;
}
body.mk-homepage-active .content-area,
body.mk-homepage-active .site-main,
body.mk-homepage-active .entry-content-wrap,
body.mk-homepage-active article.entry,
body.mk-homepage-active .content-wrap,
body.mk-homepage-active .content-container,
body.mk-homepage-active .wrap {
  background: transparent !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.mk-homepage-active .entry-content.single-content {
  background: transparent !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
body.mk-homepage-active .content-container.site-container {
  display: block !important;
  max-width: 100% !important;
}
body.mk-homepage-active .site,
body.mk-homepage-active .site.wp-site-blocks {
  display: block !important;
  overflow: visible !important;
}
body.mk-homepage-active article.entry.content-bg {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* ── Kit Newsletter Form Overrides ── */
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-fields,
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .seva-fields {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 12px !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-input {
  background: #f0e8dc !important;
  border: 2px solid rgba(26, 24, 32, 0.1) !important;
  color: #1a1820 !important;
  font-family: 'Inter Tight', sans-serif !important;
  font-size: 0.95rem !important;
  border-radius: 999px !important;
  padding: 0.9rem 1.4rem !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-input::placeholder {
  color: rgba(26, 24, 32, 0.4) !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-input:focus {
  outline: none !important;
  border-color: #1a1820 !important;
  box-shadow: 0 0 0 2px rgba(26, 24, 32, 0.1) !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-submit {
  background: #1a1820 !important;
  color: #f0e8dc !important;
  font-family: 'Inter Tight', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0 !important;
  cursor: pointer !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-submit span {
  padding: 0.9rem 2rem !important;
  background: transparent !important;
  border-radius: 999px !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-submit:hover {
  opacity: 0.85 !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-powered-by-convertkit-container {
  display: none !important;
}
body.mk-homepage-active .formkit-form[data-uid="750f13f5c3"] .formkit-fields[data-stacked="false"] .formkit-submit {
  flex: 1 1 auto !important;
}


/* === Single Post / Chapter Page Background === */
/* Override all Kadence + custom navy rules on chapter/post pages */
body.single-post .content-bg,
body.single-post .site-content,
body.single-post .entry-content-wrap,
body.single-post .kadence-inner-column-inner,
body.single-post .wp-block-group__inner-container,
body.single-post article.post,
body.single-post article.page,
body.single-post article.entry,
body.single-post .site,
body.single-post #wrapper,
body.single-post .site-main,
body.single-post .content-area {
  background: var(--mk-paper, #fbf6e8) !important;
  background-color: var(--mk-paper, #fbf6e8) !important;
}

body.single-post .entry-header,
body.single-post .entry-title,
body.single-post .entry-meta {
  background: transparent !important;
  background-color: transparent !important;
}

body.single-post .entry-title,
body.single-post .entry-meta,
body.single-post .entry-meta a,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .cat-links a {
  color: var(--mk-ink, #2a1a14) !important;
}


/* =============================================
   FREE SERIAL SECTION
   ============================================= */

.mk-serial {
  margin: 0 var(--mk-pad-x);
  padding: var(--mk-pad-y) var(--mk-pad-x);
  background: var(--mk-cream);
  border: 2px solid var(--mk-red);
  border-radius: 8px;
}

.mk-serial__inner {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 48px;
  align-items: center;
}

.mk-serial__cover-wrap {
  aspect-ratio: 2 / 3;
  border-radius: 4px;
  overflow: hidden;
  background: var(--mk-cream-deep);
  filter: drop-shadow(0 22px 40px rgba(60,30,15,0.28)) drop-shadow(0 4px 8px rgba(60,30,15,0.18));
}

.mk-serial__cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.mk-serial .mk-book-card__meta {
  color: var(--mk-ink-soft);
  margin-bottom: 12px;
}

.mk-serial__title {
  font-family: var(--mk-serif);
  font-size: 42px;
  line-height: 1.05;
  color: var(--mk-ink) !important;
  margin: 0 0 16px;
}

.mk-serial .mk-book-card__blurb {
  color: var(--mk-ink-soft);
  margin-bottom: 20px;
}

.mk-serial .mk-book-card__tropes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}

.mk-serial .mk-chip {
  background: var(--mk-cream-deep);
  color: var(--mk-ink);
}

/* Read More / Blurb expand */
.mk-serial__blurb-short {
  color: var(--mk-ink-soft);
  margin-bottom: 8px;
  font-family: var(--mk-serif-text);
  font-size: 15px;
  line-height: 1.65;
}

.mk-serial__blurb-full {
  color: var(--mk-ink-soft);
  margin-bottom: 8px;
  font-family: var(--mk-serif-text);
  font-size: 15px;
  line-height: 1.65;
  display: none;
}

.mk-serial__blurb-full p {
  margin-bottom: 12px;
  color: var(--mk-ink-soft) !important;
}

.mk-serial__blurb-full p:last-child {
  margin-bottom: 0;
}

.mk-serial__read-more {
  background: none;
  border: none;
  color: var(--mk-red);
  font-family: var(--mk-sans);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  margin-bottom: 20px;
  text-decoration: underline;
  text-underline-offset: 3px;
  display: inline-block;
}

.mk-serial__read-more:hover {
  color: var(--mk-red-deep);
}

/* ---- Fix: Override dark-theme color bleeds inside the Serial (RP) box ---- */
/* The site-wide dark theme sets body/a/p to #d4c8b8 with !important
   These rules use higher specificity to restore correct colours inside .mk-serial */

/* Body text: blurb, meta, trope chips */
body.mk-homepage-active .mk-serial .mk-serial__blurb-short,
body.mk-homepage-active .mk-serial .mk-serial__blurb-full,
body.mk-homepage-active .mk-serial .mk-serial__blurb-full p,
body.mk-homepage-active .mk-serial .mk-book-card__meta {
  color: #2a1a14 !important;
}

/* CTA link button text: should be light cream on red background */
body.mk-homepage-active .mk-serial a.mk-btn-primary,
body.mk-homepage-active .mk-serial a.mk-btn-primary:link,
body.mk-homepage-active .mk-serial a.mk-btn-primary:visited {
  color: #fbf6e8 !important;
}

/* CTA link on hover and active/focus: keep light cream, no navy */
body.mk-homepage-active .mk-serial a.mk-btn-primary:hover,
body.mk-homepage-active .mk-serial a.mk-btn-primary:active,
body.mk-homepage-active .mk-serial a.mk-btn-primary:focus {
  color: #fbf6e8 !important;
  background: #9c2f1f !important;
}


/* ---- Fix: Read More button hover — override global dark-theme/Kadence navy ---- */
body.mk-homepage-active .mk-serial .mk-serial__read-more {
  color: var(--mk-red) !important;
  background: none !important;
  background-color: transparent !important;
}

body.mk-homepage-active .mk-serial .mk-serial__read-more:hover,
body.mk-homepage-active .mk-serial .mk-serial__read-more:active,
body.mk-homepage-active .mk-serial .mk-serial__read-more:focus {
  color: var(--mk-red-deep) !important;
  background: none !important;
  background-color: transparent !important;
}