/* Daily Word single post - calm, readable reading page that follows the site
   colour switch. Light by default, dark under body.color-switch-dark.
   Colours are WCAG-AA in both modes. Bible verses stay <h6> with the purple
   left line, refined into a pull-quote. */

body.satdw-single{
  /* LIGHT (default) */
  --dws-bg:#f5f2f8;
  --dws-card:#ffffff;
  --dws-ink:#241a2e;      /* 14:1 on card */
  --dws-body:#37303f;     /* 11:1 on card */
  --dws-muted:#635a70;    /* 6.2:1 on card */
  --dws-accent:#7a3f95;   /* 6.0:1 on card */
  --dws-verse-ink:#3b2350;/* 10:1 on tint  */
  --dws-verse-bg:rgba(122,63,149,.08);
  --dws-line:rgba(84,46,104,.18);
  background:var(--dws-bg)
}
body.satdw-single.color-switch-dark{
  /* DARK */
  --dws-bg:#0d0912;
  --dws-card:#171020;
  --dws-ink:#f4f0f7;      /* 15:1 on card */
  --dws-body:#cdc3d9;     /* 9:1 on card  */
  --dws-muted:#a99bbd;    /* 5.6:1 on card*/
  --dws-accent:#c48ae0;   /* 7.4:1 on card*/
  --dws-verse-ink:#e8dcf2;
  --dws-verse-bg:rgba(196,138,224,.10);
  --dws-line:rgba(196,138,224,.20);
  background:var(--dws-bg)
}

.satdw-single .content-bg,
.satdw-single .entry-content-wrap{background:var(--dws-card)}

@media(min-width:1000px){
  .satdw-single .single-entry.content-bg{
    border-radius:16px;box-shadow:0 24px 60px -40px rgba(40,15,60,.42);margin-top:2rem}
}
body.color-switch-dark.satdw-single .single-entry.content-bg{
  box-shadow:0 24px 60px -40px rgba(0,0,0,.9)}

/* ---- Featured image ---------------------------------------------------- */
.satdw-single .article-post-thumbnail img,
.satdw-single .post-thumbnail img{border-radius:14px}

/* ---- Header: eyebrow, title, meta -------------------------------------- */
.satdw-single .entry-taxonomies .category-links a{
  color:var(--dws-accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.satdw-single .entry-header .entry-title{
  font-size:clamp(1.95rem,4.4vw,3rem);line-height:1.14;letter-spacing:-.015em;
  color:var(--dws-ink);margin:.5rem 0 .35rem}
.satdw-single .entry-meta,
.satdw-single .entry-meta a{color:var(--dws-muted);font-size:.9rem}
.satdw-single .entry-meta a:hover{color:var(--dws-accent)}

/* ---- Reading body ------------------------------------------------------ */
.satdw-single .entry-content.single-content{
  max-width:43rem;margin-left:auto;margin-right:auto;
  font-size:1.19rem;line-height:1.82;color:var(--dws-body);text-align:left}
.satdw-single .entry-content.single-content > p{margin:0 0 1.55rem}
.satdw-single .entry-content.single-content > p:last-child{margin-bottom:0}
.satdw-single .entry-content.single-content > p:first-of-type::first-letter{
  float:left;font-family:"Roboto Slab",Georgia,serif;font-weight:700;
  font-size:3.7rem;line-height:.8;color:var(--dws-accent);padding:.06em .16em 0 0}
.satdw-single .entry-content.single-content a{
  color:var(--dws-accent);text-decoration:underline;text-underline-offset:2px}
.satdw-single .entry-content.single-content strong{color:var(--dws-ink)}
.satdw-single .entry-content.single-content h1,
.satdw-single .entry-content.single-content h2,
.satdw-single .entry-content.single-content h3,
.satdw-single .entry-content.single-content h4,
.satdw-single .entry-content.single-content h5{color:var(--dws-ink)}

/* ---- Bible verse H6: the left line, as a pull-quote -------------------- */
.satdw-single .entry-content > h6{
  text-align:left;font-style:italic;font-weight:400;
  font-size:1.17rem;line-height:1.66;color:var(--dws-verse-ink);
  background:linear-gradient(90deg,var(--dws-verse-bg),rgba(0,0,0,0) 92%);
  border-left:4px solid var(--dws-accent);border-radius:0 12px 12px 0;
  padding:1.2rem 1.6rem;margin:2.3rem auto;max-width:43rem}

/* ---- Below the article -------------------------------------------------- */
.satdw-single .entry-author,
.satdw-single .prev-next-post-nav,
.satdw-single .nav-links{border-color:var(--dws-line)}
/* ---- Related posts ("Lidzigi raksti") ---------------------------------- *
 * Kadence renders these very large and with no excerpt. Bring the scale down to
 * card size, add the excerpt (injected via kadence_loop_entry_content) and give
 * the cards a quiet modern surface. */
.satdw-single .entry-related{background:var(--dws-bg)}
.satdw-single .entry-related-title{
  color:var(--dws-ink);font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2;
  letter-spacing:-.01em;margin:0 0 1.6rem}

.satdw-single .entry-related .loop-entry{
  background:var(--dws-card);border:1px solid var(--dws-line);
  border-radius:14px;overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.satdw-single .entry-related .loop-entry:hover{
  transform:translateY(-4px);border-color:var(--dws-accent);
  box-shadow:0 16px 34px -22px rgba(40,15,60,.55)}
/* equal-height cards across the row (carousel slides stretch) */
.satdw-single .entry-related .splide__track,
.satdw-single .entry-related .splide__list{align-items:stretch}
.satdw-single .entry-related .splide__slide{height:auto}
.satdw-single .entry-related .loop-entry{height:100%;display:flex;flex-direction:column}
/* Kadence sets the card ratio as padding-bottom ON THE ANCHOR (.kadence-thumbnail-
   ratio-5-4 = 125%, i.e. portrait) and absolutely positions .post-thumbnail-inner,
   so an aspect-ratio on the <img> cannot shrink it. Override the anchor. */
.satdw-single .entry-related .loop-entry .post-thumbnail{
  margin:0;flex:none;padding-bottom:62.5% !important;height:auto}
.satdw-single .entry-related .loop-entry .post-thumbnail img{
  border-radius:0;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:auto}
.satdw-single .entry-related .loop-entry .entry-content-wrap{
  padding:1rem 1.15rem 1.2rem;background:transparent;
  flex:1;display:flex;flex-direction:column}
/* push the date line to the bottom so cards align regardless of text length */
.satdw-single .entry-related .loop-entry .entry-meta{margin-top:auto;padding-top:.6rem}

/* the oversized serif heading -> card-sized */
.satdw-single .entry-related .loop-entry .entry-title{
  font-size:1.06rem;line-height:1.3;letter-spacing:-.005em;margin:0 0 .45rem}
.satdw-single .entry-related .loop-entry .entry-title a{color:var(--dws-ink)}
.satdw-single .entry-related .loop-entry .entry-title a:hover{color:var(--dws-accent)}

/* injected excerpt */
.satdw-single .satdw-rel-exc{
  color:var(--dws-body);font-size:.9rem;line-height:1.55;margin:0 0 .6rem}

/* Carousel arrows: Kadence centres them vertically OVER the slides, which lands
   them on top of the card titles. Lift them out to the top-right of the section,
   beside the heading. */
/* Anchor to the carousel (which starts directly under the heading) and lift the
   buttons up into the heading's line - robust regardless of section padding. */
.satdw-single .entry-related .entry-related-carousel{position:relative}
.satdw-single .entry-related .splide__arrows{
  position:absolute;top:-3.5rem;right:0;left:auto;bottom:auto;
  display:flex;gap:.5rem;z-index:3;pointer-events:auto}
.satdw-single .entry-related .splide__arrow{
  position:static;transform:none;margin:0;opacity:1;
  width:2.3rem;height:2.3rem;border-radius:999px;
  background:var(--dws-card);border:1px solid var(--dws-line);
  color:var(--dws-accent)}
.satdw-single .entry-related .splide__arrow svg{fill:currentColor;width:1rem;height:1rem}
/* keep Splide's mirroring for the prev arrow (our transform:none is on the button) */
.satdw-single .entry-related .splide__arrow--prev svg{transform:scaleX(-1)}
.satdw-single .entry-related .splide__arrow:hover:not(:disabled){
  background:var(--dws-accent);color:var(--dws-card);border-color:var(--dws-accent)}
.satdw-single .entry-related .splide__arrow:disabled{opacity:.4}
/* keep the heading clear of the buttons */
.satdw-single .entry-related-title{padding-right:6rem}

.satdw-single .entry-related .entry-meta,
.satdw-single .entry-related .entry-meta a{color:var(--dws-muted);font-size:.78rem}
.satdw-single .entry-related .entry-meta a:hover{color:var(--dws-accent)}
/* the author line adds noise at card size */
.satdw-single .entry-related .entry-meta .entry-meta-author,
.satdw-single .entry-related .entry-meta .by-author{display:none}

/* Dark mode: keep the shared footer readable on the dark page. */
body.color-switch-dark.satdw-single .footer-navigation-wrap a{color:#cabfd6 !important}
body.color-switch-dark.satdw-single .footer-navigation-wrap a:hover{color:#fff !important}
body.color-switch-dark.satdw-single .footer-html-inner,
body.color-switch-dark.satdw-single .footer-html-inner p{color:#b3a7c4 !important}

/* ---- Accessibility ------------------------------------------------------ */
.satdw-single a:focus-visible,
.satdw-single button:focus-visible{outline:3px solid var(--dws-accent);outline-offset:2px;border-radius:4px}

/* ---- Mobile: give the reading column real breathing room --------------- *
 * Kadence's boxed padding collapses to 0 here, so text ran to within 8px of the
 * screen edge (claustrophobic). Pad the wrap that holds header + body + footer. */
@media(max-width:800px){
  .satdw-single .entry-content-wrap{padding:1.75rem 1.35rem 2.25rem !important}
  .satdw-single .entry-header .entry-title{
    font-size:clamp(1.5rem,5.6vw,1.95rem);line-height:1.2;margin:.45rem 0 .5rem}
  .satdw-single .entry-taxonomies .category-links a{font-size:.68rem}
  .satdw-single .entry-meta{font-size:.82rem;line-height:1.75}
  .satdw-single .entry-content.single-content{margin-top:1.5rem}
  /* related cards: keep the same gutter as the article */
  .satdw-single .entry-related-inner{padding-left:1.35rem;padding-right:1.35rem}
  .satdw-single .entry-related-title{margin-bottom:1.1rem}
}
@media(max-width:600px){
  .satdw-single .entry-content.single-content{font-size:1.08rem;line-height:1.78}
  .satdw-single .entry-content.single-content > p{margin:0 0 1.35rem}
  .satdw-single .entry-content.single-content > p:first-of-type::first-letter{font-size:3rem}
  .satdw-single .entry-content > h6{padding:1rem 1.15rem;font-size:1.05rem;margin:1.9rem 0}
}