/*
 * BCS PUBLIC HOMEPAGE — measured spacing correction (5 Nov 2026)
 * Apply AFTER all existing homepage section styles, not before them.
 * Scope: vertical spacing only. No typography, layout, card, photo,
 * navbar, carousel, animation or finance/transaction behavior is changed.
 * Based on 1440px, 1920px, 820px and 390px capture measurements.
 */

/* Desktop: calm, consistent spacing between major editorial sections. */
@media (min-width: 1101px) {
  #daily-message.bcs-daily-home,
  #about-bcs.bcs-about-showcase,
  .bcs-home #bcs-home-bethel.bcs-home-bethel,
  .bcs-home .bcs-section.bcs-home-bethel,
  #fathers-gospel.bcs-fathers-gospel,
  #news-and-events.bcs-media-section,
  #tithe-services.bcs-tithe-public {
    padding-top: clamp(60px, 4.45vw, 68px) !important;
    padding-bottom: clamp(60px, 4.45vw, 68px) !important;
  }
  /* Blog was already unusually tight (30px / 12px): do not apply
     the same 68px rule or enlarge the gap to Tithe Services. */
  #articles.bcs-blog-modern {
    padding-top: 52px !important;
    padding-bottom: 48px !important;
  }
}

/* Tablet / small laptop. Let tall cards breathe but avoid huge gaps. */
@media (min-width: 701px) and (max-width: 1100px) {
  #daily-message.bcs-daily-home,
  #about-bcs.bcs-about-showcase,
  .bcs-home #bcs-home-bethel.bcs-home-bethel,
  .bcs-home .bcs-section.bcs-home-bethel,
  #fathers-gospel.bcs-fathers-gospel,
  #news-and-events.bcs-media-section,
  #tithe-services.bcs-tithe-public {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }
  #articles.bcs-blog-modern {
    padding-top: 48px !important;
    padding-bottom: 44px !important;
  }
}

/* Small screens: shorter distances between content, with readable gutters. */
@media (max-width: 700px) {
  #daily-message.bcs-daily-home,
  #about-bcs.bcs-about-showcase,
  .bcs-home #bcs-home-bethel.bcs-home-bethel,
  .bcs-home .bcs-section.bcs-home-bethel,
  #fathers-gospel.bcs-fathers-gospel,
  #news-and-events.bcs-media-section,
  #tithe-services.bcs-tithe-public {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
  #articles.bcs-blog-modern {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }
}

/* Intentional exclusions:
 * - #bcsSpiritualHero: preserve the full-bleed opening experience.
 * - #donations: existing compact 20–26px outer spacing is reasonable.
 * - navigation and footer: require their source files for safe edits.
 * - no forced heights/min-heights: CMS can contain varied text lengths.
 */

/* Keep anchor targets visible beneath the sticky navigation. */
#daily-message, #about-bcs, #bcs-home-bethel, #fathers-gospel,
#news-and-events, #articles, #tithe-services, #donations {
  scroll-margin-top: 112px;
}
@media (max-width: 700px) {
  #daily-message, #about-bcs, #bcs-home-bethel, #fathers-gospel,
  #news-and-events, #articles, #tithe-services, #donations {
    scroll-margin-top: 92px;
  }
}