/* ── Golf Scramble page (post 2843) ────────────────────────────────────────── */

:root {
    --gs-blue:      #16A8E0;
    --gs-dark:      #101B24;
    --gs-mid:       #3A4A57;
    --gs-border:    #E2E8F0;
    --gs-bg-light:  #F8FAFC;
    --gs-font:      'BC Sans', 'Noto Sans', sans-serif;
}

/* Reset Avada's content padding and sidebar width on this template */
.page-template-page-golf-scramble #main,
.page-template-page-golf-scramble .fusion-row {
    padding: 0 !important;
    margin: 0 !important;
}

/* At ≤800px Avada makes #main>.fusion-row a flex container; force our
   sections to span the full row width as flex items. */
.gs-hero, .gs-details, .gs-story, .gs-cta {
    width: 100%;
    box-sizing: border-box;
    flex: 0 0 100%;
}

/* ── Shared typography ───────────────────────────────────────────────────────── */
.gs-label {
    margin: 0 0 8px;
    font-family: var(--gs-font);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--gs-blue);
}

/* ── Buttons ─────────────────────────────────────────────────────────────────── */
.gs-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 6px;
    font-family: var(--gs-font);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: opacity 0.18s;
    cursor: pointer;
}
.gs-btn:hover { opacity: 0.85; }

.gs-btn--white  { background: #ffffff; color: var(--gs-dark) !important; }
.gs-btn--ghost  { background: transparent; color: #ffffff !important; border: 2px solid rgba(255,255,255,0.6); }
.gs-btn--primary{ background: var(--gs-blue); color: #ffffff !important; }

/* ── Hero ────────────────────────────────────────────────────────────────────── */
.gs-hero {
    position: relative;
    min-height: 560px;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
}

.gs-hero__overlay {
    position: absolute;
    inset: 0;
    background: rgba(16, 27, 36, 0.58);
}

.gs-hero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 40px;
}

.gs-eyebrow {
    display: inline-block;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.35);
    color: #ffffff;
    font-family: var(--gs-font);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 999px;
    margin: 0 0 20px;
}

.gs-h1 {
    color: #ffffff;
    font-family: var(--gs-font);
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 20px;
}

.gs-hero__sub {
    color: rgba(255,255,255,0.85);
    font-family: var(--gs-font);
    font-size: 18px;
    line-height: 1.65;
    margin: 0 0 36px;
    max-width: 580px;
}

.gs-hero__btns {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

/* ── Event Details ───────────────────────────────────────────────────────────── */
.gs-details {
    padding: 60px 40px;
    background: var(--gs-bg-light);
}

.gs-details__card {
    max-width: 960px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid var(--gs-border);
    border-radius: 16px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.08);
    display: flex;
    align-items: stretch;
}

.gs-detail-col {
    flex: 1;
    padding: 44px;
}

.gs-divider {
    width: 1px;
    background: var(--gs-border);
    margin: 40px 0;
    flex-shrink: 0;
}

.gs-value {
    margin: 0;
    font-family: var(--gs-font);
    font-size: 20px;
    font-weight: 700;
    color: var(--gs-dark);
    line-height: 1.3;
}

.gs-sub-value {
    margin: 6px 0 0;
    font-family: var(--gs-font);
    font-size: 15px;
    color: var(--gs-mid);
    line-height: 1.5;
}
.gs-sub-value a {
    color: var(--gs-blue);
    text-decoration: none;
}

/* ── Our Story ───────────────────────────────────────────────────────────────── */
.gs-story {
    padding: 80px 40px;
}

.gs-story__inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

.gs-story__text {
    flex: 1;
    min-width: 0;
}

.gs-story__text h3 {
    font-family: var(--gs-font);
    font-size: 30px;
    font-weight: 700;
    color: var(--gs-dark);
    line-height: 1.2;
    margin: 0 0 20px;
}

.gs-story__text p {
    font-family: var(--gs-font);
    font-size: 16px;
    color: var(--gs-mid);
    line-height: 1.75;
    margin: 0 0 16px;
}

.gs-story__imgs {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gs-img-main {
    width: 100%;
    border-radius: 10px;
    display: block;
    object-fit: cover;
    aspect-ratio: 3/2;
}

.gs-img-row {
    display: flex;
    gap: 12px;
}

.gs-img-row img {
    flex: 1;
    width: 0;
    border-radius: 10px;
    object-fit: cover;
    display: block;
    aspect-ratio: 3/2;
}

/* ── CTA ─────────────────────────────────────────────────────────────────────── */
.gs-cta {
    background: var(--gs-dark);
    padding: 80px 40px;
    text-align: center;
}

.gs-cta__inner {
    max-width: 640px;
    margin: 0 auto;
}

.gs-cta__h2 {
    font-family: var(--gs-font);
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 16px;
}

.gs-cta__body {
    font-family: var(--gs-font);
    font-size: 16px;
    color: rgba(255,255,255,0.75);
    line-height: 1.65;
    margin: 0 0 32px;
}

/* ── Mobile ──────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .gs-h1 { font-size: 36px; }

    .gs-hero__inner { padding: 60px 24px; }

    .gs-details { padding: 40px 20px; }
    .gs-details__card {
        flex-direction: column;
    }
    .gs-detail-col { padding: 28px 24px; }
    .gs-divider { width: 100%; height: 1px; margin: 0; }

    .gs-story { padding: 60px 24px; }
    .gs-story__inner { flex-direction: column; gap: 30px; }
    .gs-img-main { aspect-ratio: 3/2; }
    .gs-img-row { flex-direction: column; }
    .gs-img-row img { width: 100%; flex: none; aspect-ratio: 3/2; }

    .gs-cta { padding: 60px 24px; }
}