/* BHS Layer 2 core/native page patterns.
 * Shared visual layer for staff-editable Gutenberg conversions.
 * Keeps page content in core blocks while matching legacy Canvas page design.
 */
.bhs-pg .btn{display:inline-block;font-family:var(--global-heading-font-family);font-weight:600;font-size:16px;text-decoration:none;color:var(--global-palette9);background:var(--global-palette1);padding:13px 32px;border-radius:6px;transition:background .2s,color .2s}
.bhs-pg .btn:hover{background:var(--global-palette2);color:var(--global-palette9)}
.bhs-pg .bhs-label{font-family:var(--global-heading-font-family);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--global-palette1);margin:0 0 14px}
.bhs-pg h2.bhs-h2{font-size:clamp(28px,4vw,40px);margin:0 0 14px}
.bhs-pg h3.bhs-h3{font-size:22px;margin:34px 0 10px}
.bhs-pg p.bhs-serif{font-family:'PT Serif',Georgia,serif;font-size:19px;line-height:1.65;margin:0 0 22px}
.bhs-pg-hero{background:var(--global-palette2);padding:64px 24px 56px;text-align:center}
.bhs-pg-hero h1{color:var(--global-palette9);margin:0 0 10px;font-size:clamp(28px,4.5vw,44px)}
.bhs-pg-hero p.bhs-sub{color:var(--global-palette8);font-family:var(--global-heading-font-family);font-size:16px;margin:0}
.bhs-pg-inner{max-width:1100px;margin:0 auto}
.bhs-pg-white{background:var(--global-palette9);padding:96px 24px}
.bhs-pg-cream{background:var(--global-palette8);padding:96px 24px}
.bhs-pg-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
@media (max-width:880px){.bhs-pg-split{grid-template-columns:1fr}}
.bhs-pg-media{position:sticky;top:120px}
@media (max-width:880px){.bhs-pg-media{position:static}}
.bhs-pg-media img{width:100%;border-radius:10px;display:block}
.bhs-pg-know{background:var(--global-palette2);padding:96px 24px}
.bhs-pg-know .bhs-pg-inner{text-align:center}
.bhs-pg-know h2.bhs-h2{color:var(--global-palette9)}
.bhs-pg .wp-block-image{margin:0}
.bhs-pg .wp-block-heading{margin-top:0}
.bhs-pg .wp-block-buttons{margin-top:26px}
.bhs-pg .wp-block-button__link{font-family:var(--global-heading-font-family);font-weight:600;font-size:16px;text-decoration:none;color:var(--global-palette9)!important;background:var(--global-palette1)!important;padding:13px 32px;border-radius:6px}
.bhs-pg .wp-block-button__link:hover{background:var(--global-palette2)!important;color:var(--global-palette9)!important}

/* V4 BEM aliases for maintainable Gutenberg List View / DOM structure. */
.bhs-feast-page__eyebrow{font-family:var(--global-heading-font-family);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--global-palette1);margin:0 0 14px}
.bhs-feast-page__hero{background:var(--global-palette2);padding:64px 24px 56px;text-align:center}
.bhs-feast-page__title{color:var(--global-palette9);margin:0 0 10px;font-size:clamp(28px,4.5vw,44px)}
.bhs-feast-page__subtitle{color:var(--global-palette8);font-family:var(--global-heading-font-family);font-size:16px;margin:0}
.bhs-feast-page__main{background:var(--global-palette9);padding:96px 24px}
.bhs-feast-page__inner{max-width:1100px;margin:0 auto}
.bhs-feast-page__split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
@media (max-width:880px){.bhs-feast-page__split{grid-template-columns:1fr}}
.bhs-feast-page__media{position:sticky;top:120px;margin:0}
@media (max-width:880px){.bhs-feast-page__media{position:static}}
.bhs-feast-page__media img{width:100%;border-radius:10px;display:block}
.bhs-feast-page__section-title{font-size:clamp(28px,4vw,40px);margin:0 0 14px}
.bhs-feast-page__subsection-title{font-size:22px;margin:34px 0 10px}
.bhs-feast-page__body{font-family:'PT Serif',Georgia,serif;font-size:19px;line-height:1.65;margin:0 0 22px}
.bhs-feast-page__cta{background:var(--global-palette2);padding:96px 24px}
.bhs-feast-page__cta-inner{max-width:1100px;margin:0 auto;text-align:center}
.bhs-feast-page__cta-eyebrow{font-family:var(--global-heading-font-family);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--global-palette1);margin:0 0 14px}
.bhs-feast-page__cta-title{color:var(--global-palette9);font-size:clamp(28px,4vw,40px);margin:0 0 14px}
.bhs-feast-page__cta-actions{margin-top:26px}
.bhs-feast-page__cta-button .wp-block-button__link{font-family:var(--global-heading-font-family);font-weight:600;font-size:16px;text-decoration:none;color:var(--global-palette9)!important;background:var(--global-palette1)!important;padding:13px 32px;border-radius:6px}
.bhs-feast-page__cta-button .wp-block-button__link:hover{background:var(--global-palette2)!important;color:var(--global-palette9)!important}
.bhs-feast-page__events{background:var(--global-palette9);padding:0 24px 96px}
.bhs-feast-page__events-list{max-width:1100px;margin:0 auto}


/* Hero spacing fix v2: beat theme heading margins with higher specificity.
 * Children live inside wp-block-group__inner-container, and Kadence sets
 * heading margins via .entry-content h1 (specificity 0,1,1), so we scope
 * with the hero class (0,2,0) to win the cascade. */
.bhs-feast-page__hero .bhs-feast-page__eyebrow{margin:0 0 6px}
.bhs-feast-page__hero .bhs-feast-page__title{margin:0 0 10px;margin-top:0}
.bhs-feast-page__hero .bhs-feast-page__subtitle{margin:0}
.bhs-feast-page__hero .wp-block-group__inner-container > *{margin-top:0}


/* High Holy Days page-specific: narrow centered welcome + cream events band,
 * faithful to the original Canvas layout. */
.bhs-feast-page__welcome{background:var(--global-palette9);padding:96px 24px;text-align:center}
.bhs-feast-page__welcome > .wp-block-group__inner-container{max-width:860px;margin:0 auto}
.bhs-feast-page__welcome .bhs-feast-page__section-title{margin:0 0 20px}
.bhs-feast-page__lead{font-family:'PT Serif',Georgia,serif;font-size:19px;line-height:1.65;margin:0 0 22px}
.bhs-feast-page__welcome .bhs-feast-page__body{margin:0 0 18px}
.bhs-feast-page__accent{font-family:'PT Serif',Georgia,serif;font-size:19px;line-height:1.65;color:var(--global-palette1);margin:8px 0 0}
.bhs-feast-page__events{background:var(--global-palette8);padding:96px 24px;text-align:center}
.bhs-feast-page__events > .wp-block-group__inner-container{max-width:1100px;margin:0 auto}
.bhs-feast-page__events .bhs-feast-page__section-title{margin:0 0 40px}
.bhs-feast-page__events-actions{margin-top:44px}


/* Spacing between the events grid and the "View All Events" button. */
.bhs-feast-page__events-actions{margin-top:48px}
.bhs-feast-page__events .bhs_cards{margin-bottom:0}
.bhs-feast-page__events .wp-block-buttons{margin-top:48px}


/* Pesach "Host Your Own Seder" section: centered cream band with video. */
.bhs-feast-page__seder{background:var(--global-palette8);padding:96px 24px;text-align:center}
.bhs-feast-page__seder > .wp-block-group__inner-container{max-width:860px;margin:0 auto}
.bhs-feast-page__seder .bhs-feast-page__section-title{margin:0 0 14px}
.bhs-feast-page__video{margin:26px auto 0;border-radius:10px;overflow:hidden}
.bhs-feast-page__video iframe{border-radius:10px}


/* ============================================================
 * Phase 1 shared components (standard content pages)
 * ============================================================ */

/* Body subsection headings + lists + quotes inside the text column. */
.bhs-feast-page__subsection-title{font-size:22px;margin:34px 0 10px}
.bhs-feast-page__list{font-family:'PT Serif',Georgia,serif;font-size:18px;line-height:1.6;margin:0 0 22px;padding-left:22px}
.bhs-feast-page__list li{margin:0 0 8px}
.bhs-feast-page__quote{font-family:'PT Serif',Georgia,serif;font-style:italic;font-size:19px;color:var(--global-palette5);border-left:4px solid var(--global-palette1);margin:0 0 22px;padding:6px 0 6px 20px}

/* "Keep Exploring" section: cream band holding the tout card grid. */
.bhs-feast-page__explore{background:var(--global-palette8);padding:80px 24px}
.bhs-feast-page__explore > .wp-block-group__inner-container{max-width:1100px;margin:0 auto}
.bhs-feast-page__explore .bhs-feast-page__eyebrow{text-align:center}
.bhs-feast-page__explore .bhs-feast-page__section-title{text-align:center;margin:0 0 40px}

/* Explore cards reuse the canonical bhs_cards markup + classes so they look
 * identical to the ministry/event card grids. The bhs_cards CSS is normally
 * injected only when the [bhs_cards] shortcode runs, so we mirror the core
 * rules here to guarantee explore-only pages (no shortcode) are still styled.
 * Selectors/values match bhs_cards_styles() in render.php exactly. */
/* auto-FIT (not auto-fill) so 2 cards expand to fill the row instead of
 * leaving an empty 3rd track. Matches the original Canvas .bhs-pg-toutgrid.
 * max-width caps the row so 2 cards don't stretch absurdly wide on desktop. */
.bhs_cards-explore .bhs_cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:820px;margin-left:auto;margin-right:auto}
.bhs_cards-explore .bhs_cards-card{display:flex;flex-direction:column;background:var(--global-palette9);border-radius:10px;overflow:hidden;text-decoration:none;box-shadow:0 4px 16px rgba(46,68,102,.10);transition:transform .15s,box-shadow .15s}
.bhs_cards-explore .bhs_cards-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(46,68,102,.18)}
.bhs_cards-explore .bhs_cards-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--global-palette2);position:relative}
/* object-position:center top keeps the TOP of the image (faces/heads) in frame
 * when a portrait photo is cover-cropped into the landscape card slot, so heads
 * aren't cut off. Staff can override per-image via the --bhs-focal custom prop
 * (e.g. style="--bhs-focal:center 30%") if a specific photo needs a different
 * crop point. */
.bhs_cards-explore .bhs_cards-thumb img{width:100%;height:100%;object-fit:cover;object-position:var(--bhs-focal,center top);display:block}
.bhs_cards-explore .bhs_cards-thumb--empty{display:flex;align-items:center;justify-content:center;padding:20px}
.bhs_cards-explore .bhs_cards-thumb--empty span{font-family:var(--global-heading-font-family);font-weight:700;font-size:18px;color:var(--global-palette9);text-align:center}
.bhs_cards-explore .bhs_cards-body{padding:18px 20px 22px}
.bhs_cards-explore .bhs_cards-body h3{font-size:19px;margin:0 0 8px;color:var(--global-palette3)}
.bhs_cards-explore .bhs_cards-meta{font-size:14px;color:var(--global-palette5);margin:0;font-family:'PT Serif',Georgia,serif;line-height:1.5}

/* FAQ accordions (native core/details) as mini-cards, matching the Canvas prod look. */
.bhs-feast-page__faq-item{background:var(--global-palette9);border:1px solid var(--global-palette7);border-radius:8px;padding:18px 22px;margin:0 0 14px}
.bhs-feast-page__faq-item summary{font-family:var(--global-heading-font-family);font-weight:600;font-size:18px;color:var(--global-palette3);cursor:pointer;list-style:revert}
.bhs-feast-page__faq-item[open]{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.bhs-feast-page__faq-item[open] summary{color:var(--global-palette1);margin-bottom:12px}
.bhs-feast-page__faq-item p{font-family:'PT Serif',Georgia,serif;font-size:17px;line-height:1.65;margin:0 0 12px}
.bhs-feast-page__faq-item p:last-child{margin-bottom:0}

/* Statement of Faith block: eyebrow + PT-serif normal-weight statement. */
.bhs-feast-page__statement-block{margin:0 0 40px}
.bhs-feast-page__statement{font-family:'PT Serif',Georgia,serif;font-weight:400;font-size:22px;line-height:1.55;color:var(--global-palette3);margin:0}

/* Tighten the gap between a body eyebrow and the H2 that follows it (fix #4).
 * The first body line was reading as an eyebrow but sat too far from the heading. */
.bhs-feast-page__content .bhs-feast-page__eyebrow,
.bhs-feast-page__inner .bhs-feast-page__eyebrow{margin:0 0 6px}
.bhs-feast-page__content .bhs-feast-page__eyebrow + .bhs-feast-page__section-title,
.bhs-feast-page__inner .bhs-feast-page__eyebrow + .bhs-feast-page__section-title{margin-top:0}