/* ==========================================================================
   InetKing — presentation
   Long-form scripture reading. Priority: comfortable measure, generous
   leading, warm restrained palette, obvious hierarchy.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Inter:wght@400;500;600&display=swap');

:root {
  --kjv-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --kjv-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --kjv-ink:        #22201d;
  --kjv-ink-soft:   #55504a;
  --kjv-ink-faint:  #8a837a;
  --kjv-accent:     #8a5a2b;   /* warm leather brown */
  --kjv-accent-dk:  #6d4520;
  --kjv-accent-sf:  #c39a6b;
  --kjv-rule:       #e6e0d6;
  --kjv-paper:      #fffdf9;
  --kjv-paper-alt:  #f8f4ed;
  --kjv-card:       #ffffff;
}

/* ---------- base ---------------------------------------------------------- */
body,
body.generatepress,
.generatepress body {
  font-family: var(--kjv-serif) !important;
  color: var(--kjv-ink);
  background: var(--kjv-paper);
  font-size: 19px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, input, select, textarea,
.main-navigation, .site-header, .site-footer,
.wp-block-button__link, .entry-meta, .posted-on, .byline,
.tag-links, .cat-links, .comments-link {
  font-family: var(--kjv-sans) !important;
}

/* ---------- kill the default blue links ---------------------------------- */
a, a:visited { color: var(--kjv-accent); }
a:hover, a:focus { color: var(--kjv-accent-dk); }

/* ---------- header ------------------------------------------------------- */
.site-header {
  background: var(--kjv-paper) !important;
  border-bottom: 1px solid var(--kjv-rule);
  padding-top: .35em;
}
.site-branding { padding-bottom: .35em; }
.site-branding .main-title,
.site-title a, .site-title a:visited {
  font-family: var(--kjv-serif) !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  letter-spacing: -0.02em;
  color: var(--kjv-ink) !important;
  line-height: 1.15;
}
.site-description {
  font-family: var(--kjv-serif) !important;
  font-style: italic;
  font-size: 1rem;
  color: var(--kjv-ink-soft) !important;
  margin-top: .15em;
}

/* ---------- navigation --------------------------------------------------- */
.main-navigation {
  background: var(--kjv-paper) !important;
  border-bottom: 1px solid var(--kjv-rule);
}
.main-navigation .main-nav ul li a {
  font-family: var(--kjv-sans) !important;
  color: var(--kjv-ink-soft) !important;
  font-size: .9rem !important;
  font-weight: 500;
  letter-spacing: .005em;
  padding-top: 1em; padding-bottom: 1em;
  transition: color .15s ease;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
  color: var(--kjv-accent) !important;
}

/* ---------- page / article ----------------------------------------------- */
.entry-title, h1.entry-title {
  font-family: var(--kjv-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.22;
  font-size: clamp(1.9rem, 1.5rem + 1.4vw, 2.6rem) !important;
}
.entry-content { font-size: 1.06rem; line-height: 1.82; }
.entry-content p { margin-bottom: 1.4em; }
.entry-content > p:first-of-type { font-size: 1.1rem; }

.entry-content h2 {
  font-family: var(--kjv-sans) !important;
  font-size: .92rem !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .11em;
  color: var(--kjv-accent);
  margin-top: 2.4em; margin-bottom: .8em;
}
.entry-content h3 {
  font-family: var(--kjv-serif) !important;
  font-weight: 600;
  font-size: 1.3rem !important;
  letter-spacing: -0.01em;
  margin-top: 1.9em; margin-bottom: .6em;
}
.entry-content blockquote {
  border-left: 3px solid var(--kjv-accent-sf);
  background: var(--kjv-paper-alt);
  padding: 1em 1.3em;
  margin: 1.6em 0;
  font-style: italic;
  color: var(--kjv-ink-soft);
}
.entry-content ul, .entry-content ol { padding-left: 1.3em; }
.entry-content li { margin-bottom: .6em; }
.entry-content ul li strong { color: var(--kjv-accent); font-weight: 600; }

/* ---------- meta --------------------------------------------------------- */
.entry-meta, .posted-on, .byline {
  font-family: var(--kjv-sans) !important;
  font-size: .78rem !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kjv-ink-faint) !important;
}
.entry-meta a, .posted-on a, .byline a { color: var(--kjv-ink-faint) !important; }
.entry-meta a:hover, .posted-on a:hover { color: var(--kjv-accent) !important; }

/* ---------- archive / listing -------------------------------------------- */
.archive .entry-title a, .blog .entry-title a { color: var(--kjv-ink) !important; }
.archive .entry-title a:hover { color: var(--kjv-accent) !important; }
article { padding-bottom: 2em; border-bottom: 1px solid var(--kjv-rule); margin-bottom: 2em; }
.archive article:last-child, .blog article:last-child { border-bottom: 0; }

.cat-links a, .tag-links a, .comments-link a { color: var(--kjv-ink-faint) !important; }
.cat-links a:hover, .tag-links a:hover { color: var(--kjv-accent) !important; }

/* ---------- sidebar ------------------------------------------------------ */
.widget-area .widget-title,
.widget-area h2 {
  font-family: var(--kjv-sans) !important;
  font-size: .82rem !important;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--kjv-ink-faint) !important;
}
.widget-area ul li a { color: var(--kjv-ink-soft) !important; }
.widget-area ul li a:hover { color: var(--kjv-accent) !important; }

/* ---------- buttons ------------------------------------------------------ */
.wp-block-button__link,
button.wp-block-button__link,
a.wp-block-button__link {
  background: var(--kjv-accent) !important;
  border: 1px solid var(--kjv-accent) !important;
  color: #fff !important;
  border-radius: 3px !important;
  padding: .72em 1.5em !important;
  font-family: var(--kjv-sans) !important;
  font-size: .93rem !important;
  font-weight: 500;
  letter-spacing: .01em;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease;
}
.wp-block-button__link:hover {
  background: var(--kjv-accent-dk) !important;
  border-color: var(--kjv-accent-dk) !important;
  color: #fff !important;
}
.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--kjv-accent) !important;
  border-color: var(--kjv-accent-sf) !important;
}
.is-style-outline .wp-block-button__link:hover {
  background: var(--kjv-paper-alt) !important;
  color: var(--kjv-accent-dk) !important;
}

/* ---------- footer ------------------------------------------------------- */
.site-footer, .site-info {
  background: var(--kjv-paper-alt) !important;
  border-top: 1px solid var(--kjv-rule);
  font-family: var(--kjv-sans) !important;
  font-size: .84rem !important;
  color: var(--kjv-ink-faint) !important;
}
.site-info a, .site-footer a { color: var(--kjv-ink-soft) !important; }
.site-info a:hover, .site-footer a:hover { color: var(--kjv-accent) !important; }
.site-footer .inside-site-info { padding: 1.6em 0; }

/* ==========================================================================
   FRONT PAGE
   ========================================================================== */
body.home .entry-header { display: none !important; }
.home .entry-content h2 { text-transform: none; }

/* hero */
.kjv-hero-title {
  font-family: var(--kjv-serif) !important;
  font-weight: 700 !important;
  font-size: clamp(2.1rem, 1.6rem + 2.2vw, 3.2rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em;
  color: var(--kjv-ink) !important;
  margin: 1.1em 0 .45em !important;
  max-width: 20ch;
  margin-left: auto !important; margin-right: auto !important;
}
.kjv-hero-sub {
  font-family: var(--kjv-serif) !important;
  font-size: clamp(1.05rem, 1rem + .35vw, 1.28rem) !important;
  line-height: 1.62 !important;
  color: var(--kjv-ink-soft) !important;
  max-width: 56ch;
  margin: 0 auto 1.9em !important;
}
.kjv-hero-actions { margin-bottom: 2.6em !important; gap: .8em; }

.kjv-section-title {
  font-family: var(--kjv-serif) !important;
  font-size: clamp(1.4rem, 1.2rem + .8vw, 1.85rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
  color: var(--kjv-ink) !important;
  text-align: center;
  margin: 0 0 1.6em !important;
  padding-bottom: .55em;
  position: relative;
}
.kjv-section-title::after {
  content: "";
  display: block;
  width: 54px; height: 2px;
  background: var(--kjv-accent-sf);
  margin: .7em auto 0;
}

/* cards */
.home .kjv-cards { gap: 1.5em !important; margin-bottom: 1.5em !important; }
.home .kjv-card {
  background: var(--kjv-card);
  border: 1px solid var(--kjv-rule);
  border-top: 3px solid var(--kjv-accent-sf);
  border-radius: 4px;
  padding: 1.6em 1.5em 1.2em;
  height: 100%;
  transition: border-top-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.home .kjv-card:hover {
  border-top-color: var(--kjv-accent);
  box-shadow: 0 3px 14px rgba(90, 60, 25, .10);
  transform: translateY(-2px);
}
.home .kjv-card--blank {
  background: transparent; border: 0; box-shadow: none; transform: none;
}
.home .kjv-card h3 {
  font-family: var(--kjv-sans) !important;
  font-size: 1.02rem !important;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--kjv-ink) !important;
  margin: 0 0 .5em !important;
}
.home .kjv-card p {
  font-family: var(--kjv-serif) !important;
  font-size: .97rem !important;
  line-height: 1.65 !important;
  color: var(--kjv-ink-soft) !important;
  margin-bottom: .9em !important;
}
.home .kjv-card .kjv-card-link { margin: 0 !important; }
.home .kjv-card .kjv-card-link a {
  font-family: var(--kjv-sans) !important;
  font-size: .87rem !important;
  font-weight: 500;
  color: var(--kjv-accent) !important;
  text-decoration: none;
}
.home .kjv-card .kjv-card-link a::after { content: " \2192"; }
.home .kjv-card .kjv-card-link a:hover { color: var(--kjv-accent-dk) !important; }

/* recent posts on the front page */
.home .wp-block-latest-posts { padding-left: 0; list-style: none; }
.home .wp-block-latest-posts li {
  font-family: var(--kjv-serif) !important;
  font-size: 1.05rem; line-height: 1.6;
  margin-bottom: .65em;
  padding-bottom: .65em;
  border-bottom: 1px dotted var(--kjv-rule);
}
.home .wp-block-latest-posts li:last-child { border-bottom: 0; }
.home .wp-block-latest-posts a { color: var(--kjv-ink) !important; text-decoration: none; }
.home .wp-block-latest-posts a:hover { color: var(--kjv-accent) !important; }

/* ---------- spacing polish ----------------------------------------------- */
.separate-containers .inside-article { padding: 3em 2.2em; }
@media (max-width: 900px) {
  .home .kjv-card { margin-bottom: 1em; }
  body { font-size: 18px; }
}

/* ---------- fix: stop mid-word breaking in cards ------------------------- */
.home .kjv-card,
.home .kjv-card h3,
.home .kjv-card p,
.kjv-hero-title, .kjv-hero-sub,
.home .kjv-cards .wp-block-column {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* ---------- fix: 5 series presented as a balanced 3 + 2 centred row ------ */
/* Row 1 = 3 cards, Row 2 = 2 cards centred, no orphan gap. */
.home .kjv-cards { justify-content: center !important; }
.home .kjv-cards .wp-block-column {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 230px;
  max-width: 100%;
}
/* the second row holds exactly two cards -> centre them and cap their width */
.home .kjv-cards:last-of-type { margin-left: auto; margin-right: auto; }
.home .kjv-cards:last-of-type .wp-block-column {
  flex-basis: 300px; flex-grow: 0; min-width: 240px; max-width: 340px;
}
/* the spacer column that used to leave the hole */
.home .kjv-card--blank { display: none !important; }

/* ---------- polish: let card text breathe ------------------------------- */
.home .kjv-card { padding: 1.5em 1.35em 1.15em; }
.home .kjv-card h3 { font-size: 1.04rem !important; line-height: 1.35; }
.home .kjv-card p { font-size: .96rem !important; line-height: 1.6 !important; }
/* first row: give each card a sane readable width */
.home .kjv-cards:first-of-type .wp-block-column { min-width: 250px; }

/* nav rule full width */
.main-navigation { border-bottom: 1px solid var(--kjv-rule) !important; }
.main-navigation .inside-navigation { border-bottom: 0 !important; }

/* ==========================================================================
   POLISH PASS 3 — measure, contrast, rhythm
   ========================================================================== */

/* --- readable measure on article pages ---------------------------------- */
.single .inside-article, .page .inside-article, .single-post .inside-article {
  max-width: 760px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.entry-content { max-width: 68ch; }
.entry-content > * { max-width: 68ch; margin-left: auto; margin-right: auto; }
.entry-content > .alignwide, .entry-content > .alignfull { max-width: 100%; }

/* --- contrast: darken the small print ----------------------------------- */
:root {
  --kjv-ink-faint: #6f6960;   /* was #8a837a — too light for small text */
  --kjv-accent:    #7d4f24;   /* darker brown for better contrast on cream */
  --kjv-accent-dk: #5e3a18;
}
.entry-meta, .posted-on, .byline { color: var(--kjv-ink-faint) !important; }
.entry-content h2 { color: var(--kjv-accent) !important; }

/* --- rhythm: let section labels own their block ------------------------- */
.entry-content h2 {
  margin-top: 3em !important;
  padding-top: 1.2em;
  border-top: 1px solid var(--kjv-rule);
}
.entry-content h2:first-of-type { border-top: 0; padding-top: 0; margin-top: 2em !important; }

/* reflection questions stand on their own */
.entry-content ol { counter-reset: none; }
.entry-content ol li { margin-bottom: 1.1em !important; padding-left: .3em; }
.entry-content ul li { margin-bottom: .75em !important; }

/* verse lists read as a citation block */
.entry-content ul li strong { display: inline-block; margin-right: .3em; }

/* --- footer: give it real content --------------------------------------- */
.site-footer { padding-top: 0; }
.site-info { background: transparent !important; }

/* --- search widget styling ---------------------------------------------- */
.widget-area .wp-block-search__input {
  font-family: var(--kjv-serif) !important;
  border: 1px solid var(--kjv-rule);
  background: #fff;
  padding: .6em .75em;
  font-size: .95rem;
  border-radius: 3px;
}
.widget-area .wp-block-search__button {
  font-family: var(--kjv-sans) !important;
  background: var(--kjv-accent);
  color: #fff;
  border: 0;
  padding: .6em 1em;
  border-radius: 3px;
  font-size: .85rem;
}
.widget-area .wp-block-group { margin-bottom: 2.2em; }
.widget-area ul { list-style: none; padding-left: 0; }
.widget-area ul li { padding: .4em 0; border-bottom: 1px dotted var(--kjv-rule); font-size: .95rem; }
.widget-area ul li:last-child { border-bottom: 0; }
.widget-area .wp-block-categories { list-style: none; }

/* ---------- footer columns ---------------------------------------------- */
.site-footer .footer-widgets {
  padding: 2.6em 0 1.4em;
  border-bottom: 1px solid var(--kjv-rule);
}
.site-footer .footer-widgets .widget-title,
.site-footer .footer-widgets h6 {
  font-family: var(--kjv-sans) !important;
  font-size: .78rem !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--kjv-ink-faint) !important;
  margin: 0 0 .9em !important;
}
.site-footer .footer-widgets ul { list-style: none; padding-left: 0; margin: 0; }
.site-footer .footer-widgets li { padding: .22em 0; border: 0 !important; }
.site-footer .footer-widgets li a,
.site-footer .footer-widgets p {
  font-family: var(--kjv-serif) !important;
  font-size: .95rem !important;
  line-height: 1.6 !important;
  color: var(--kjv-ink-soft) !important;
  text-decoration: none;
}
.site-footer .footer-widgets li a:hover { color: var(--kjv-accent) !important; }
.site-footer .footer-bar, .site-info { padding: 1.2em 0; }

/* ==========================================================================
   FOCUS LAYOUT — posts and pages read full-width, no sidebar
   A devotional site should not put a widget column beside the scripture.
   ========================================================================== */

/* single posts, pages: content centred, sidebar removed from view */
.single .content-area, .page .content-area,
.single-post .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
.single .widget-area, .page .widget-area,
.single-post .widget-area {
  display: none !important;
}
.single #main .inside-article, .page #main .inside-article {
  max-width: 760px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* archives keep the sidebar (browsing, not reading) */
.archive .content-area, .blog .content-area { float: left !important; }

/* footer columns: three tidy columns */
.site-footer .inside-footer-widgets {
  display: grid !important;
  grid-template-columns: 1.2fr 1.4fr 1fr;
  gap: 2.4em;
  text-align: left !important;
}
.site-footer .footer-widget-1,
.site-footer .footer-widget-2,
.site-footer .footer-widget-3 { width: auto !important; float: none !important; }

@media (max-width: 900px) {
  .site-footer .inside-footer-widgets { grid-template-columns: 1fr; gap: 1.6em; }
}

/* ---------- archive listing polish -------------------------------------- */
/* drop the noisy "Read more" + comment links; the title is the link */
.archive .entry-content p:last-of-type a.more-link,
.blog .entry-content p:last-of-type a.more-link,
a.more-link { display: none !important; }
.archive .comments-link, .blog .comments-link { display: none !important; }

/* excerpt: quieter, and clamp to a sane length visually */
.archive .entry-summary p, .blog .entry-summary p {
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: var(--kjv-ink-soft) !important;
}
.archive .entry-header, .blog .entry-header { margin-bottom: .3em; }
.archive article, .blog article { padding-bottom: 1.8em; margin-bottom: 1.8em; }

/* pagination */
.paging-navigation, .wp-block-query-pagination, .page-numbers {
  font-family: var(--kjv-sans) !important;
  font-size: .9rem;
}
.paging-navigation a, .page-numbers {
  color: var(--kjv-accent) !important;
  padding: .35em .7em;
  border: 1px solid var(--kjv-rule);
  border-radius: 3px;
  margin-right: .25em;
  text-decoration: none;
}
.page-numbers.current {
  background: var(--kjv-accent);
  color: #fff !important;
  border-color: var(--kjv-accent);
}

/* search field: drop the duplicated "Search" label */
.widget-area .wp-block-search__label,
.widget-area .wp-block-search .wp-block-search__label { display: none !important; }

/* ---------- override GeneratePress's default BLUE palette ---------------- */
/* GeneratePress ships --accent:#1e73be (blue) and greys; these feed many
   rules, so re-point them at the warm palette rather than fighting each one. */
:root,
body {
  --contrast:    #22201d !important;
  --contrast-2:  #55504a !important;
  --contrast-3:  #6f6960 !important;
  --base:        #e6e0d6 !important;
  --base-2:      #fffdf9 !important;
  --base-3:      #f8f4ed !important;
  --accent:      #7d4f24 !important;   /* was blue */
  --accent-2:    #5e3a18 !important;
  --accent-3:    #c39a6b !important;
}

/* ---------- archive "Read more" (GeneratePress uses .read-more) --------- */
a.read-more {
  display: none !important;
}
a.read-more:hover { display: none !important; }

/* ==========================================================================
   HEADER SEARCH
   ========================================================================== */
.header-widget { margin-left: auto; }
.kjv-header-search { margin: 0; }
.kjv-header-search .wp-block-search__inside-wrapper {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--kjv-rule);
  border-radius: 3px;
  background: #fff;
  overflow: hidden;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.kjv-header-search .wp-block-search__inside-wrapper:focus-within {
  border-color: var(--kjv-accent-sf);
  box-shadow: 0 0 0 3px rgba(195, 154, 107, .18);
}
.kjv-header-search .wp-block-search__input {
  font-family: var(--kjv-sans) !important;
  font-size: .88rem !important;
  border: 0 !important;
  background: transparent !important;
  padding: .5em .75em !important;
  min-width: 190px;
  color: var(--kjv-ink) !important;
  box-shadow: none !important;
}
.kjv-header-search .wp-block-search__input::placeholder { color: var(--kjv-ink-faint); }
.kjv-header-search .wp-block-search__input:focus { outline: none !important; box-shadow: none !important; }

.kjv-header-search .wp-block-search__button {
  font-family: var(--kjv-sans) !important;
  background: var(--kjv-accent) !important;
  border: 0 !important;
  color: #fff !important;
  padding: 0 .85em !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: .84rem !important;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.kjv-header-search .wp-block-search__button:hover { background: var(--kjv-accent-dk) !important; }
.kjv-header-search .wp-block-search__button svg { fill: #fff; width: 17px; height: 17px; }
.kjv-header-search .wp-block-search__label { display: none; }

/* keep the header tidy: branding left, search right */
.site-header .inside-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .8em;
}
@media (max-width: 900px) {
  .header-widget { margin-left: 0; width: 100%; }
  .kjv-header-search .wp-block-search__input { min-width: 0; width: 100%; }
  .kjv-header-search .wp-block-search__inside-wrapper { width: 100%; }
  .kjv-header-search { width: 100%; }
}
