/* === GWM CHILD ABOUT PAGE FINAL OVERRIDES START === */

/*
Final About page child-theme layer.
Keeps hero image visible, adds text-only card, keeps buttons light, and removes generated button arrows.
*/

body.page-id-140 {
    --gwm-child-ivory: #fffaf0;
    --gwm-child-cream: #f8efe0;
    --gwm-child-royal: #17213b;
    --gwm-child-body: #46546f;
    --gwm-child-gold: #bd8b2f;
    --gwm-child-border: rgba(189, 139, 47, 0.34);
}

/* Real visible hero image */
body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: clamp(480px, 68vh, 760px);
    display: flex;
    align-items: center;
    color: var(--gwm-child-royal) !important;
    background:
        linear-gradient(
            90deg,
            rgba(255, 250, 240, 0.58) 0%,
            rgba(255, 250, 240, 0.40) 44%,
            rgba(255, 250, 240, 0.18) 76%,
            rgba(255, 250, 240, 0.08) 100%
        ),
        var(--gwm-about-hero-image, linear-gradient(135deg, #fffaf0, #f8efe0)) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Keep overlays soft so the image is not buried */
body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header)::before {
    background:
        radial-gradient(circle at 18% 34%, rgba(189, 139, 47, 0.16), transparent 24rem),
        linear-gradient(90deg, rgba(255, 250, 240, 0.12), rgba(255, 250, 240, 0.02)) !important;
}

body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header)::after {
    background: linear-gradient(180deg, transparent, rgba(255, 250, 240, 0.94)) !important;
}

/* Card only behind hero text */
body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header)
:is(.gwm-page-hero-content, .page-hero-content, .hero-content, .container, .wrap):has(h1) {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: fit-content !important;
    max-width: min(760px, calc(100% - 2rem)) !important;
    margin-left: max(1rem, calc((100vw - 1180px) / 2)) !important;
    margin-right: auto !important;
    padding: clamp(1.25rem, 3vw, 2.35rem) !important;
    border-radius: 8px;
    border: 1px solid var(--gwm-child-border);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 250, 240, 0.88)) !important;
    box-shadow:
        0 24px 70px rgba(20, 29, 52, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header)
:is(.gwm-page-hero-content, .page-hero-content, .hero-content, .container, .wrap):has(h1) h1 {
    max-width: 680px !important;
    margin-top: 0 !important;
    margin-bottom: 0.8rem !important;
    color: var(--gwm-child-royal) !important;
    text-shadow: none !important;
}

body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header)
:is(.gwm-page-hero-content, .page-hero-content, .hero-content, .container, .wrap):has(h1) p {
    max-width: 620px !important;
    color: #263553 !important;
    text-shadow: none !important;
}

/* Light button system */
body.page-id-140 .wp-block-button__link,
body.page-id-140 a.gwm-about-button,
body.page-id-140 a.gwm-about-button-outline,
body.page-id-140 .gwm-about-button a,
body.page-id-140 .gwm-about-button-outline a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    min-width: 168px;
    padding: 0.92rem 1.25rem !important;
    border-radius: 7px !important;
    border: 1px solid rgba(189, 139, 47, 0.38) !important;
    color: var(--gwm-child-royal) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 250, 240, 0.98)) !important;
    box-shadow:
        0 13px 30px rgba(20, 29, 52, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.86) !important;
    font-weight: 850;
    text-decoration: none !important;
    text-align: center;
    transition:
        transform 190ms ease,
        box-shadow 190ms ease,
        border-color 190ms ease,
        background-color 190ms ease;
}

body.page-id-140 .wp-block-button:not(.is-style-outline):first-child .wp-block-button__link,
body.page-id-140 .gwm-about-button .wp-block-button__link,
body.page-id-140 a.gwm-about-button {
    background:
        linear-gradient(135deg, #f5dfaa, #d6ab55, #bd8b2f) !important;
    border-color: rgba(189, 139, 47, 0.55) !important;
}

body.page-id-140 .wp-block-button__link:hover,
body.page-id-140 a.gwm-about-button:hover,
body.page-id-140 a.gwm-about-button-outline:hover,
body.page-id-140 .gwm-about-button a:hover,
body.page-id-140 .gwm-about-button-outline a:hover {
    color: var(--gwm-child-royal) !important;
    transform: translateY(-3px);
    border-color: rgba(189, 139, 47, 0.68) !important;
    box-shadow:
        0 20px 44px rgba(20, 29, 52, 0.14),
        0 0 0 1px rgba(189, 139, 47, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.90) !important;
}

/* No generated arrows or mojibake attached to buttons */
body.page-id-140 .wp-block-button__link::before,
body.page-id-140 .wp-block-button__link::after,
body.page-id-140 a.gwm-about-button::before,
body.page-id-140 a.gwm-about-button::after,
body.page-id-140 a.gwm-about-button-outline::before,
body.page-id-140 a.gwm-about-button-outline::after,
body.page-id-140 .gwm-about-button a::before,
body.page-id-140 .gwm-about-button a::after,
body.page-id-140 .gwm-about-button-outline a::before,
body.page-id-140 .gwm-about-button-outline a::after {
    content: none !important;
    display: none !important;
}

/* Mobile */
@media (max-width: 760px) {
    body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header) {
        min-height: 520px;
        background:
            linear-gradient(
                180deg,
                rgba(255, 250, 240, 0.74) 0%,
                rgba(255, 250, 240, 0.52) 54%,
                rgba(255, 250, 240, 0.28) 100%
            ),
            var(--gwm-about-hero-image, linear-gradient(135deg, #fffaf0, #f8efe0)) !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    body.page-id-140 :is(.gwm-page-hero, .page-hero, .gwm-hero, .entry-header)
    :is(.gwm-page-hero-content, .page-hero-content, .hero-content, .container, .wrap):has(h1) {
        width: auto !important;
        max-width: calc(100% - 2rem) !important;
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        padding: 1.2rem !important;
        border-radius: 12px;
    }

    body.page-id-140 .wp-block-buttons {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0.72rem;
    }

    body.page-id-140 .wp-block-button,
    body.page-id-140 .wp-block-button__link {
        width: 100%;
        min-width: 0;
    }
}

/* === GWM CHILD ABOUT PAGE FINAL OVERRIDES END === */