/*
Theme Name: Poietic Child
Template: kadence
Description: Child theme for Poietic Space — warm palette, custom typography
Version: 4.2
Author: Anna Ammon
*/

/* IMPORTANT: @import MUST be the first rule (before :root, body, etc.)
   or browsers silently ignore it — fonts would fall back to Georgia. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap");

/* ════════════════════════════════════
   PALETTE — Poietic Space
   ════════════════════════════════════ */
:root {
    --pst-bg:       #faf8f5;
    --pst-ink:      #56618b;
    --pst-ink-2:    #7b7fa2;
    --pst-ink-3:    #a89e94;
    --pst-water:    #4f7196;
    --pst-warm:     #b57f5d;
    --pst-gold:     #e4a379;
    --pst-pink:     #cc9fb1;
    --pst-lavender: #a595c2;
    --pst-divider:  #e8e4df;
}

/* Override Kadence global palette variables — at :root level for full coverage */
:root,
html,
body,
body.wp-site-blocks,
.wp-site-blocks,
.entry-content,
.site,
.kb-theme-default {
    --global-palette1: #4f7196 !important;
    --global-palette2: #b57f5d !important;
    --global-palette3: #56618b !important;
    --global-palette4: #7b7fa2 !important;
    --global-palette5: #a89e94 !important;
    --global-palette6: #7b7fa2 !important;
    --global-palette7: #e8e4df !important;
    --global-palette8: #faf8f5 !important;
    --global-palette9: #ffffff !important;
    --global-palette10: #e4a379 !important;
    --global-palette11: #6B9E5B !important;
    --global-palette12: #4f7196 !important;
    --global-palette13: #b57f5d !important;
    --global-palette14: #e4a379 !important;
    --global-palette15: #cc9fb1 !important;

    /* Kadence computed palette tokens */
    --global-palette-highlight: #4f7196 !important;
    --global-palette-highlight-alt: #b57f5d !important;
    --global-palette-highlight-alt2: #ffffff !important;
    --global-palette-btn-bg: #4f7196 !important;
    --global-palette-btn-bg-hover: #b57f5d !important;
    --global-palette-btn: #ffffff !important;
    --global-palette-btn-hover: #ffffff !important;
    --global-palette-btn-sec-bg: #e8e4df !important;
    --global-palette-btn-sec-bg-hover: #b57f5d !important;
    --global-palette-btn-sec: #56618b !important;
    --global-palette-btn-sec-hover: #ffffff !important;

    /* Archive hero gradient override */
    --global-palette9rgb: 255, 255, 255 !important;
}

/* Override archive hero gradient from blue to warm fog */
.post-archive-hero-section .entry-hero-container-inner {
    background: var(--pst-bg) !important;
}


/* ════════════════════════════════════
   FONTS
   ════════════════════════════════════ */
/* @import moved to top of file (must be first per CSS spec) */

body,
.wp-site-blocks,
.kb-form,
input, textarea, button {
    font-family: "Inter", -apple-system, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.wp-block-kadence-advancedheading,
.kt-adv-heading,
.site-branding a.brand,
.entry-title {
    font-family: "Playfair Display", Georgia, serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
}

body {
    background: var(--pst-bg);
    color: var(--pst-ink);
    font-size: 0.95rem;
    line-height: 1.8;
}

/* ════════════════════════════════════
   HEADER / NAV
   ════════════════════════════════════ */
.site-header-wrap {
    background: rgba(250, 248, 245, 0.9) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--pst-divider);
}

.site-branding a.brand {
    font-size: 1.8rem !important;
    text-transform: lowercase;
    color: var(--pst-ink);
}

.main-navigation .menu-item a {
    font-family: "Inter", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--pst-ink-2);
}

.main-navigation .menu-item a:hover {
    color: var(--pst-ink);
}

/* ════════════════════════════════════
   KADENCE FORMS
   ════════════════════════════════════ */
.kb-field,
.kb-text-style-field,
.wp-block-kadence-form input[type="text"],
.wp-block-kadence-form input[type="email"],
.wp-block-kadence-form textarea {
    border: 1px solid var(--pst-divider) !important;
    border-radius: 20px !important;
    background: var(--pst-bg) !important;
    padding: 12px 18px !important;
    font-size: 0.88rem !important;
    color: var(--pst-ink) !important;
}

.wp-block-kadence-form textarea {
    border-radius: 16px !important;
    min-height: 100px;
}

.kb-field:focus {
    border-color: var(--pst-water) !important;
    outline: none;
}

.kb-forms-submit {
    background: var(--pst-water) !important;
    color: white !important;
    border: none !important;
    border-radius: 23px !important;
    padding: 13px 28px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.kb-forms-submit:hover {
    opacity: 0.88;
}

/* ════════════════════════════════════
   HERO — Home Page
   ════════════════════════════════════ */
.kb-row-layout-id60_hero_dock {
    min-height: 100vh !important;
}

.poietic-hero-title,
.kt-adv-heading60_hero_h1 {
    text-transform: none !important;
    letter-spacing: -0.02em;
    color: #ffffff !important;
    text-shadow: 0 2px 24px rgba(0,0,0,0.25);
}

.poietic-hero-sub,
.poietic-hero-sub em,
.kt-adv-heading60_hero_sub,
.kt-adv-heading60_hero_sub em {
    color: rgba(255, 255, 255, 0.85) !important;
    font-style: italic !important;
    letter-spacing: 0.06em !important;
    text-shadow: 0 1px 12px rgba(0,0,0,0.2);
}

/* ════════════════════════════════════
   POIETIC CUSTOM HEADER — banner with dock
   ════════════════════════════════════ */
.poietic-header {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.poietic-header-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url("https://poieticspace.com/v2/hero-dock.png");
    background-size: cover;
    background-position: center 30%;
}

.poietic-header-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.12) 60%, rgba(250,248,245,0.85) 92%, var(--pst-bg) 100%);
}

.poietic-nav {
    position: relative;
    z-index: 2;
    padding: 0 40px;
}

.poietic-nav-inner {
    max-width: 1100px;
    margin: 0 auto;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.poietic-nav-logo {
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    text-transform: lowercase !important;
    letter-spacing: -0.02em !important;
    color: white !important;
    text-decoration: none !important;
    border-bottom: none !important;
    text-shadow: 0 1px 12px rgba(0,0,0,0.2);
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.poietic-nav-logo:hover {
    color: rgba(255,255,255,0.85) !important;
}

.poietic-nav-links {
    display: flex;
    gap: 28px;
    flex-shrink: 0;
}

.poietic-nav-links a {
    text-decoration: none !important;
    border-bottom: none !important;
    white-space: nowrap !important;
    font-family: "Inter", sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.8) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.2);
    transition: color 0.2s;
}

.poietic-nav-links a:hover {
    color: white !important;
}

.poietic-header-title {
    position: relative;
    z-index: 2;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 2.4rem !important;
    font-weight: 500 !important;
    color: white !important;
    text-align: center;
    margin: 40px auto 0 !important;
    max-width: 900px;
    padding: 0 32px;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3);
    text-transform: none !important;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

/* Hide original Kadence header */
.site-header-wrap { display: none !important; }

/* On archive/page show section name in header.
   On single post: keep entry-hero so article title appears near content. */
.archive .entry-hero,
.archive .archive-header,
body.page .entry-hero,
body.page header.entry-header,
body.blog .post-archive-hero-section,
body.blog > #wrapper > #inner-wrap > section.entry-hero,
body.blog .hero-section-overlay,
body.page-id-247 .entry-hero,
body.page-id-247 .entry-hero-container-inner,
body.page-id-247 .entry-hero-layout-standard,
body.page-id-247 .page-hero-section,
body.page-id-247 .content-container > header,
body.page-id-247 > .wrap > header,
body.page-id-247 .entry-header,
body.page-id-247 .entry-title,
body.page-id-247 .wp-block-post-title,
body.page-id-247 h1.entry-title,
body.page-id-247 h1.wp-block-heading:first-of-type {
    display: none !important;
}

@media (max-width: 768px) {
    .poietic-header { min-height: 200px; }
    .poietic-nav { padding: 0 12px !important; }
    .poietic-nav-inner { height: 56px; }
    .poietic-nav-logo { font-size: 0.95rem !important; }
    .poietic-nav-links { gap: 8px !important; }
    .poietic-nav-links a { font-size: 0.58rem !important; letter-spacing: 0 !important; }
    .poietic-header-title { font-size: 1.6rem !important; margin-top: 24px !important; }
}
/* Extra-narrow phones (iPhone SE etc.) — 4 nav items barely fit, tighten further */
@media (max-width: 380px) {
    .poietic-nav { padding: 0 8px !important; }
    .poietic-nav-logo { font-size: 0.85rem !important; }
    .poietic-nav-links { gap: 6px !important; }
    .poietic-nav-links a { font-size: 0.52rem !important; }
}


/* ════════════════════════════════════
   BLOG ARCHIVE — 2 columns desktop, 1 column mobile
   ════════════════════════════════════ */
body.blog .kadence-posts-list.grid-lg-col-3,
body.blog .grid-lg-col-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
/* Kadence adds grid-sm-col-2 class for 2 mobile columns — override to 1 col */
@media (max-width: 768px) {
    body.blog .kadence-posts-list,
    body.blog .grid-lg-col-3,
    body.blog .grid-sm-col-2,
    body.blog ul.grid-sm-col-2,
    body.blog .content-wrap.grid-sm-col-2 {
        grid-template-columns: 1fr !important;
    }
}


/* ════════════════════════════════════
   POIETIC FOOTER — minimal copyright
   ════════════════════════════════════ */

/* Footer background and typography */
.site-footer,
#colophon,
.site-footer-wrap {
    background: var(--pst-bg) !important;
    border-top: 1px solid var(--pst-divider) !important;
}

.site-bottom-footer-wrap,
.site-bottom-footer-inner-wrap {
    padding: 24px 20px !important;
}

/* Footer text: warm gray, small, centered */
.footer-html,
.footer-html-inner,
.footer-html p,
.site-info,
.site-info p {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.72rem !important;
    color: var(--pst-ink-3) !important;
    letter-spacing: 0.06em !important;
    text-align: center !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.footer-html p,
.site-info p {
    margin: 0 !important;
}

/* Hide only section-3 (section-1 contains the © text in current Kadence setup) */
.site-footer-bottom-section-3 {
    display: none !important;
}

/* Full width for section 2 */
.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after {
    display: none !important;
}

.site-footer-row-columns-3 {
    grid-template-columns: 1fr !important;
}

/* Hide any footer nav, menus, social, widgets we don't want */
.site-footer .footer-navigation,
.site-footer .footer-social-wrap,
.site-footer-top-wrap,
.site-middle-footer-wrap {
    display: none !important;
}

/* ════════════════════════════════════
   ARTICLE LINKS — in writing list and posts
   ════════════════════════════════════ */

/* Post titles in archive and single — target h2 AND its link */
body.blog .entry.loop-entry h2.entry-title,
body.blog .entry.loop-entry h2.entry-title a,
body .entry.loop-entry .entry-title,
body .entry.loop-entry .entry-title a,
.entry.single-entry .entry-title,
.entry.single-entry .entry-title a,
.wp-block-post-title a,
.post-archive .entry-title a {
    color: var(--pst-ink) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

body.blog .entry.loop-entry h2.entry-title a:hover,
body.blog .entry.loop-entry:hover h2.entry-title a,
body.blog .entry.loop-entry:hover h2.entry-title,
body .entry.loop-entry .entry-title a:hover,
body .entry.loop-entry:hover .entry-title a,
.entry.single-entry .entry-title a:hover,
.wp-block-post-title a:hover,
.post-archive .entry-title a:hover {
    color: var(--pst-lavender) !important;
}

/* Meta: author, date */
.entry-meta,
.entry-meta a,
.byline,
.posted-on {
    color: var(--pst-ink-2) !important;
}

/* Excerpt */
.entry-summary,
.entry-summary p {
    color: var(--pst-ink-2) !important;
}

/* "Read more" link */
.more-link,
a.more-link,
.post-more-link,
.entry-content .more-link,
.more-link-wrap a,
a.post-more-link {
    color: var(--pst-warm) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.more-link:hover,
.post-more-link:hover,
.more-link-wrap a:hover {
    color: var(--pst-gold) !important;
}

/* Category links — single unified color */
.entry-taxonomies a,
.category-links a,
.category-links a[class*="category-link-"] {
    color: var(--pst-warm) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 0.7rem !important;
    transition: opacity 0.2s;
}
.entry-taxonomies a:hover,
.category-links a:hover {
    opacity: 0.7;
}

/* Post navigation (prev/next) */
.post-navigation,
.nav-previous,
.nav-next,
.post-navigation a,
.nav-previous a,
.nav-next a {
    color: var(--pst-ink) !important;
    text-decoration: none !important;
    transition: color 0.2s;
}
.nav-previous a:hover,
.nav-next a:hover,
.post-navigation a:hover {
    color: var(--pst-warm) !important;
}
.post-navigation-sub small {
    color: var(--pst-ink-3) !important;
}

/* Related posts */
.entry-related,
.entry-related a,
.entry-related-title,
.entry-related .entry-title a {
    color: var(--pst-ink) !important;
    text-decoration: none !important;
}
.entry-related .entry-title a:hover,
.entry-related a:hover {
    color: var(--pst-lavender) !important;
}
.entry-related-title {
    font-family: "Playfair Display", Georgia, serif !important;
    font-weight: 500 !important;
}

/* Author link */
.posted-by .author a,
.posted-by a.url {
    color: var(--pst-water) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.2s;
}
.posted-by .author a:hover,
.posted-by a.url:hover {
    color: var(--pst-warm) !important;
}

/* Meta label (By) and date */
.meta-label,
.posted-on,
.entry-date {
    color: var(--pst-ink-3) !important;
}


/* ════════════════════════════════════
   GLOBAL LINK STYLES
   All links on WP pages — unified, accessible, not neon
   ════════════════════════════════════ */

/* Content area links — only inside post body, not archive */
.single-post .entry-content a:not(.button):not(.wp-block-button__link):not(.kb-button):not(.more-link):not(.post-more-link),
.single-post .wp-block-post-content a:not(.button):not(.wp-block-button__link) {
    color: var(--pst-water) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(79, 113, 150, 0.35) !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    transition: color 0.2s, text-decoration-color 0.2s;
}

.single-post .entry-content a:not(.button):not(.wp-block-button__link):not(.kb-button):not(.more-link):not(.post-more-link):hover,
.single-post .wp-block-post-content a:not(.button):not(.wp-block-button__link):hover {
    color: var(--pst-warm) !important;
    text-decoration-color: var(--pst-warm) !important;
}

/* On archive: no underline on cards */
.blog .entry-summary a,
.blog .loop-entry a {
    text-decoration: none !important;
}

/* Override any leftover kadence-palette1 blue link colors */
.site-main a:where(:not(.button):not(.wp-block-button__link):not(.kb-button):not(.post-thumbnail):not(.post-more-link):not(.nav-previous a):not(.nav-next a):not(.category-links a):not(.entry-taxonomies a)) {
    color: var(--pst-water) !important;
}

/* Headings that are links — no underline */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.entry-title a,
.wp-block-post-title a {
    text-decoration: none !important;
}


/* ════════════════════════════════════
   SITE TITLE — unified Playfair Display across all WP pages
   ════════════════════════════════════ */
/* Removed old Tenor Sans default override — it was below mobile media queries
   in source order and with equal specificity was winning the cascade,
   making the logo 1.6rem on all WP pages including mobile. Base rule
   (Playfair Display 2rem desktop / 1rem mobile) now handles everything. */


/* ════════════════════════════════════
   POST CTA — newsletter subscribe at the end of every single post
   Injected via the_content filter in functions.php
   ════════════════════════════════════ */

.post-cta {
    max-width: 560px;
    margin: 80px auto 60px;
    padding: 0 24px;
    text-align: center;
    font-family: 'Inter', sans-serif;
}

/* Editorial three-dots divider */
.post-cta-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 0 auto;
}
.post-cta-divider span {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--pst-warm, #b57f5d);
    opacity: 0.55;
}

.post-cta-invitation {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    color: var(--pst-ink, #56618b) !important;
    margin: 40px auto 28px !important;
    max-width: 440px;
    text-align: center !important;
    font-weight: 400 !important;
}

.post-cta-form-wrap {
    background: white;
    border: 1px solid var(--pst-divider, #e8e4df);
    border-radius: 16px;
    padding: 24px 24px 18px;
    margin: 0 auto;
    box-shadow: 0 2px 24px rgba(86, 97, 139, 0.05);
}

/* Kit form brand overrides inside post CTA */
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: 'Inter', sans-serif !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] [data-style="clean"] {
    padding: 0 !important;
    margin: 0 !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-alert:empty,
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-alert-error:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-fields {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-input {
    background: var(--pst-bg, #faf8f5) !important;
    border: 1px solid var(--pst-divider, #e8e4df) !important;
    border-radius: 24px !important;
    padding: 0 22px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    color: var(--pst-ink, #56618b) !important;
    height: 48px !important;
    line-height: 48px !important;
    width: 100% !important;
    transition: border-color 0.2s !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-input:focus {
    border-color: var(--pst-water, #4f7196) !important;
    outline: none !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-input::placeholder {
    color: var(--pst-ink-3, #a89e94) !important;
    opacity: 1 !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-submit {
    background: var(--pst-water, #4f7196) !important;
    color: white !important;
    border: none !important;
    border-radius: 24px !important;
    height: 48px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: opacity 0.2s !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-submit > span {
    padding: 0 28px !important;
    line-height: 1 !important;
    display: inline-block !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-submit:hover {
    opacity: 0.88 !important;
}
.post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-submit:hover > span {
    background-color: transparent !important;
}

.post-cta-note {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
    font-size: 0.82rem !important;
    color: var(--pst-ink-3, #a89e94) !important;
    margin: 28px 0 40px !important;
    text-align: center !important;
}

/* Mobile: stack form into column */
@media (max-width: 768px) {
    .post-cta {
        margin: 56px auto 40px;
        padding: 0 20px;
    }
    .post-cta-invitation {
        font-size: 1.05rem !important;
        margin: 32px auto 24px !important;
    }
    .post-cta-form-wrap {
        padding: 18px 18px 14px;
    }
    .post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-fields {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-input {
        font-size: 16px !important; /* prevents iOS auto-zoom */
    }
    .post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-submit {
        flex: 1 0 auto !important;
        width: 100% !important;
    }
    .post-cta-form-wrap .formkit-form[data-uid="1d77398ffc"] .formkit-submit > span {
        padding: 0 20px !important;
    }
    .post-cta-note {
        margin: 22px 0 32px !important;
    }
}


/* ════════════════════════════════════
   WELCOME PAGE (/welcome/) — editorial list of all essays
   Targeted ONLY at body.page-id-615 (Welcome page)
   ════════════════════════════════════ */

/* Remove Kadence boxed content-style white card */
body.page-id-615 .content-bg,
body.page-id-615 .entry-content-wrap,
body.page-id-615 .content-container,
body.page-id-615 .site-container,
body.page-id-615 .site-main {
    background: transparent !important;
    box-shadow: none !important;
}

body.page-id-615 .entry-content {
    background: transparent !important;
    padding: 0 !important;
}

/* Intro paragraph — warm editorial tone */
body.page-id-615 .poietic-welcome-intro {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.2rem !important;
    line-height: 1.75 !important;
    color: var(--pst-ink, #56618b) !important;
    text-align: center !important;
    max-width: 620px;
    margin: 56px auto 48px !important;
    padding: 0 24px;
    font-style: normal !important;
}

/* Query Loop container */
body.page-id-615 .poietic-welcome-list {
    max-width: 780px;
    margin: 0 auto 40px;
    padding: 0 24px;
}

/* Post Template inside Query Loop — list of posts */
body.page-id-615 .poietic-welcome-list .wp-block-post-template {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Each post item — grid: image | (title + date stacked) */
body.page-id-615 .poietic-welcome-list .wp-block-post {
    display: grid !important;
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto auto;
    gap: 4px 24px;
    align-items: start;
    padding: 28px 0 !important;
    margin: 0 !important;
    border-top: 1px solid var(--pst-divider, #e8e4df);
    transition: padding-left 0.25s ease;
}

body.page-id-615 .poietic-welcome-list .wp-block-post:last-child {
    border-bottom: 1px solid var(--pst-divider, #e8e4df);
}

body.page-id-615 .poietic-welcome-list .wp-block-post:hover {
    padding-left: 12px !important;
}

/* Featured image — spans both rows (left column) */
body.page-id-615 .poietic-welcome-list .wp-block-post-featured-image {
    grid-column: 1;
    grid-row: 1 / 3;
    margin: 0 !important;
}

body.page-id-615 .poietic-welcome-list .wp-block-post-featured-image img {
    width: 120px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

body.page-id-615 .poietic-welcome-list .wp-block-post-featured-image a {
    display: block;
}

/* Post title — top right cell */
body.page-id-615 .poietic-welcome-list .wp-block-post-title,
body.page-id-615 .poietic-welcome-list h2.wp-block-post-title {
    grid-column: 2;
    grid-row: 1;
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.45rem !important;
    font-weight: 500 !important;
    color: var(--pst-ink, #56618b) !important;
    letter-spacing: -0.01em;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-transform: none !important;
}

body.page-id-615 .poietic-welcome-list .wp-block-post-title a {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

body.page-id-615 .poietic-welcome-list .wp-block-post-title a:hover {
    color: var(--pst-warm, #b57f5d) !important;
}

/* Post date — bottom right cell */
body.page-id-615 .poietic-welcome-list .wp-block-post-date {
    grid-column: 2;
    grid-row: 2;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.78rem !important;
    color: var(--pst-ink-3, #a89e94) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

body.page-id-615 .poietic-welcome-list .wp-block-post-date time {
    color: inherit;
    font-style: normal;
}

/* Post without featured image (e.g. post 138) — title spans full width */
body.page-id-615 .poietic-welcome-list .wp-block-post:not(:has(.wp-block-post-featured-image)) {
    grid-template-columns: 1fr;
}

body.page-id-615 .poietic-welcome-list .wp-block-post:not(:has(.wp-block-post-featured-image)) .wp-block-post-title {
    grid-column: 1;
}

body.page-id-615 .poietic-welcome-list .wp-block-post:not(:has(.wp-block-post-featured-image)) .wp-block-post-date {
    grid-column: 1;
}

/* Footer note below list */
body.page-id-615 .poietic-welcome-footer-note {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
    font-size: 1rem !important;
    color: var(--pst-ink-3, #a89e94) !important;
    text-align: center !important;
    margin: 72px auto 80px !important;
    padding: 0 24px;
}

body.page-id-615 .poietic-welcome-footer-note a {
    color: var(--pst-water, #4f7196) !important;
    text-decoration: none !important;
    border-bottom: 1px dotted var(--pst-water, #4f7196) !important;
    padding-bottom: 1px;
}

body.page-id-615 .poietic-welcome-footer-note a:hover {
    color: var(--pst-warm, #b57f5d) !important;
    border-bottom-color: var(--pst-warm, #b57f5d) !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    body.page-id-615 .poietic-welcome-intro {
        font-size: 1.08rem !important;
        margin: 36px auto 32px !important;
        padding: 0 20px;
        line-height: 1.65 !important;
    }

    body.page-id-615 .poietic-welcome-list {
        padding: 0 20px;
    }

    body.page-id-615 .poietic-welcome-list .wp-block-post {
        grid-template-columns: 80px 1fr;
        gap: 3px 16px;
        padding: 22px 0 !important;
    }

    body.page-id-615 .poietic-welcome-list .wp-block-post:hover {
        padding-left: 0 !important;
    }

    body.page-id-615 .poietic-welcome-list .wp-block-post-featured-image img {
        width: 80px !important;
        height: 60px !important;
    }

    body.page-id-615 .poietic-welcome-list .wp-block-post-title,
    body.page-id-615 .poietic-welcome-list h2.wp-block-post-title {
        font-size: 1.15rem !important;
    }

    body.page-id-615 .poietic-welcome-list .wp-block-post-date {
        font-size: 0.7rem !important;
    }

    body.page-id-615 .poietic-welcome-footer-note {
        margin: 48px auto 56px !important;
    }
}