/*
 * Community page (/community/, body.gw-community-page) — Website file 472:5319, 1920 wide.
 * Section rhythm between the stock elements, y relative to the frame top: hero 0-1122,
 * orange cut-out 1198, eyebrow 1466, heading 1548, lead 1676, teal line 1777, body 1878-2086,
 * gallery 2178-3258, pool eyebrow 3397, pool statement 3529-4249, "Making the Connection" 4460,
 * tiles 4911, arrows 5406-5506, three-up 5594-6317, Pura Vida collage to 7820, clubhouse
 * photo 8062-9142, mint panel to 10715 (cut-outs 9376, heading 9823, pill 10450).
 * Loaded by inc/community.php. Element classes are the el_class values on the page's elements (edit in WPBakery).
 */

body.gw-community-page .container-wrap { padding-top: 0 !important; padding-bottom: 0 !important; } /* hero under the header; the mint panel meets the footer */
/* position: sticky (Pura Vida Club text) needs no scroll-container ancestor: Salient's overflow: hidden on these makes one (the homes.css recipe) */
body.gw-community-page, body.gw-community-page .ocm-effect-wrap, body.gw-community-page .ocm-effect-wrap-inner, body.gw-community-page #ajax-content-wrap, body.gw-community-page .container-wrap { overflow: clip; }

/* Hero (472:5335): 1920x1122 render under a 20 % scrim, heading hanging over its bottom edge */
.gw-community-page .gw-swap__frame { aspect-ratio: 1920 / 1122; }

/* Intro (472:5371-5376) */
.gw-com-intro.gw-section-intro { padding-top: clamp(24px, 2.55vw, 49px); padding-bottom: clamp(48px, 4.8vw, 92px); }
.gw-com-intro .gw-intro__kicker { max-width: none; margin: 0; padding: 0; color: var(--gw-teal-500); font-family: var(--gw-font-display); font-weight: 700 !important; font-size: clamp(20px, 2.34vw, 45px) !important; line-height: 1.1; letter-spacing: 0 !important; text-transform: none !important; }
.gw-com-intro .gw-intro__body { max-width: clamp(280px, 73.6vw, 1414px); }

/* Pool statement (472:5513-5516): 200/180 teal on four lines, pink swoosh under "three!" */
.gw-com-pool.gw-section-intro { padding-top: clamp(56px, 7.24vw, 139px); padding-bottom: 0; }
.gw-com-pool .gw-intro__heading { position: relative; width: 84.84vw; max-width: none; color: var(--gw-teal-500); font-size: clamp(48px, 10.42vw, 200px) !important; line-height: 0.9 !important; }
.gw-com-pool .gw-intro__heading::after { content: ""; position: absolute; left: 47.4%; top: 96.5%; width: 47.5%; aspect-ratio: 774 / 122; background: url("../svg/community-pool-swoosh.svg") center / 100% 100% no-repeat; pointer-events: none; }

.gw-com-amenities.gw-amenities { padding-top: clamp(64px, 11vw, 211px); padding-bottom: clamp(40px, 4.58vw, 88px); }
.gw-com-club.gw-text-stack { margin-bottom: clamp(56px, 12.6vw, 242px); }

/* Mint panel (472:5377): cut-outs 244 down, heading 691 down, body on a 1015 measure, 376x63 pill, 1583 tall */
.gw-com-panel.gw-panel { min-height: 82.45vw; align-items: start; padding-top: 36vw; padding-bottom: clamp(48px, 7.9vw, 153px); }
.gw-com-panel .gw-panel__inner { gap: clamp(20px, 2.1vw, 40px); }
.gw-com-panel .gw-intro__body { max-width: clamp(280px, 52.9vw, 1015px); }
.gw-com-panel .gw-pill { min-width: clamp(220px, 19.6vw, 376px); min-height: clamp(48px, 3.28vw, 63px); font-size: var(--gw-fluid-label-l); }


/* Amenity rows (feedback cards 53-55, Craig 2026-10-13): four gw_feature_blocks between the clubhouse photo and
   the mint panel, varied so the run does not read as one repeated layout. All headings are Display S, the size of
   "Making the Connection".
   .gw-com-list   no photo, centred heading, the list as one centred column (no two-line bullets on desktop)
   .gw-com-gate   no photo (the gate illustration is retired site-wide), centred, on a deep green band
   .gw-com-facts  photo left, list
   .gw-com-gym    photo right (gym photo 756), portrait frame matching .gw-com-facts
   Bullets: tighter leading inside an item, a larger gap between items, so each bullet reads as one unit. */
.gw-com-list .gw-feature__media, .gw-com-gate .gw-feature__media { display: none; }
.gw-community-page .gw-com-list.gw-feature .gw-feature__inner, .gw-community-page .gw-com-gate.gw-feature .gw-feature__inner { grid-template-columns: minmax(0, 1fr); justify-items: center; }
.gw-com-list .gw-feature__copy, .gw-com-gate .gw-feature__copy { width: 100%; max-width: clamp(280px, 72vw, 1380px); }
.gw-com-list .gw-intro, .gw-com-gate .gw-intro { justify-items: center; text-align: center; }
.gw-com-list .gw-intro__body { width: 100%; max-width: none; text-align: left; }
.gw-com-list .gw-intro__body > p:empty { display: none; } /* wpautop's empty paragraph before the list */
.gw-com-list .gw-intro__body ul, .gw-com-facts .gw-intro__body ul { margin: 0; padding: 0 0 0 1.1em; list-style: disc; }
.gw-com-list .gw-intro__body li, .gw-com-facts .gw-intro__body li { margin: 0 0 0.85em; padding: 0; font-size: inherit; line-height: 1.45; font-weight: inherit; list-style: disc; break-inside: avoid; }
.gw-com-list .gw-intro__body li:last-child, .gw-com-facts .gw-intro__body li:last-child { margin-bottom: 0; }

/* Envera gate: green-700 band with cream type, the deep ground of News and the footer family. */
.gw-com-gate.gw-feature { background: var(--gw-green-700); color: var(--gw-cream-100); }
.gw-community-page .gw-com-gate.gw-feature .gw-feature__inner { padding-top: var(--gw-fluid-space-section); }
.gw-community-page .gw-com-gate + .gw-feature .gw-feature__inner { padding-top: var(--gw-fluid-space-section); } /* full gap after the band */
.gw-com-gate .gw-eyebrow { color: var(--gw-citron-400); }
.gw-com-gate .gw-intro__heading { color: var(--gw-cream-100); }
.gw-com-gate .gw-intro__body { max-width: clamp(280px, 50vw, 960px); color: var(--gw-cream-100); }

/* Gym photo is portrait (2012x2956): the facts row's frame shape (2012x2394) so the two photos match, and the same plain-row columns and gutter (Danny, 2026-10-14). */
.gw-com-gym .gw-feature__photo { aspect-ratio: 2012 / 2394; }
.gw-com-gym .gw-feature__img { height: 100% !important; object-fit: cover; object-position: 50% 55%; }

@media (min-width: 1000px) {
  .gw-com-list .gw-intro__body ul { width: fit-content; max-width: 100%; margin: 0 auto; } /* one centred column: each bullet fits on one line at 1350+ */
}

@media (max-width: 999px) {
  .gw-com-pool .gw-intro__heading { width: auto; font-size: clamp(44px, 13vw, 96px) !important; }
  .gw-com-panel.gw-panel { min-height: 0; padding-top: 40vw; padding-bottom: var(--gw-space-7); }
  .gw-com-panel .gw-sticker--2 { display: none; } /* the shared bottom-left slot lands on the pill here */
  .gw-com-club.gw-text-stack { margin-bottom: var(--gw-space-6); }
}

/* ---- Motion ---- (assets/js/motion/community.js) */
/* Pool swoosh wipes in left to right on --gw-swoosh-r; unset (no JS, reduced motion) it is fully drawn. */
@media (prefers-reduced-motion: no-preference) {
  html.gw-im .gw-com-pool .gw-intro__heading::after { clip-path: inset(0 var(--gw-swoosh-r, 0%) 0 0); }
  /* community.js inlines the artwork so each stroke can be drawn on its own; same box as the pseudo-element. */
  .gw-com-pool .gw-intro__heading.has-swoosh-strokes::after { content: none; }
  .gw-com-pool__swoosh { position: absolute; left: 47.4%; top: 96.5%; width: 47.5%; height: auto; aspect-ratio: 774 / 122; overflow: visible; pointer-events: none; }
}