/* === CTC Header (Direction A1) === */
.ctc-header { position: relative; text-align: center; }
.ctc-header-top { width: 100%; }
.ctc-nav { justify-content: center !important; }
.ctc-nav .wp-block-navigation__container { justify-content: center; gap: 2.2em; }
.ctc-nav a { font-family: 'Fraunces', Georgia, serif !important; font-size: 11px !important; letter-spacing: 0.14em; text-transform: uppercase; color: #0f0f0f !important; font-weight: 500 !important; }
.ctc-header-cta { position: absolute; top: 18px; right: 48px; display: inline-block; background: #0f0f0f; color: #f5f3ef !important; font-family: Georgia, serif; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; padding: 12px 22px; border-radius: 4px; text-decoration: none; transition: opacity .2s; }
.ctc-header-cta:hover { opacity: 0.82; }
.ctc-wordmark-wrap { margin-top: 14px; }
.ctc-wordmark-block { text-align: center; }
.ctc-wordmark { display: inline-block; font-family: "Italiana", Georgia, serif; font-weight: 400; font-size: 44px; line-height: 1.1; letter-spacing: 0.01em; color: #0f0f0f !important; text-decoration: none; }
.ctc-tagline-row { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 4px 0 2px; }
.ctc-tagline-row .ctc-rule { display: inline-block; width: 70px; height: 1px; background: #a89684; opacity: 0.7; }
.ctc-diamond { color: #a89684; font-size: 12px; line-height: 1; }
.ctc-tagline { font-family: "Crimson Pro", Georgia, serif; font-style: italic; font-size: 15px; color: #4a4438; letter-spacing: 0.01em; }
@media (max-width: 782px) {
  .ctc-header-cta { position: static; display: inline-block; margin-top: 12px; right: auto; top: auto; }
  .ctc-wordmark { font-size: 34px; }
  .ctc-tagline-row .ctc-rule { width: 44px; }
}
/* === end CTC Header === */

/* === Portfolio cards: full-bleed image + caption 
* .ctc-port-grid { align-items: stretch !important; row-gap: 2.75rem !important; }
.ctc-port-card { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; height: 460px !important; min-height: 460px !important; border: 3px solid rgba(40,30,25,0.55) !important; border-radius: 14px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.10) !important; }
.ctc-port-card-preview { position: absolute !important; inset: 0 !important; height: 100% !important; width: 100% !important; z-index: 0 !important; }
.ctc-port-card-preview img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center center !important; }
.ctc-port-card-bar { display: none !important; }
.ctc-port-card-body { position: relative !important; z-index: 3 !important; margin: 1rem !important; background: rgba(255,255,255,0.85) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); border: 1px solid rgba(255,255,255,0.6) !important; border-radius: 10px !important; padding: 1rem 1.25rem !important; box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important; }

/* ============================================================
   Home layout fixes (cards, eyebrows, hero) — appended
   ============================================================ */


/* ===== Pricing page refinements: centered header, ala-carte cards, care card ===== */
/* Header: centered stack, keep tagline + diamond, hide CTA only */
.ctc-header {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  gap: 8px;
}
.ctc-wordmark-wrap { order: 0 !important; margin-top: 0 !important; }
.ctc-header-top    { order: 1 !important; width: 100%; }
.ctc-header-cta    { display: none !important; }
.ctc-tagline-row, .ctc-tagline { display: block !important; }
.ctc-nav .current-menu-item a {
  color: #7C3B43 !important;
  border-bottom: 2px solid #7C3B43;
  padding-bottom: 4px;
}

/* Pricing a-la-carte: 5 bordered cards in one row */* Monthly Care Plan: remove negative-margin overflow, clean self-contained card */
[style*="margin-left: -40px"][style*="calc(100% + 80px)"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* ctc-header-top centering fix */
.ctc-header-top {
  order: 1 !important;
  width: 100% !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
.ctc-header-top .wp-block-navigation__container,
.ctc-header-top .ctc-nav {
  justify-content: center !important;
}


/* ===== Growth card contrast + ala-carte title fit ===== */
/* Growth (Studio Pick) card has maroon bg #7C3B43 - force all text light & readable */
[style*="#7C3B43"] p,
[style*="#7C3B43"] span,
[style*="#7C3B43"] li,
[style*="#7C3B43"] div {
  color: #FAF8F4 !important;
}
/* keep the white Studio Pick badge text dark on its light pill */
[style*="#7C3B43"] [style*="#0f0f0f"] {
  color: #0f0f0f !important;
}
/* underline/border accents inside Growth card to light tint */
[style*="#7C3B43"] [style*="border-bottom"] {
  border-bottom-color: rgba(250,248,244,.35) !important;
}

/* a-la-carte titles: keep on one line */* ctc-hero-mobile-fix : keep the pricing hero from being cut off on small screens */
@media (max-width: 600px) {
  /* hero inner padding box */
  [style*="padding: 48px 56px 34px"] {
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-top: 32px !important;
  }
  /* hero stat row: stack the two stats */
  [style*="padding: 48px 56px 34px"] > div[style*="display: flex"][style*="justify-content: center"]:not([style*="flex-wrap"]) {
    flex-direction: column !important;
    gap: 14px !important;
  }
  /* hide the vertical divider between the two stats when stacked */
  [style*="padding: 48px 56px 34px"] > div[style*="display: flex"][style*="justify-content: center"]:not([style*="flex-wrap"]) > div[style*="width: 1px"],
  [style*="padding: 48px 56px 34px"] > div[style*="display: flex"][style*="justify-content: center"]:not([style*="flex-wrap"]) > span[style*="width: 1px"] {
    display: none !important;
  }
  /* hero badge row: allow wrapping so badges are not clipped */
  [style*="flex-wrap: nowrap"] {
    flex-wrap: wrap !important;
    row-gap: 10px !important;
  }
  /* hero heading: ensure it scales down and never overflows */
  [style*="padding: 48px 56px 34px"] h1 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }
}

/* ctc-nav-mobile-underline-fix : underline only the active item TEXT on mobile (not the full nav row) */
@media (max-width: 600px) {
  /* remove the underline from the link box so it cannot stretch across the row */
  .ctc-nav .current-menu-item a,
  .ctc-nav .current_page_item a {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  /* put the underline on the inner text label so it hugs the word */
  .ctc-nav .current-menu-item a .wp-block-navigation-item__label,
  .ctc-nav .current_page_item a .wp-block-navigation-item__label {
    display: inline !important;
    border-bottom: 2px solid var(--ctc-accent) !important;
    padding-bottom: 3px !important;
  }
}


/* === ctc-header-cta-restore : bring the "Start a Conversation" CTA back into the top-right corner === */
.ctc-header { position: relative !important; }
header .ctc-header-cta,
.ctc-header .ctc-header-cta {
  display: inline-block !important;
  position: absolute !important;
  top: 22px !important;
  right: 40px !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  order: 0 !important;
  z-index: 5 !important;
  background: #0f0f0f !important;
  color: #F5F3EF !important;
  padding: 10px 22px !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
}
/* On small screens, drop it below the nav and center it so it never overlaps the wordmark */
@media (max-width: 782px) {
  header .ctc-header-cta,
  .ctc-header .ctc-header-cta {
    position: static !important;
    display: inline-block !important;
    margin: 12px auto 4px !important;
    order: 2 !important;
  }
}


/* Center the main navigation menu */
.ctc-header-top.ctc-header-top {
  justify-content: center !important;
}


html { scroll-behavior: smooth; }

/* Fix founding offer anchor scroll: clear the sticky header (~114px) so the link lands on the offer, not past it */
#founding-offer {
  scroll-margin-top: 130px;
}


/* Hide featured image on homepage (kept for social share / og:image) */
body.page-id-27 .wp-block-post-featured-image { display: none !important; }