/* Theme-only additions on top of vendor + groundworkbioag CSS. */

/* Disable the dark body background that style.css sets on .home pages.
   The original groundworkbioag.com site used a dark `#2A2B2A` body bg as a
   fallback under the dark hero/ground sections; in this theme we prefer a
   neutral light background so missing section bg images don't make the page
   look broken. */
body.home {
    background: #FFFCF1 !important;
    color: #2A2B2A !important;
}

/* WeChat QR block — large, centred, displayed right after the CTA inside
   .rootella-leads-landing-1 > .container. The QR is a focal asset on this
   page so it gets generous size and clear vertical breathing room. */
.rc-wechat-block {
    margin: 60px auto 0;
    padding: 40px 20px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.rc-wechat-block__qr {
    display: block;
    width: 360px;
    height: 360px;
    max-width: 100%;
    border-radius: 12px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    object-fit: contain;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.rc-wechat-block__caption {
    margin: 0;
    font-family: 'Days One', 'Noto Sans SC', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    color: #2A2B2A;
}

@media (max-width: 1024px) {
    .rc-wechat-block {
        margin-top: 40px;
        padding: 24px 16px 8px;
    }
    .rc-wechat-block__qr {
        width: 280px;
        height: 280px;
    }
    .rc-wechat-block__caption {
        font-size: 18px;
    }
}

@media (max-width: 600px) {
    .rc-wechat-block__qr {
        width: 240px;
        height: 240px;
    }
}

/* Make sure native <video> in mycorrhiza video block scales like the original iframe. */
.responsive-video-wrap > video {
    width: 100%;
    height: auto;
    display: block;
}