/* Target the MONTH (second) calendar only */
iframe[src*="calendar.google.com/calendar/embed"][src*="title=Queer%20Centre%20Calendar"]{
  height: 1080px !important;
  min-height: 1080px !important;
  max-height: 1080px !important;
  width: 100% !important;
  display: block !important;
  border: 0 !important;
}

/* If the Jetpack wrapper is constraining it, force the wrapper too (modern browsers) */
.wp-block-jetpack-google-calendar__content:has(
  iframe[src*="calendar.google.com/calendar/embed"][src*="title=Queer%20Centre%20Calendar"]
){
  height: 1080px !important;
  min-height: 1080px !important;
  max-height: 1080px !important;
}

/* Directorist: hide price/rating row only in archive grid cards */
.directorist-archive-items .directorist-listing-single__info {
  display: block !important;
}

/* Directorist single listing: add space above the H1 title */
.directorist-single .directorist-listing-details__listing-title {
  padding-top: 20px !important;
}
/* Directorist: hide favorite/heart button everywhere */
.directorist-mark-as-favorite__btn,
.directorist-mark-as-favorite,
.directorist-favorite-icon,
.atbdp_mark_as_fav,
.atbdp_favourites {
  display: none !important;
}

/* Directorist listing titles: force menu font (Young Serif) */
.directorist-listing-title,
.directorist-listing-title a,
header.directorist-listing-single__header__title .directorist-listing-title a {
  font-family: "Young Serif", serif !important;
  font-weight: 400 !important;
}
/* Readability tweak */
.directorist-listing-title a {
  letter-spacing: 0.2px;
  line-height: 1.15;
}

/* Directorist single listing: stop the label column forcing wraps on mobile */
@media (max-width: 768px) {
  .directorist-details-info-wrap .directorist-single-info {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }

  .directorist-details-info-wrap .directorist-single-info__label {
    min-width: 0 !important;     /* overrides the 140px */
    width: auto !important;
    flex: 0 0 auto !important;
    margin-right: 10px !important;
  }

  .directorist-details-info-wrap .directorist-single-info__value {
    flex: 1 1 auto !important;
    min-width: 70px !important;
  }

  /* Make long URLs/emails behave */
  .directorist-details-info-wrap .directorist-single-info__value a {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}
/* Add title ONLY on the All Listings page */
.page-id-58 .directorist-archive-contents::before {
  content: "Resources Directory";
  display: block;
  font-family: "Young Serif", serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.2;
  margin: 0 0 18px 0;
  color: #4a6188;
}
.page-id-58 .directorist-archive-contents::before {
  padding-left: 15px;
}

/* Category/Tag/Location archives: force listing titles to be visible */
.directorist-archive-items .directorist-listing-title,
.directorist-archive-items .directorist-listing-title a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  color: #111 !important;
  position: relative !important;
  z-index: 3 !important;
}
.directorist-archive-items .directorist-listing-title a {
  font-family: "Young Serif", serif !important;
  font-weight: 400 !important;
}

/* Page 58: All Listings top controls - desktop layout fix (no forced visibility) */
@media (min-width: 769px) {
  .page-id-58 .directorist-archive-contents__top .directorist-all-listing-btn {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* Search area can grow */
  .page-id-58 .directorist-archive-contents__top .directorist-all-listing-btn__basic {
    flex: 1 1 auto !important;
    min-width: 320px !important;
  }

  /* Push filter icon to the far right */
  .page-id-58 .directorist-archive-contents__top .directorist-all-listing-btn__advanced {
    margin-left: auto !important;
    flex: 0 0 auto !important;
  }

  /* Make any search input fill its area without hard max-width */
  .page-id-58 .directorist-archive-contents__top .directorist-all-listing-btn__basic input[type="text"],
  .page-id-58 .directorist-archive-contents__top .directorist-all-listing-btn__basic input[type="search"] {
    width: 100% !important;
    max-width: none !important;
  }
}



/* Archive cards: keep normal stacking so modals work */
.directorist-archive-items .directorist-listing-single__info {
  position: relative !important;
  background: transparent !important;
}

/* Archive cards: hide price + rating everywhere (but keep titles) */
.directorist-archive-items .directorist-listing-single__info .directorist-price,
.directorist-archive-items .directorist-listing-single__info .directorist-listing-price,
.directorist-archive-items .directorist-listing-single__info .directorist-rating,
.directorist-archive-items .directorist-listing-single__info .directorist-ratings,
.directorist-archive-items .directorist-listing-single__info .directorist-review,
.directorist-archive-items .directorist-listing-single__info .directorist-review-meta,
.directorist-archive-items .directorist-listing-single__info .directorist-star-rating,
.directorist-archive-items .directorist-listing-single__info [class*="rating"],
.directorist-archive-items .directorist-listing-single__info [class*="price"]{
  display: none !important;
}

/* Page 58: modal stacking only (don’t force layout) */
@media (min-width: 769px) {
  .page-id-58 .directorist-search-modal__overlay {
    z-index: 999998 !important;
  }
  .page-id-58 .directorist-search-modal__contents {
    z-index: 999999 !important;
  }
}


/* Page 58: Hide Directorist Search + Filter controls on desktop */
@media (min-width: 769px) {

  /* Hide the whole top bar that contains Search + Filter */
  .page-id-58 .directorist-archive-contents__top {
    display: none !important;
  }
}

  /* Fix more events button on pay the rent parties page for mobile */
@media (max-width: 768px) {
  .qc-cta-row.wp-block-buttons {
    justify-content: center !important;
  }
}

/* Donate menu item highlight on desktop */
@media (min-width: 921px) {
  .main-header-menu .menu-item-2366 > a {
    background: rgba(255, 215, 0, 0.12);
    border: 1px solid rgba(255, 215, 0, 0.6);
    border-radius: 999px;
    padding: 6px 14px !important;
    font-weight: 600;
    transition: all 0.2s ease;
  }

  .main-header-menu .menu-item-2366 > a:hover {
    background: rgba(255, 215, 0, 0.25);
    transform: translateY(-1px);
  }
}
/* Donate menu item bold on mobile */
@media (max-width: 920px) {
  .menu-item-2366 > a {
    font-weight: 700;
    color: #d14c8f; /* slightly deeper pink */
  }

  /* Mobile menu row highlight for Donate */
  #ast-hf-mobile-menu li.menu-item-2366 {
    background: rgba(255, 215, 0, 0.10) !important;
    border-radius: 12px !important;
  }

  #ast-hf-mobile-menu li.menu-item-2366 > a.menu-link {
    font-weight: 800 !important;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: rgba(255, 215, 0, 0.75);
    text-underline-offset: 6px;
  }
}
.tnp-archive {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* Tighten list spacing */
.tnp-archive ul {
  margin: 0 !important;
  padding-left: 1.2em !important;
}

/* Optional: soften + elevate */
.tnp-archive {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  padding: 24px !important;
}
/* === Newsletter Archive Container === */
.tnp-archive {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* === List reset === */
.tnp-archive ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* === Each newsletter item becomes a "card" === */
.tnp-archive li {
  margin-bottom: 14px !important;
}

/* === Link styling (the actual card) === */
.tnp-archive li a {
  display: block;
  padding: 14px 16px;
  border-radius: 12px;

  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(6px);

  border: 1px solid rgba(150, 73, 149, 0.15);

  font-size: 16px;
  line-height: 1.4;
  color: #944993 !important;

  text-decoration: none !important;

  transition: all 0.2s ease;
}

/* === Hover: subtle lift === */
.tnp-archive li a:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* === Add a soft accent line (brand feel) === */
.tnp-archive li a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
  background: #e05aa3;
  vertical-align: middle;
}
/* === Homepage header spacer pink color === */
.homepage-spacer {
  background-color: #ff577a !important;
}

/* Full-bleed spacer (break out of theme container) */
.homepage-spacer {
  background: #ff577a !important;
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}


/* Supporters page partner cards keep learn more links in line at the bottom of each card*/
/* Row: force a real flex row + stretch */
.wp-block-columns.qc-partner-row{
  display: flex !important;
  align-items: stretch !important;
}

/* Cards: force equal-height columns + allow bottom-pinned CTA */
.wp-block-columns.qc-partner-row > .wp-block-column.qc-partner-card{
  align-self: stretch !important;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}

/* CTA: push to bottom */
.wp-block-columns.qc-partner-row .qc-card-cta{
  margin-top: auto;
  display: block;
}
/* =========================
   QC Progress Bars (final, no dot)
   ========================= */

/* Track */
.wp-block-group.qc-progress-bar{
  width: 100%;
  max-width: 760px;
  height: 12px;

  background: rgba(0,0,0,0.08);
  border-radius: 999px;
  overflow: hidden;

  margin: 12px auto 18px !important;
  padding: 0 !important;
  min-height: 0 !important;

  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* Fill base */
.wp-block-group.qc-progress-fill{
  height: 100% !important;
  min-width: 14px;
  border-radius: 999px;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 0 !important;
  font-size: 0 !important;

  position: relative;
  overflow: hidden;

  transition: width 0.6s ease;

  /* IMPORTANT: make the fill actually render as a bar */
  display: block !important;
}

/* Hide anything accidentally nested inside the fill */
.wp-block-group.qc-progress-fill *{
  display: none !important;
}

/* Sponsors: 3/50 = 6% */
.wp-block-group.qc-progress-fill.sponsors-progress{
  width: 40% !important;
  background: #FF5A81 !important;
  box-shadow: 0 0 10px rgba(255, 90, 129, 0.25);
}

/* Stewardship: 400/2000 = 20% */
.wp-block-group.qc-progress-fill.stewardship-progress{
  width: 28% !important;
  background: linear-gradient(90deg, #ff4f86 0%, #ff7aa7 55%, #ffd1e0 100%) !important;
  box-shadow: 0 0 10px rgba(255, 90, 129, 0.35);
}

/* Shimmer only on stewardship (NO DOT) */
.wp-block-group.qc-progress-fill.stewardship-progress::after{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: -45%;
  width: 40%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.55) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-18deg);
  animation: qc-shimmer 2.0s ease-in-out infinite;
  opacity: 0.85;
  pointer-events: none;
}

@keyframes qc-shimmer{
  0%   { left: -45%; opacity: 0; }
  15%  { opacity: 0.85; }
  55%  { left: 105%; opacity: 0.85; }
  100% { left: 105%; opacity: 0; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .wp-block-group.qc-progress-fill{
    transition: none;
  }
  .wp-block-group.qc-progress-fill.stewardship-progress::after{
    animation: none;
  }
}
/* === MATCH SPONSORS TO STEWARDSHIP (gradient + shimmer) === */

.wp-block-group.qc-progress-fill.sponsors-progress{
  background: linear-gradient(90deg, #ff4f86 0%, #ff7aa7 55%, #ffd1e0 100%) !important;
  box-shadow: 0 0 10px rgba(255, 90, 129, 0.35) !important;
}

/* Add shimmer to sponsors */
.wp-block-group.qc-progress-fill.sponsors-progress::after{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: -45%;
  width: 40%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.55) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-18deg);
  animation: qc-shimmer 2.0s ease-in-out infinite;
  opacity: 0.85;
  pointer-events: none;
}

/* =========================
   Support Grid (clean cards)
   ========================= */

/* Grid spacing */
.qc-support-grid {
  gap: 28px !important;
}

/* Card styling */
.qc-support-card {
  padding: 24px 22px;
  border-radius: 18px;

  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(6px);

  border: 1px solid rgba(150, 73, 149, 0.15);

  transition: all 0.2s ease;
}

/* Subtle hover (optional but nice) */
.qc-support-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.08);
}

/* Headings inside cards */
.qc-support-card h3 {
  margin-bottom: 6px;
}

/* Paragraph spacing */
.qc-support-card p {
  margin: 0;
}

/* =========================
   Model section (background + glow)
   ========================= */

.qc-model-section {
  position: relative;
  padding: 40px 20px;
  border-radius: 24px;

  background: linear-gradient(
    180deg,
    rgba(255, 240, 246, 0.6) 0%,
    rgba(255, 255, 255, 0.7) 100%
  );
}

.qc-model-section::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(circle at 30% 20%, rgba(255, 90, 129, 0.12), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(150, 73, 149, 0.10), transparent 60%);

  z-index: 0;
}

.qc-model-section > * {
  position: relative;
  z-index: 1;
}

/* Card polish */
.qc-model-section .qc-support-card {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(150, 73, 149, 0.12);
}

.qc-model-section .qc-support-card{
  margin-bottom: 28px;
}

.qc-model-section h3{
  margin-bottom: 6px;
}

.qc-model-section p{
  margin-top: 0;
}
.qc-model-section h3{
  font-size: 22px;
  color: #4a6188;
}

.qc-model-section p{
  font-size: 15px;
  line-height: 1.5;
  color: #944993;
}

.qc-model-section .qc-card--full{
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(150, 73, 149, 0.2);
}

/* =========================
   QC Model Cards – Pop (no blur bugs)
   ========================= */

.qc-model-section{
  position: relative;
  isolation: isolate; /* prevents weird overlay stacking */
}

/* Spacing between the two columns + rows */
.qc-model-section .wp-block-columns{
  gap: 22px !important;
}
.qc-model-section .wp-block-column{
  display: flex;
  flex-direction: column;
  gap: 22px !important;
}

/* Card base */
.qc-model-section .qc-card{
  position: relative;
  border-radius: 14px !important;
  padding: 18px 20px !important;

  /* translucent look without blur */
  background: rgba(255, 255, 255, 0.78) !important;

  /* “pop” */
  border: 1.5px solid rgba(140, 60, 140, 0.35) !important;
  box-shadow:
    0 10px 24px rgba(70, 40, 80, 0.12),
    0 2px 8px rgba(70, 40, 80, 0.08) !important;

  /* kill any accidental blur/filter inherited from earlier attempts */
  backdrop-filter: none !important;
  filter: none !important;

  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Hover: a tiny lift (desktop only) */
@media (hover: hover){
  .qc-model-section .qc-card:hover{
    transform: translateY(-2px);
    box-shadow:
      0 14px 34px rgba(70, 40, 80, 0.16),
      0 4px 12px rgba(70, 40, 80, 0.10) !important;
  }
}

/* Full-width sponsors card: keep it aligned + same pop */
.qc-model-section .qc-card.qc-card--full{
  width: 100%;
}

/* Mobile: make sure gaps stay comfy */
@media (max-width: 781px){
  .qc-model-section .wp-block-columns{
    gap: 16px !important;
  }
  .qc-model-section .wp-block-column{
    gap: 16px !important;
  }
}

/* =========================
   QC FUNDING PAGE — FINAL CLEAN
   ========================= */

/* =========================
   MODEL SECTION (How the space is supported)
   ========================= */

.qc-model-section{
  position: relative;
  border-radius: 24px;
  padding: clamp(28px, 4vw, 44px) clamp(16px, 3vw, 28px);

  /* lighter, cleaner gradient */
  background: linear-gradient(
    180deg,
    rgba(255, 245, 250, 0.6),
    rgba(250, 245, 255, 0.7)
  );
}

/* soft ambient glow (reduced intensity) */
.qc-model-section::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;

  background:
    radial-gradient(circle at 20% 10%, rgba(255, 120, 160, 0.08), transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(150, 100, 180, 0.06), transparent 65%);

  pointer-events:none;
}

.qc-model-section > *{
  position: relative;
  z-index: 1;
}

/* grid spacing */
.qc-model-grid.wp-block-columns{
  gap: 18px !important;
}

.qc-model-grid .wp-block-column{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* cards */
.qc-model-section .qc-card{
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(120,70,110,.10) !important;
  border-radius: 18px !important;
  padding: 22px 24px !important;

  /* lighter, crisper shadow */
  box-shadow: 0 8px 22px rgba(28,12,24,.05) !important;

  backdrop-filter: none !important;
  filter: none !important;
}

/* typography */
.qc-model-section .qc-card h3{
  margin: 0 0 8px !important;
  font-size: 1.15rem;
  line-height: 1.2;
  color: rgba(72,34,58,.92) !important;
}

.qc-model-section .qc-card p{
  margin: 0 !important;
  line-height: 1.5;
  color: rgba(92,63,83,.72) !important;
}

/* =========================
   OUR GOAL PANEL
   ========================= */

.qc-goal-panel{
  background: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(120,70,110,0.10) !important;
  border-radius: 22px !important;

  padding: 36px 28px !important;

  box-shadow: 0 12px 30px rgba(28,12,24,0.05) !important;
}

.qc-goal-panel h2{
  margin-bottom: 12px !important;
}

.qc-goal-panel p{
  margin: 0 !important;
}

/* =========================
   PROGRESS CARD
   ========================= */

.qc-goal-card{
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(120,70,110,.10) !important;
  border-radius: 22px !important;

  padding: 22px 24px !important;

  box-shadow: 0 12px 30px rgba(28,12,24,.05) !important;
}

/* columns */
.qc-goal-columns.wp-block-columns{
  gap: 0 !important;
}

.qc-goal-columns > .wp-block-column{
  padding: 0 18px;
}

/* divider */
.qc-goal-columns > .wp-block-column + .wp-block-column{
  border-left: 1px solid rgba(120,70,110,.12);
}

/* labels */
.qc-progress-label{
  margin: 0 0 10px !important;
}

/* =========================
   MOBILE ADJUSTMENTS
   ========================= */

@media (max-width: 781px){

  .qc-goal-columns > .wp-block-column{
    padding: 0;
  }

  .qc-goal-columns > .wp-block-column + .wp-block-column{
    border-left: 0;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(120,70,110,.12);
  }
}

/* =========================
   QC SPACING + HIERARCHY POLISH
   ========================= */

/* 1. Standard section rhythm */
.wp-block-heading{
  margin-top: 48px;
  margin-bottom: 12px;
}

.wp-block-heading + p{
  margin-top: 0;
  margin-bottom: 28px;
}

/* 2. Tighten model → next section spacing */
.qc-model-section{
  margin-bottom: 36px;
}

/* 3. Group Goal + Progress visually */
.qc-goal-panel{
  margin-bottom: 18px;
}

.qc-goal-card{
  margin-top: 0;
}

/* 4. Strengthen intro readability */
.wp-block-columns p em{
  color: rgba(80, 40, 70, 0.75);
  font-style: normal;
}
.qc-model-section .qc-card{
  box-shadow: 0 10px 26px rgba(28,12,24,.06) !important;
}

/* =========================
   Support buttons — mobile fix (WP Grid Group)
   ========================= */

/* WP Grid Groups usually render with is-layout-grid */
.qc-support-buttons.is-layout-grid,
.is-layout-grid.qc-support-buttons{
  gap: 14px !important;
}

/* Desktop/tablet: 4 across */
@media (min-width: 782px){
  .qc-support-buttons.is-layout-grid,
  .is-layout-grid.qc-support-buttons{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Mobile: STACK (1 column) */
@media (max-width: 781px){
  .qc-support-buttons.is-layout-grid,
  .is-layout-grid.qc-support-buttons{
    grid-template-columns: 1fr !important;
    max-width: 420px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Each grid cell contains a Buttons block */
  .qc-support-buttons .wp-block-buttons{
    justify-content: center !important;
    width: 100% !important;
  }

  .qc-support-buttons .wp-block-button{
    width: 100% !important;
    margin: 0 !important;
  }

  .qc-support-buttons .wp-block-button__link{
    display: block !important;
    width: 100% !important;

    /* prevents the “B e c o m e” letter stacking */
    white-space: nowrap !important;

    text-align: center !important;
    padding: 14px 18px !important;
  }
}

/* =========================
   Space Stewardship page scope
========================= */
.space-stew-page{
  --qc-max: 980px;
  --qc-pad: clamp(16px, 3vw, 28px);
  --qc-gap: clamp(14px, 2.4vw, 22px);

  --qc-text: #2a2a2a;
  --qc-muted: #6b6b6b;

  --qc-accent: #ff5a81;

  --qc-surface: #ffffff;
  --qc-surface-2: #faf7fb;

  --qc-radius: 14px;
  --qc-shadow: 0 10px 24px rgba(0,0,0,.08);
  --qc-border: 1px solid rgba(0,0,0,.12);

  color: var(--qc-text);
}

.space-stew-page p{ line-height: 1.6; }
.space-stew-page ul{ line-height: 1.55; }
.space-stew-page li{ margin: 6px 0; }

/* Optional: consistent width without adding extra wrapper groups */
.space-stew-page > *{
  max-width: var(--qc-max);
  margin-inline: auto;
  padding-inline: var(--qc-pad);
}

/* Section rhythm */
.space-stew-page .qc-space-section,
.space-stew-page .qc-stewardship-tiers{
  padding-block: clamp(28px, 5vw, 56px);
}

/* Center headings + lede within these sections */
.space-stew-page .qc-space-section > h2,
.space-stew-page .qc-stewardship-tiers > h2{
  text-align: center;
  margin: 0 0 10px;
}

.space-stew-page .qc-space-section > p:first-of-type,
.space-stew-page .qc-stewardship-tiers > p:first-of-type{
  text-align: center;
  color: var(--qc-muted);
  margin: 0 auto 22px;
  max-width: 64ch;
}

/* =========================
   Gallery grid (put qc-space-grid on the Columns block)
========================= */
.space-stew-page .qc-space-grid.wp-block-columns{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--qc-gap);
  margin-block: 18px;
}

.space-stew-page .qc-space-grid.wp-block-columns > .wp-block-column{
  width: auto !important;
  flex: initial !important;
}

.space-stew-page .qc-space-grid img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--qc-radius);
  box-shadow: var(--qc-shadow);
  background: var(--qc-surface);
}

@supports (aspect-ratio: 4 / 3){
  .space-stew-page .qc-space-grid img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
}

@media (max-width: 720px){
  .space-stew-page .qc-space-grid.wp-block-columns{
    grid-template-columns: 1fr;
  }
}

/* =========================
   Tiers grid (put qc-tier-grid on the Columns block)
========================= */
.space-stew-page .qc-tier-grid.wp-block-columns{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--qc-gap);
  margin-top: 18px;
}

.space-stew-page .qc-tier-grid.wp-block-columns > .wp-block-column{
  width: auto !important;
  flex: initial !important;
}

/* If you add qc-tier to each Column, you get card styling */
.space-stew-page .qc-tier{
  background: var(--qc-surface);
  border: var(--qc-border);
  border-radius: var(--qc-radius);
  box-shadow: var(--qc-shadow);
  padding: clamp(16px, 2.2vw, 22px);
  text-align: center;
}

.space-stew-page .qc-tier.is-featured{
  border-color: rgba(255,90,129,.55);
  box-shadow: 0 14px 32px rgba(255,90,129,.16);
  transform: translateY(-2px);
}

/* Price button styling */
.space-stew-page .qc-stewardship-tiers .wp-block-button__link{
  background: var(--qc-accent);
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
  border: 0;
  display: inline-flex;
  justify-content: center;
  min-width: 160px;
}

.space-stew-page .qc-stewardship-tiers .wp-block-button__link:hover{
  transform: translateY(-1px);
}

@media (max-width: 900px){
  .space-stew-page .qc-tier-grid.wp-block-columns{
    grid-template-columns: 1fr;
  }
}
/* Default (photos) */
.space-stew-page .qc-space-grid img{
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* Override for diagrams / plans */
.space-stew-page .qc-space-grid .qc-image-contain img{
  aspect-ratio: auto;
  object-fit: contain;
  background: var(--qc-surface-2);
  padding: 8px;
}

/* Clean card base */
.space-stew-page .qc-tier{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  padding: 28px 20px;
  text-align: center;
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}

.space-stew-page .qc-tier:hover{
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

/* Featured = subtle, not loud */
.space-stew-page .qc-tier.is-featured{
  border: 2px solid #ff5a81;
}
.space-stew-page .qc-tier .wp-block-button__link{
  background: #ff5a81;
  border-radius: 999px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 0 10px 20px rgba(255,90,129,.25);
  border: none;
}
.space-stew-page .qc-tier-grid{
  gap: 24px;
  margin-top: 24px;
}
.space-stew-page .qc-stewardship-tiers{
  background: linear-gradient(
    180deg,
    #faf7fb 0%,
    #f3edf6 100%
  );
  border-radius: 20px;
  padding: 40px 20px;
}
.space-stew-page h2{
  margin-bottom: 8px;
}

.space-stew-page h2 + p{
  margin-bottom: 20px;
}
.space-stew-page .qc-space-features{
  margin-top: 18px;
  padding: 18px 20px;
  background: #faf7fb;
  border-radius: 14px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Center heading */
.space-stew-page .qc-space-features h3{
  text-align: center;
  margin-bottom: 12px;
}

/* Clean list styling */
.space-stew-page .qc-space-features ul{
  list-style: none;
  padding: 0;
}

.space-stew-page .qc-space-features li{
  position: relative;
  padding-left: 18px;
  margin: 8px 0;
}

/* Custom bullet (subtle, matches your palette) */
.space-stew-page .qc-space-features li::before{
  content: "";
  width: 6px;
  height: 6px;
  background: #ff5a81;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}
.space-stew-page .qc-space-features{
  background: rgba(250, 247, 251, 0.6); /* lighter + airy */
  border: 1px solid rgba(0,0,0,0.05);
  box-shadow: none;
}
.space-stew-page .qc-space-features{
  margin-top: 12px;
}

.space-stew-page .qc-stewardship-tiers{
  margin-top: 28px;
}
.space-stew-page .qc-space-features li{
  font-weight: 500;
}
.space-stew-page .qc-space-features{
  border-radius: 16px;
}
/* =========================
   HERO (qc-hero upgrade)
========================= */
.space-stew-page .qc-hero{
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
  max-width: var(--qc-max);
  text-align: center;
}


/* =========================
   Homepage Goal Section
   CLEAN VERSION
========================= */

.qc-home-goal{
  margin-top: -50px; /* slight overlap, less aggressive */
  margin-bottom: 70px;
  padding: 0 16px;
}

.qc-home-goal-inner{
  max-width: 820px;
  margin: 0 auto;

  padding: 36px 28px;

  border-radius: 20px;

  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);

  text-align: center;

  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* Heading */
.qc-home-goal-inner h2{
  margin-bottom: 12px;
}

/* Paragraph */
.qc-home-goal-inner p{
  max-width: 560px;
  margin: 0 auto 22px;
  color: #5f5f5f;
  line-height: 1.5;
}

/* Button container */
.qc-home-goal-inner .wp-block-buttons{
  justify-content: center;
}

/* Button */
.qc-home-goal-inner .wp-block-button__link{
  background: #ff5a81;
  color: #fff;

  border-radius: 999px;
  padding: 14px 26px;

  font-weight: 600;

  box-shadow: 0 10px 24px rgba(255,90,129,0.22);

  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Button hover */
.qc-home-goal-inner .wp-block-button__link:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(255,90,129,0.30);
}

/* Mobile */
@media (max-width: 640px){
  .qc-home-goal{
    margin-top: -30px;
  }

  .qc-home-goal-inner{
    padding: 28px 20px;
  }
}

/* =========================
   Pay It Forward — match "Donations card" style
========================= */

.qc-pay-it-forward{
  padding: 56px 16px;
  margin: 56px 0;

  border-radius: 28px;

  background: linear-gradient(
    180deg,
    rgba(255,90,129,0.10) 0%,
    rgba(255,90,129,0.04) 55%,
    rgba(255,90,129,0.00) 100%
  );
}

.qc-pay-it-forward h2{
  text-align: center;
  margin: 0 0 8px;
}

.qc-pay-it-forward > p{
  text-align: center;
  color: #8b4f87;
  margin: 0 auto 26px;
  max-width: 720px;
}

/* White card */
.qc-pay-it-forward-inner{
  max-width: 860px;
  margin: 0 auto;

  background: #ffffff;
  border-radius: 22px;

  padding: 28px 26px;

  box-shadow: 0 16px 38px rgba(0,0,0,0.10);

  text-align: center;
}

/* Price */
.qc-pay-it-forward-inner h3{
  margin: 0 0 12px;
  font-size: 42px;
  font-weight: 800;
  color: #ff5a81;
}

/* Copy */
.qc-pay-it-forward-inner p{
  max-width: 620px;
  margin: 10px auto;
  color: #5f5f5f;
  line-height: 1.5;
}

/* Jetpack button */
.qc-pay-it-forward-inner .wp-block-jetpack-payments-buttons{
  justify-content: center;
  margin-top: 14px;
}

.qc-pay-it-forward-inner .wp-block-jetpack-button a{
  display: inline-block;
  background: #ff5a81 !important;
  color: #fff !important;

  border-radius: 999px;
  padding: 12px 22px;

  font-weight: 600;
  font-size: 16px;

  box-shadow: 0 10px 24px rgba(255,90,129,0.22);

  transition: transform .18s ease, box-shadow .18s ease;
}

.qc-pay-it-forward-inner .wp-block-jetpack-button a:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(255,90,129,0.32);
}

/* Mobile */
@media (max-width: 640px){
  .qc-pay-it-forward{
    padding: 44px 14px;
    border-radius: 22px;
  }

  .qc-pay-it-forward-inner{
    padding: 22px 18px;
  }

  .qc-pay-it-forward-inner h3{
    font-size: 34px;
  }
}
/* =========================
   Space Stewardship — Amenities width match
========================= */

.space-stew-page .wp-block-group.qc-space-features{
  /* Match the “Monthly Stewardship Options” panel width */
  max-width: 920px !important;          /* tweak: 860–980 until it matches */
  width: calc(100% - 32px) !important;  /* same side breathing room */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobile: slightly tighter */
@media (max-width: 640px){
  .space-stew-page .wp-block-group.qc-space-features{
    width: calc(100% - 24px) !important;
  }
}
.space-stew-page .wp-block-group.qc-stewardship-tiers{
  max-width: 920px !important;
  width: calc(100% - 32px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* DESKTOP ONLY: fix Astra header social icon alignment */
@media (min-width: 922px) {

  /* Make the social container sit properly in the header row */
  .ast-header-social-wrap,
  .ast-header-social-1-wrap,
  .ast-header-social-wrap .social-show-label-false {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    height: 100% !important;
  }

  /* Keep the icon links aligned and same box size */
  .ast-header-social-wrap a,
  .ast-header-social-1-wrap a,
  .ast-builder-social-element {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
  }

  /* Normalize the SVG icons */
  .ast-header-social-wrap svg,
  .ast-header-social-1-wrap svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
  }

  /* If the parent header cell is stretching weirdly, center it */
  [data-section="section-hb-social-icons-1"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 100% !important;
  }
}