/* =====================================================
   ISABEL MONTOYA — DESIGN SYSTEM
   ===================================================== */

/* 1. CUSTOM PROPERTIES
   ----------------------------------------------------- */
:root {
  --max:     1200px;
  --pad:     40px;
  --sp-sm:   24px;
  --sp-md:   48px;
  --sp-lg:   80px;
  --ink:     #111111;
  --bg:      #ffffff;
  --muted:   #777777;
  --rule:    rgba(0,0,0,0.12);
  --serif:   'Cormorant Garamond', Georgia, serif;
  --sans:    'Jost', sans-serif;
}

/* 2. BASE
   ----------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--sans);
  font-size: 13px;
  color: var(--ink);
  background: var(--bg);
}

/* 3. GLOBAL CONTAINER SYSTEM — every page
   ----------------------------------------------------- */
#content .ast-container,
.ast-container {
  max-width: var(--max) !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

.entry-content,
.ast-post-format- {
  max-width: 100% !important;
  width: 100% !important;
}

/* Spectra inner blocks: fill parent, no extra padding */
.uagb-container-inner-blocks-wrap {
  max-width: 100% !important;
  width: 100% !important;
}
.uagb-section__inner-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Gutenberg columns: full-width by default (no WP generated max-width) */
.wp-block-columns {
  max-width: none !important;
  width: 100% !important;
}

/* Note: Spectra block backgrounds and padding are intentionally
   preserved from block editor settings — no global overrides here */

/* 4. HEADER
   ----------------------------------------------------- */
#masthead,
.main-header-bar,
.ast-primary-header-bar {
  background-color: var(--bg) !important;
  border-bottom: 1px solid var(--rule) !important;
  box-shadow: none !important;
  padding: 14px 0 !important;
}

/* 5. NAVIGATION
   ----------------------------------------------------- */
.ast-nav-menu > li > a,
.main-navigation ul li a,
#site-navigation .menu-link,
.ast-header-custom-item .ast-nav-menu > li > a {
  font-family: var(--serif) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
}

/* 6. PAGE TITLES
   ----------------------------------------------------- */
.entry-title,
.page-title,
h1.entry-title {
  font-family: var(--serif) !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
}
.entry-header {
  padding-top: 0 !important;
  margin-bottom: var(--sp-md) !important;
}

/* 7. PAINTINGS PAGE — grid layout (page-id-10)
   ----------------------------------------------------- */
.page-id-10 .entry-title {
  font-family: var(--serif) !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-bottom: var(--sp-md) !important;
}

/* Acrylic section heading */
.page-id-10 h2 {
  font-family: var(--serif) !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  margin-top: var(--sp-lg) !important;
  margin-bottom: var(--sp-md) !important;
}

/* Grid rows */
.page-id-10 .wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: var(--sp-sm) !important;
  margin-bottom: var(--sp-sm) !important;
  max-width: none !important;
  width: 100% !important;
  flex-wrap: unset !important;
  align-items: stretch !important;
}

/* Grid cells */
.page-id-10 .wp-block-column {
  width: 100% !important;
  flex: unset !important;
  min-width: 0 !important;
  max-width: none !important;
}

.page-id-10 .wp-block-image {
  margin: 0 !important;
}

.page-id-10 .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  display: block !important;
  filter: none !important;
  transition: transform 0.4s ease !important;
}

.page-id-10 .wp-block-image img:hover {
  transform: scale(1.02) !important;
}

/* Painting captions */
.page-id-10 .wp-element-caption,
.page-id-10 figcaption {
  font-family: var(--serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  text-align: center !important;
  margin-top: 10px !important;
  padding: 0 !important;
}

/* 8. CONTACT PAGE (page-id-698)
   ----------------------------------------------------- */
.page-id-698 .entry-title,
.page-id-698 .entry-header {
  display: none !important;
}

.page-id-698 .contact-title-heading {
  font-family: var(--serif) !important;
  font-size: clamp(40px, 6vw, 88px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  line-height: 1 !important;
  margin-bottom: var(--sp-sm) !important;
}

.page-id-698 .contact-name-heading {
  font-family: var(--serif) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

.page-id-698 .wp-block-column p {
  font-family: var(--serif) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  color: #222222 !important;
  line-height: 1.8 !important;
  margin-bottom: 6px !important;
}

.page-id-698 .wp-block-column p a {
  color: #222222 !important;
  text-decoration: none !important;
}
.page-id-698 .wp-block-column p a:hover {
  text-decoration: underline !important;
}

.page-id-698 .wp-block-separator {
  border-color: var(--rule) !important;
  margin: var(--sp-sm) 0 !important;
  opacity: 1 !important;
}

.page-id-698 .contact-form-heading {
  font-family: var(--serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--ink) !important;
  margin-bottom: var(--sp-sm) !important;
}

.page-id-698 .wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* SureForms: force visible inputs */
.page-id-698 .srfm-form-container,
.srfm-form-container-2030 {
  --srfm-color-input-text: #111111;
  --srfm-color-input-background: #ffffff;
  --srfm-color-input-border: rgba(0,0,0,0.18);
}

.page-id-698 .srfm-form-container input[type="text"],
.page-id-698 .srfm-form-container input[type="email"],
.page-id-698 .srfm-form-container input[type="tel"],
.page-id-698 .srfm-form-container textarea,
.page-id-698 .srfm-form-container select {
  color: #111111 !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  border-radius: 0 !important;
}

.page-id-698 .srfm-form-container label,
.page-id-698 .srfm-form-container .srfm-label {
  color: #111111 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.srfm-button,
.srfm-submit-button {
  background-color: var(--ink) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* 9. FOOTER
   ----------------------------------------------------- */
#colophon,
.site-footer {
  background-color: var(--ink) !important;
  color: #666666 !important;
}
#colophon p,
.site-footer p,
#colophon a,
.site-footer a {
  color: #666666 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}

/* 10. RESPONSIVE
   ----------------------------------------------------- */
@media (max-width: 1024px) {
  :root { --pad: 24px; }

  .page-id-10 .wp-block-columns {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  :root { --pad: 16px; }

  #content .ast-container,
  .ast-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .page-id-10 .wp-block-columns {
    grid-template-columns: 1fr !important;
  }
}
/* Contact page: force white background throughout */
.page-id-698,
.page-id-698 .wp-block-uagb-container,
.page-id-698 .uagb-container-inner-blocks-wrap,
.page-id-698 .wp-block-group,
.page-id-698 .entry-content,
.page-id-698 .wp-block-columns,
.page-id-698 .wp-block-column {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* Paintings page: force white background */
.page-id-10,
.page-id-10 .wp-block-uagb-container,
.page-id-10 .uagb-container-inner-blocks-wrap,
.page-id-10 .entry-content {
  background-color: #ffffff !important;
}
/* Fix: Astra article element dark background on contact page */
.page-id-698 article,
.page-id-698 .ast-article-single {
  background-color: #ffffff !important;
}

/* Fix: Astra article element on paintings page */
.page-id-10 article,
.page-id-10 .ast-article-single {
  background-color: #ffffff !important;
}
/* Fix: CONTACT heading and all text elements on white contact page */
.page-id-698 .contact-page-title,
.page-id-698 .contact-title-heading,
.page-id-698 h1.wp-block-heading,
.page-id-698 h2.wp-block-heading {
  color: #111111 !important;
}

.page-id-698 .contact-page-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(40px, 6vw, 88px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-bottom: 24px !important;
}

/* Fix any other white-on-white text elements on contact page */
.page-id-698 .uagb-heading-text,
.page-id-698 p,
.page-id-698 li {
  color: #111111 !important;
}

/* ─── ISABEL MONTOYA — Nav wordmark (center logo) ─── */
.nav-logo-wordmark .menu-link,
.nav-logo-wordmark > a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  letter-spacing: 0.45em !important;
  text-transform: uppercase !important;
  color: #111111 !important;
  pointer-events: none;
  cursor: default;
}

/* ─── Remove dark backgrounds — all pages white ─── */
.wp-block-uagb-container,
.wp-block-uagb-container .uagb-section--inner-wrap,
.uagb-section,
article.ast-article-single,
.ast-separate-container .ast-article-single,
#primary, #main {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ─── Fix text colors now backgrounds are white ─── */
.wp-block-uagb-container h1,
.wp-block-uagb-container h2,
.wp-block-uagb-container h3,
.wp-block-uagb-container h4,
.wp-block-uagb-container p,
.wp-block-uagb-container span,
.wp-block-uagb-container a,
.uagb-heading-text,
.uagb-sub-heading-text,
.wp-block-heading,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content p {
  color: #111111 !important;
}

/* ─── FOOTER — Compact & intentional ─── */

/* Keep footer dark, override our global white-bg rule */
.site-footer,
.site-footer .wp-block-uagb-container,
.site-footer .wp-block-uagb-container .uagb-section--inner-wrap,
.site-footer .uagb-section,
#colophon {
  background-color: #111111 !important;
  background-image: none !important;
}

/* Above-footer (Stay in Touch): 77px → 32px top/bottom */
.site-above-footer-wrap.ast-builder-grid-row-container {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Primary footer bar: 104px/64px → 20px/20px */
.site-primary-footer-wrap.ast-builder-grid-row-container {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Widget sections inside footer: reduce bottom margin 36px → 14px */
.footer-widget-area .widget {
  margin-bottom: 14px !important;
}
.footer-widget-area .widget:last-child {
  margin-bottom: 0 !important;
}

/* Tighten spacing between Stay in Touch title, description, input, button */
.site-footer .wp-block-group,
.site-footer .wp-block-column {
  gap: 12px !important;
}
.site-footer p {
  margin-bottom: 12px !important;
}
.site-footer .wp-block-button {
  margin-top: 8px !important;
}

/* Footer text — keep light on dark */
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer .uagb-heading-text,
.site-footer .wp-block-heading,
.site-footer .textwidget p {
  color: #ffffff !important;
}

/* Footer container width aligned with site system */
.site-footer .ast-container,
.site-footer .ast-builder-grid-row-container-inner {
  max-width: var(--max) !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ─── Subscribe button — prevent text wrap ─── */
.srfm-submit-button,
.srfm-button.srfm-submit-button {
  white-space: nowrap !important;
  min-width: 130px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ─── Footer form row — input + button side by side, tight ─── */
.site-footer .srfm-block-wrap,
.site-footer .srfm-fields-wrap {
  gap: 8px !important;
}

/* ─── Reduce last content block bottom padding to close white gap ─── */
#primary .entry-content > *:last-child,
#primary .wp-block-uagb-container:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ast-article-single > .entry-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* ─── SureForms footer form — tighten field gaps ─── */
.site-footer .srfm-form {
  gap: 10px 12px !important;
}
.site-footer .srfm-block-single {
  margin-bottom: 0 !important;
}
.site-footer .srfm-error-wrap {
  display: none !important;
}

/* ═══════════════════════════════════════════
   POEMS ARCHIVE — Curated editorial grid
═══════════════════════════════════════════ */

/* White background throughout */
.blog #primary,
.blog .site-content,
.blog article.type-post,
.blog .ast-article-inner,
.ast-blog-layout-6-grid .ast-article-inner {
  background-color: #ffffff !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Strip card padding, reset to flat */
.blog .ast-article-inner,
.ast-blog-layout-6-grid .ast-article-inner {
  padding: 0 0 40px !important;
  border-bottom: 1px solid rgba(0,0,0,0.10) !important;
}

/* Hide all blog clutter */
.blog .ast-blog-featured-section,
.blog .post-thumb,
.blog .ast-excerpt-container,
.blog .ast-read-more-single,
.blog .read-more-container,
.blog .entry-footer,
.blog .ast-tags-meta {
  display: none !important;
}

/* Grid top padding */
.blog #primary .ast-grid-3 {
  padding-top: var(--sp-md) !important;
  padding-bottom: var(--sp-lg) !important;
}

/* Each post: no extra side padding */
.blog article.type-post {
  padding-left: 0 !important;
  padding-right: 16px !important;
}

/* Title — clean, dark, prominent */
.blog .entry-title {
  font-size: 18px !important;
  color: #111111 !important;
  margin: 0 0 8px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.blog .entry-title a {
  color: #111111 !important;
  text-decoration: none !important;
}
.blog .entry-title a:hover {
  color: #888888 !important;
  text-decoration: none !important;
}

/* Date — small, subtle */
.blog .entry-header,
.blog .ast-blog-meta-container {
  order: 2;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.blog .entry-header .posted-on,
.blog .entry-header .ast-post-meta {
  font-size: 11px !important;
  color: #999999 !important;
  letter-spacing: 0.08em !important;
}
.blog .entry-header a {
  color: #999999 !important;
  text-decoration: none !important;
}

/* ═══════════════════════════════════════════
   SINGLE POEM — Book / editorial layout
═══════════════════════════════════════════ */

/* Single post — white background */
.single-post article,
.single-post .ast-article-single {
  background-color: #ffffff !important;
}

/* Narrow reading column for content */
.single-post .entry-content {
  max-width: 660px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Single poem title */
.single-post .entry-title {
  max-width: 660px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(26px, 4vw, 44px) !important;
  color: #111111 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  margin-bottom: 14px !important;
  margin-top: var(--sp-md) !important;
}

/* Date — subtle, centered under title */
.single-post .entry-header {
  max-width: 660px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: var(--sp-md) !important;
}
.single-post .entry-header .posted-on,
.single-post .entry-header time,
.single-post .entry-header a {
  font-size: 11px !important;
  color: #999999 !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
}

/* Poem text — generous, book-like spacing */
.single-post .entry-content p {
  font-size: 16px !important;
  line-height: 1.85 !important;
  margin-bottom: 2em !important;
  color: #111111 !important;
  white-space: pre-line;
}

/* Stanza spacing */
.single-post .entry-content p + p {
  margin-top: 0.5em !important;
}

/* Hide clutter on single post */
.single-post .entry-footer,
.single-post .ast-tags-meta,
.single-post .post-navigation,
.single-post #respond,
.single-post .comments-area {
  display: none !important;
}

/* Responsive — tablet 2 col, mobile 1 col */
@media (max-width: 1024px) {
  .blog .ast-grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .blog .ast-grid-3 {
    grid-template-columns: 1fr !important;
  }
  .single-post .entry-title {
    font-size: 26px !important;
  }
  .single-post .entry-content p {
    font-size: 15px !important;
  }
}

/* ─── Poems archive: fix date visibility + tighten row spacing ─── */

/* Date — force dark on all wrappers */
.blog .entry-header,
.blog .entry-meta,
.blog .posted-on,
.blog span.published,
.blog time.published,
.blog time.entry-date {
  color: #999999 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
}

/* Reduce inner bottom padding: 40px → 20px */
.blog .ast-article-inner,
.ast-blog-layout-6-grid .ast-article-inner {
  padding: 0 0 24px !important;
}

/* Tighten grid row gap */
.blog .ast-grid-3 {
  row-gap: 0 !important;
  column-gap: 32px !important;
}

/* ─── Single poem: hide comment link + category meta ─── */
.single .entry-meta .comments-link,
.single .entry-meta .ast-terms-link,
.single .entry-meta > span:not(.posted-on):not(.byline) {
  display: none !important;
}
.single .entry-meta .sep {
  display: none !important;
}

/* ═══════════════════════════════════════════
   FOOTER — White, centered, refined
═══════════════════════════════════════════ */

/* Override previous dark footer rules — now white */
.site-footer,
#colophon,
.site-above-footer-wrap,
.site-primary-footer-wrap,
.site-footer .ast-builder-grid-row-container,
.site-footer .ast-builder-grid-row-container-inner,
.site-footer .ast-builder-footer-grid-columns,
.site-footer .footer-widget-area {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Footer text — dark on white */
#colophon p,
.site-footer p,
#colophon a,
.site-footer a,
.site-footer span,
.site-footer .textwidget p,
.site-footer .uagb-heading-text,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: #111111 !important;
}

/* "Stay in Touch" label — small, muted */
.site-footer .widget_text .textwidget p {
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: #999999 !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

/* Footer nav links + copyright */
.site-footer .ast-footer-nav a,
.site-footer .ast-copyright-para,
.site-footer .ast-copyright-para a {
  color: #777777 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
}

/* Social icons — dark */
.site-footer .ast-social-icon-wrap a svg,
.site-footer .ast-social-icon-wrap a {
  color: #111111 !important;
  fill: #111111 !important;
}

/* Subtle top border instead of heavy dark block */
.site-above-footer-wrap {
  border-top: 1px solid rgba(0,0,0,0.10) !important;
}
.site-primary-footer-wrap {
  border-top: 1px solid rgba(0,0,0,0.08) !important;
}

/* Center the form + input + button */
.site-footer .footer-widget-area,
.site-footer .widget_block,
.site-footer .widget_text,
.site-footer .srfm-form-container,
.site-footer .srfm-form {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Input field — centered, refined width */
.site-footer .srfm-input-field,
.site-footer input[type="email"],
.site-footer input[type="text"] {
  max-width: 380px !important;
  width: 100% !important;
  text-align: left !important;
  border: 1px solid rgba(0,0,0,0.20) !important;
  background: #ffffff !important;
  color: #111111 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Subscribe button — centered below input */
.site-footer .srfm-submit-button,
.site-footer .srfm-button {
  max-width: 380px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}
.site-footer .srfm-submit-button:hover {
  background-color: #333333 !important;
}

/* Form blocks align center */
.site-footer .srfm-block-single {
  width: 100% !important;
  max-width: 380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ─── Single poem: hide Jetpack sharing + Like blocks ─── */
.single-post .sharedaddy,
.single-post .sd-sharing,
.single-post .sd-block,
.single-post [class*="sharedaddy"],
.single-post .jp-relatedposts,
.single-post .jetpack-likes-widget-wrapper,
.single-post #jp-post-flair,
.single-post .wpl-likebox {
  display: none !important;
}

/* ═══════════════════════════════════════════
   CONTACT FORM — Editorial / gallery style
═══════════════════════════════════════════ */

/* Form container — constrained, clean */
.page-id-698 .srfm-form-container {
  max-width: 560px !important;
  margin-left: 0 !important;
  padding: 0 !important;
}
.page-id-698 .srfm-form {
  gap: 0 !important;
}

/* Each field block — spacing between groups */
.page-id-698 .srfm-block-single {
  margin-bottom: 32px !important;
  position: relative;
}
.page-id-698 .srfm-block-single:last-of-type {
  margin-bottom: 0 !important;
}

/* ─── Inject visible labels via ::before ─── */
.srfm-block-single.srf-input-54eb2827-block::before {
  content: "NAME";
  display: block;
  font-size: 10px;
  font-family: 'Jost', sans-serif;
  letter-spacing: 0.14em;
  color: #777777;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.srfm-block-single.srf-email-98fd2dc7-block::before {
  content: "EMAIL";
  display: block;
  font-size: 10px;
  font-family: 'Jost', sans-serif;
  letter-spacing: 0.14em;
  color: #777777;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.srfm-block-single.srf-phone-58fa59df-block::before {
  content: "PHONE";
  display: block;
  font-size: 10px;
  font-family: 'Jost', sans-serif;
  letter-spacing: 0.14em;
  color: #777777;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.srfm-block-single.srf-textarea-67d30111-block::before {
  content: "MESSAGE";
  display: block;
  font-size: 10px;
  font-family: 'Jost', sans-serif;
  letter-spacing: 0.14em;
  color: #777777;
  margin-bottom: 8px;
  text-transform: uppercase;
}

/* ─── Input fields — clean underline style ─── */
.page-id-698 .srfm-input-field,
.page-id-698 .srfm-form input[type="text"],
.page-id-698 .srfm-form input[type="email"],
.page-id-698 .srfm-form input[type="tel"],
.page-id-698 .srfm-form textarea {
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.25) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 !important;
  font-size: 14px !important;
  color: #111111 !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
}
.page-id-698 .srfm-form input:focus,
.page-id-698 .srfm-form textarea:focus {
  border-bottom-color: #111111 !important;
  box-shadow: none !important;
}

/* Placeholder text — subtle */
.page-id-698 .srfm-form input::placeholder,
.page-id-698 .srfm-form textarea::placeholder {
  color: transparent !important;
}

/* Phone field — hide flag/country picker clutter */
.page-id-698 .srfm-phone-block .srfm-block-wrap {
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.25) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
.page-id-698 .srfm-phone-block .srfm-input-field {
  border-bottom: none !important;
}

/* Error messages — clean, below input */
.page-id-698 .srfm-error-wrap {
  margin-top: 4px !important;
}
.page-id-698 .srfm-error-message-single {
  font-size: 10px !important;
  color: #c0392b !important;
  letter-spacing: 0.06em !important;
}

/* Submit button — minimal, dark */
.page-id-698 .srfm-submit-button {
  background: #111111 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 40px !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  margin-top: 8px !important;
}
.page-id-698 .srfm-submit-button:hover {
  background: #333333 !important;
}

/* ═══════════════════════════════════════════
   POEMS ARCHIVE — Gallery image above title
═══════════════════════════════════════════ */

/* ============================================
   CONTACT PAGE — gallery-soft refinements
   page-id-698
   ============================================ */

/* Page title: halved, featherweight, airy */
.page-id-698 .contact-page-title {
  font-size: clamp(22px, 3vw, 42px) !important;
  font-weight: 200 !important;
  letter-spacing: 0.30em !important;
  color: #3a3a3a !important;
  margin-top: 56px !important;
  margin-bottom: 48px !important;
  line-height: 1.2 !important;
}

/* "ISABEL MONTOYA" sub-heading — softer gray */
.page-id-698 .contact-name-heading {
  color: #3a3a3a !important;
  letter-spacing: 0.26em !important;
  margin-bottom: 28px !important;
}

/* "ENQUIRY FORM" label — muted */
.page-id-698 .contact-form-heading {
  color: #777777 !important;
  letter-spacing: 0.22em !important;
  margin-top: 52px !important;
  margin-bottom: 24px !important;
}

/* Body text — address / email / instagram */
.page-id-698 .wp-block-column p {
  color: #4a4a4a !important;
  line-height: 1.9 !important;
  margin-bottom: 12px !important;
}

/* Prose paragraph (reach out / mailing list) */
.page-id-698 .entry-content > p {
  color: #4a4a4a !important;
  line-height: 1.9 !important;
}

/* Horizontal rule — barely-there */
.page-id-698 .entry-content hr,
.page-id-698 .wp-block-separator {
  border-color: rgba(0,0,0,0.08) !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/* Form label pseudo-elements — softer */
.page-id-698 .srfm-block-single::before {
  color: #888888 !important;
}

/* Form inputs — warmer underline tone */
.page-id-698 .srfm-form input,
.page-id-698 .srfm-form textarea {
  color: #3a3a3a !important;
  border-bottom-color: rgba(0,0,0,0.18) !important;
}

/* Submit button — off-black, not pure black */
.page-id-698 .srfm-submit-button {
  background-color: #2a2a2a !important;
  letter-spacing: 0.15em !important;
}

/* ============================================
   POEMS ARCHIVE — featured image gallery
   Option A: image top, title below, date below
   ============================================ */

/* Astra layout-6 makes featured section position:absolute (background image mode).
   Override to position:relative + height:auto so aspect-ratio can control height. */
.blog .ast-blog-featured-section {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  overflow: hidden !important;
  background-color: #e8e3dc !important;
  aspect-ratio: 4 / 5 !important;
  width: 100% !important;
  height: auto !important;
}

/* Hide layout-6 dark overlay pseudo-element */
.blog .ast-blog-featured-section::before {
  display: none !important;
}

/* Intermediate wrapper Astra inserts — must fill section width */
.blog .ast-blog-featured-section .post-thumb-img-content {
  display: block !important;
  width: 100% !important;
  line-height: 0 !important;
}

/* Image — fill section, cover crop */
.blog .ast-blog-featured-section img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: transform 0.55s ease !important;
}

/* Subtle zoom on hover */
.blog article.type-post:hover .ast-blog-featured-section img {
  transform: scale(1.04) !important;
}

/* Image flush to card top */
.blog .ast-article-inner { padding-top: 0 !important; }

/* Keep excerpt + read-more hidden */
.blog .ast-excerpt-container,
.blog .ast-read-more-single,
.blog .ast-read-more-container,
.blog p.read-more { display: none !important; }

/* Title — clean gap below image */
.blog .entry-title {
  margin-top: 14px !important;
  margin-bottom: 4px !important;
}
.blog header.entry-header { margin-top: 2px !important; }

/* ═══════════════════════════════════════════
   ARTWORK DETAIL PAGE — painting-1-2025
═══════════════════════════════════════════ */

/* Full-width two-column layout */
.page-id-2408 .artwork-detail-columns {
  align-items: flex-start !important;
  gap: 60px !important;
  margin-top: 40px !important;
}

/* Left: image fills column, no extra margin */
.page-id-2408 .artwork-detail-left {
  position: sticky !important;
  top: 80px !important;
}
.page-id-2408 .artwork-detail-image {
  margin: 0 !important;
}
.page-id-2408 .artwork-detail-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Right: generous top padding, clean text */
.page-id-2408 .artwork-detail-right {
  padding-top: 8px !important;
}

/* Title */
.page-id-2408 .artwork-detail-title {
  font-size: clamp(20px, 2.4vw, 34px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  color: #2a2a2a !important;
  margin-bottom: 28px !important;
  line-height: 1.25 !important;
}

/* Metadata (size, materials) */
.page-id-2408 .artwork-detail-meta {
  font-size: 13px !important;
  color: #5a5a5a !important;
  letter-spacing: 0.06em !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
  text-transform: none !important;
}
.page-id-2408 .artwork-detail-meta strong {
  color: #2a2a2a !important;
  font-weight: 500 !important;
  display: block !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 2px !important;
}

/* Divider */
.page-id-2408 .artwork-detail-rule {
  margin: 32px 0 !important;
  border: none !important;
  height: 1px !important;
}

/* "Inquire about this work" heading */
.page-id-2408 .artwork-inquiry-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #888 !important;
  margin-bottom: 24px !important;
}

/* Form fields — inherit site underline style */
.page-id-2408 .srfm-form-container { padding: 0 !important; background: transparent !important; }
.page-id-2408 .srfm-submit-button {
  background-color: #2a2a2a !important;
  letter-spacing: 0.14em !important;
  font-size: 12px !important;
}

/* Portfolio grid: Painting 1 link — no underline, cursor pointer */
.page-id-10 .wp-block-image a {
  text-decoration: none !important;
  display: block !important;
}
.page-id-10 .wp-block-image a:hover img {
  opacity: 0.88 !important;
  transition: opacity 0.3s ease !important;
}

/* Responsive */
@media (max-width: 768px) {
  .page-id-2408 .artwork-detail-columns {
    flex-direction: column !important;
  }
  .page-id-2408 .artwork-detail-left,
  .page-id-2408 .artwork-detail-right {
    width: 100% !important;
    flex-basis: 100% !important;
    position: static !important;
  }
}

/* >>> THOUGHTS-GALLERY-START (managed, do not edit labels) */
/* Thoughts / blog archive — art-gallery grid */
body.blog .ast-row, body.blog .site-main .ast-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2.5rem 2rem !important;
  align-items: stretch !important;
}
@media (max-width: 921px) { body.blog .ast-row { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 544px) { body.blog .ast-row { grid-template-columns: 1fr !important; } }
body.blog article.ast-article-post {
  width: 100% !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important;
}
body.blog article.ast-article-post .ast-article-inner {
  display: flex !important; flex-direction: column !important; flex: 1 1 auto !important;
}
body.blog article .post-thumb,
body.blog article .ast-blog-featured-section,
body.blog article .ast-blog-featured-section.post-thumb,
body.blog .ast-blog-layout-6-grid .ast-row article .ast-blog-featured-section.post-thumb {
  display: block !important; position: relative !important;
  width: 100% !important; height: auto !important;
  min-height: 0 !important; max-height: none !important;
  padding: 0 !important; padding-bottom: 0 !important;
  aspect-ratio: 4 / 3 !important; overflow: hidden !important;
  margin: 0 0 1rem 0 !important;
}
body.blog article .post-thumb-img-content,
body.blog article .post-thumb-img-content.post-thumb,
body.blog .ast-blog-layout-6-grid .ast-row article .post-thumb-img-content {
  display: block !important; position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  padding: 0 !important; padding-bottom: 0 !important;
  aspect-ratio: auto !important; overflow: hidden !important; margin: 0 !important;
}
body.blog article .post-thumb img,
body.blog article .post-thumb img.wp-post-image,
body.blog article .post-thumb-img-content img,
body.blog article .post-thumb-img-content.post-thumb img.wp-post-image,
body.blog article .ast-blog-featured-section img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-width: 100% !important; max-height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  display: block !important; aspect-ratio: auto !important;
}
body.blog article .post-thumb > a.im-thumb-link,
body.blog article .ast-blog-featured-section > a.im-thumb-link,
body.blog article .post-thumb-img-content > a.im-thumb-link {
  position: absolute !important; inset: 0 !important; display: block !important;
  width: 100% !important; height: 100% !important; overflow: hidden !important;
}
body.blog article a.im-thumb-link img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important; display: block !important;
}
body.blog article .post-thumb { cursor: pointer; }
body.blog article .entry-header,
body.blog article .entry-title,
body.blog article .ast-excerpt-container,
body.blog article .entry-meta { margin-top: 0 !important; }
body.blog nav.pagination, body.blog .navigation.pagination {
  display: flex !important; justify-content: center !important; margin: 3rem 0 1.5rem !important;
}
body.blog nav.pagination .nav-links, body.blog .navigation.pagination .nav-links {
  display: inline-flex !important; gap: .75rem !important; align-items: center !important;
  flex-wrap: wrap; justify-content: center;
}
body.blog nav.pagination .page-numbers {
  padding: .35rem .75rem !important; min-width: 2rem; text-align: center;
  border: none !important; background: transparent !important; transition: opacity .15s ease;
}
body.blog nav.pagination .page-numbers.current {
  font-weight: 600; text-decoration: underline; text-underline-offset: 4px;
}
body.blog nav.pagination .page-numbers:hover { opacity: .6; }

body.blog.im-popular-loading .ast-row { opacity: 0.2; transition: opacity .15s ease; }
body.blog .ast-row { transition: opacity .2s ease; }
/* <<< THOUGHTS-GALLERY-END */

/* >>> THOUGHTS-SORT-UI-START (managed) */
/* Thoughts / blog archive — sort header */
body.blog .im-sort-header {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 0 1.5rem;
  margin: .25rem 0 2rem;
  border-bottom: 1px solid rgba(0,0,0,.08);
  font-size: .95rem;
  letter-spacing: .02em;
}
body.blog .im-sort-count {
  color: rgba(0,0,0,.6);
  font-variant-numeric: tabular-nums;
}
body.blog .im-sort-label {
  color: rgba(0,0,0,.6);
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  white-space: nowrap;
}
body.blog .im-sort-select {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.25);
  padding: .1rem 1.25rem .15rem .25rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,.55) 50%),
                    linear-gradient(135deg, rgba(0,0,0,.55) 50%, transparent 50%);
  background-position: calc(100% - 10px) 55%, calc(100% - 5px) 55%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
  transition: border-color .15s ease, opacity .15s ease;
}
body.blog .im-sort-select:hover,
body.blog .im-sort-select:focus {
  border-color: rgba(0,0,0,.6);
  outline: none;
  opacity: .85;
}
@media (max-width: 544px) {
  body.blog .im-sort-header { padding-bottom: 1rem; margin-bottom: 1.25rem; }
}
/* <<< THOUGHTS-SORT-UI-END */