/*
 * Shared frontend gold-button contract.
 * Reference: homepage Hero CTA “了解線下課程”.
 * Scope is deliberately limited to audited gold-filled actions.
 */
:root {
    --lo2cin4-gold-button-fill: #e8b97d;
    --lo2cin4-gold-button-ink: #111111;
    --lo2cin4-gold-button-border: rgba(232, 185, 125, 0.9);
    --lo2cin4-gold-button-shadow: 0 10px 26px rgba(232, 185, 125, 0.32);
    --lo2cin4-gold-button-shadow-hover: 0 14px 32px rgba(232, 185, 125, 0.4);
}

/*
 * LiteSpeed's public UCSS keeps the initial .reveal state but omits the
 * .reveal.active paint rule on desktop. Keep the reference Hero and CTA
 * visible without changing its layout or motion elsewhere.
 */
html body.home .hero.reveal {
    position: relative !important;
    z-index: 1 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* Gutenberg wrappers are layout-only; the clickable link owns the surface. */
html body .wp-block-button.btn-primary.is-style-gold-glow {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Standard CTA tier: content-adaptive, minimum 52px, never forced full width. */
html body .wp-block-button.is-style-gold-glow > .wp-block-button__link,
html body a.about-lo2cin4-primary,
html body a.lo2cin4-home-method-section__button.is-primary,
html body a.lo2cin4-research-principles__button.is-primary,
html body a.lo2cin4-method-button.is-primary,
html body a.lo2cin4-entity-button:not(.is-secondary),
html body a.lo2cin4-member-portal__button.is-primary,
html body .lo2cin4-sponsor-popup a.lo2cin4-sponsor-popup__cta,
html body .lo2cin4-blog-empty__actions a.lo2cin4-blog-empty__actions-primary,
html body.page-id-25 a.course-enquiry-cta,
html body a.lo2cin4-gold-button,
html body a.lo2cin4-related-posts__button.is-gold,
html body a.lo2cin4-member-only-card__button.is-primary,
html body .lo2cin4bt-landing a.button.button-primary {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0.8rem 2rem !important;
    border: 1px solid var(--lo2cin4-gold-button-border) !important;
    border-radius: 12px !important;
    background: var(--lo2cin4-gold-button-fill) !important;
    color: var(--lo2cin4-gold-button-ink) !important;
    box-shadow: var(--lo2cin4-gold-button-shadow) !important;
    font-family: inherit !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: normal !important;
    cursor: pointer;
    transform: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

/* Compact tier: same material, safe in search, forms and comparison tables. */
html body .lo2cin4-blog-index-v1__search button,
html body .lo2cin4-search-form .wp-block-search__button,
html body input.swpm-pw-reset-submit.swpm-submit-btn-default-style,
html body.page-id-418 .entry-content input.swpm-pw-reset-submit.swpm-submit-btn-default-style,
html body .lo2-offers-comparison .lo2-offers-table a.lo2-offers-mini-cta,
html body .lo2-offers-comparison .lo2-broker-card a.lo2-offers-mini-cta,
html body .lo2-provider-profile .lo2-provider-cta-panel a.lo2-offers-mini-cta,
html body input.swpm-login-form-submit.swpm-submit-btn-default-style {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0.62rem 1rem !important;
    border: 1px solid var(--lo2cin4-gold-button-border) !important;
    border-radius: 12px !important;
    background: var(--lo2cin4-gold-button-fill) !important;
    color: var(--lo2cin4-gold-button-ink) !important;
    box-shadow: var(--lo2cin4-gold-button-shadow) !important;
    font-family: inherit !important;
    font-size: 0.94rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: normal !important;
    cursor: pointer;
    transform: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    html body .wp-block-button.is-style-gold-glow > .wp-block-button__link:hover,
    html body a.about-lo2cin4-primary:hover,
    html body a.lo2cin4-home-method-section__button.is-primary:hover,
    html body a.lo2cin4-research-principles__button.is-primary:hover,
    html body a.lo2cin4-method-button.is-primary:hover,
    html body a.lo2cin4-entity-button:not(.is-secondary):hover,
    html body a.lo2cin4-member-portal__button.is-primary:hover,
    html body .lo2cin4-sponsor-popup a.lo2cin4-sponsor-popup__cta:hover,
    html body .lo2cin4-blog-empty__actions a.lo2cin4-blog-empty__actions-primary:hover,
    html body.page-id-25 a.course-enquiry-cta:hover,
    html body a.lo2cin4-gold-button:hover,
    html body a.lo2cin4-related-posts__button.is-gold:hover,
    html body a.lo2cin4-member-only-card__button.is-primary:hover,
    html body .lo2cin4bt-landing a.button.button-primary:hover,
    html body .lo2cin4-blog-index-v1__search button:hover,
    html body .lo2cin4-search-form .wp-block-search__button:hover,
    html body input.swpm-pw-reset-submit.swpm-submit-btn-default-style:hover,
    html body.page-id-418 .entry-content input.swpm-pw-reset-submit.swpm-submit-btn-default-style:hover,
    html body .lo2-offers-comparison .lo2-offers-table a.lo2-offers-mini-cta:hover,
    html body .lo2-offers-comparison .lo2-broker-card a.lo2-offers-mini-cta:hover,
    html body .lo2-provider-profile .lo2-provider-cta-panel a.lo2-offers-mini-cta:hover,
    html body input.swpm-login-form-submit.swpm-submit-btn-default-style:hover {
        filter: brightness(1.035) !important;
        box-shadow: var(--lo2cin4-gold-button-shadow-hover) !important;
        transform: translateY(-2px) !important;
    }
}

html body .wp-block-button.is-style-gold-glow > .wp-block-button__link:focus-visible,
html body a.about-lo2cin4-primary:focus-visible,
html body a.lo2cin4-home-method-section__button.is-primary:focus-visible,
html body a.lo2cin4-research-principles__button.is-primary:focus-visible,
html body a.lo2cin4-method-button.is-primary:focus-visible,
html body a.lo2cin4-entity-button:not(.is-secondary):focus-visible,
html body a.lo2cin4-member-portal__button.is-primary:focus-visible,
html body .lo2cin4-sponsor-popup a.lo2cin4-sponsor-popup__cta:focus-visible,
html body .lo2cin4-blog-empty__actions a.lo2cin4-blog-empty__actions-primary:focus-visible,
html body.page-id-25 a.course-enquiry-cta:focus-visible,
html body a.lo2cin4-gold-button:focus-visible,
html body a.lo2cin4-related-posts__button.is-gold:focus-visible,
html body a.lo2cin4-member-only-card__button.is-primary:focus-visible,
html body .lo2cin4bt-landing a.button.button-primary:focus-visible,
html body .lo2cin4-blog-index-v1__search button:focus-visible,
html body .lo2cin4-search-form .wp-block-search__button:focus-visible,
html body input.swpm-pw-reset-submit.swpm-submit-btn-default-style:focus-visible,
html body.page-id-418 .entry-content input.swpm-pw-reset-submit.swpm-submit-btn-default-style:focus-visible,
html body .lo2-offers-comparison .lo2-offers-table a.lo2-offers-mini-cta:focus-visible,
html body .lo2-offers-comparison .lo2-broker-card a.lo2-offers-mini-cta:focus-visible,
html body .lo2-provider-profile .lo2-provider-cta-panel a.lo2-offers-mini-cta:focus-visible,
html body input.swpm-login-form-submit.swpm-submit-btn-default-style:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    box-shadow: var(--lo2cin4-gold-button-shadow), 0 0 0 6px rgba(5, 7, 10, 0.82) !important;
}

html body input.swpm-login-form-submit.swpm-submit-btn-default-style:disabled,
html body input.swpm-pw-reset-submit.swpm-submit-btn-default-style:disabled,
html body.page-id-418 .entry-content input.swpm-pw-reset-submit.swpm-submit-btn-default-style:disabled,
html body .lo2-offers-comparison .lo2-offers-table a.lo2-offers-mini-cta[aria-disabled="true"],
html body .lo2-offers-comparison .lo2-broker-card a.lo2-offers-mini-cta[aria-disabled="true"],
html body .lo2-provider-profile .lo2-provider-cta-panel a.lo2-offers-mini-cta[aria-disabled="true"],
html body a.lo2cin4-gold-button[aria-disabled="true"] {
    cursor: not-allowed !important;
    filter: saturate(0.45) opacity(0.62) !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(232, 185, 125, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .wp-block-button.btn-primary.is-style-gold-glow,
    html body .wp-block-button.is-style-gold-glow > .wp-block-button__link,
    html body a.about-lo2cin4-primary,
    html body a.lo2cin4-home-method-section__button.is-primary,
    html body a.lo2cin4-research-principles__button.is-primary,
    html body a.lo2cin4-method-button.is-primary,
    html body a.lo2cin4-entity-button:not(.is-secondary),
    html body a.lo2cin4-member-portal__button.is-primary,
    html body .lo2cin4-sponsor-popup a.lo2cin4-sponsor-popup__cta,
    html body .lo2cin4-blog-empty__actions a.lo2cin4-blog-empty__actions-primary,
    html body.page-id-25 a.course-enquiry-cta,
    html body a.lo2cin4-gold-button,
    html body a.lo2cin4-related-posts__button.is-gold,
    html body a.lo2cin4-member-only-card__button.is-primary,
    html body .lo2cin4bt-landing a.button.button-primary,
    html body .lo2cin4-blog-index-v1__search button,
    html body .lo2cin4-search-form .wp-block-search__button,
    html body input.swpm-pw-reset-submit.swpm-submit-btn-default-style,
    html body.page-id-418 .entry-content input.swpm-pw-reset-submit.swpm-submit-btn-default-style,
    html body .lo2-offers-comparison .lo2-offers-table a.lo2-offers-mini-cta,
    html body .lo2-offers-comparison .lo2-broker-card a.lo2-offers-mini-cta,
    html body .lo2-provider-profile .lo2-provider-cta-panel a.lo2-offers-mini-cta,
    html body input.swpm-login-form-submit.swpm-submit-btn-default-style {
        transition: none !important;
        transform: none !important;
    }

    html body .wp-block-button.is-style-gold-glow > .wp-block-button__link:is(:hover, :focus-visible),
    html body a.about-lo2cin4-primary:is(:hover, :focus-visible),
    html body a.lo2cin4-home-method-section__button.is-primary:is(:hover, :focus-visible),
    html body a.lo2cin4-research-principles__button.is-primary:is(:hover, :focus-visible),
    html body a.lo2cin4-method-button.is-primary:is(:hover, :focus-visible),
    html body a.lo2cin4-entity-button:not(.is-secondary):is(:hover, :focus-visible),
    html body a.lo2cin4-member-portal__button.is-primary:is(:hover, :focus-visible),
    html body .lo2cin4-sponsor-popup a.lo2cin4-sponsor-popup__cta:is(:hover, :focus-visible),
    html body .lo2cin4-blog-empty__actions a.lo2cin4-blog-empty__actions-primary:is(:hover, :focus-visible),
    html body.page-id-25 a.course-enquiry-cta:is(:hover, :focus-visible),
    html body a.lo2cin4-gold-button:is(:hover, :focus-visible),
    html body a.lo2cin4-related-posts__button.is-gold:is(:hover, :focus-visible),
    html body a.lo2cin4-member-only-card__button.is-primary:is(:hover, :focus-visible),
    html body .lo2cin4bt-landing a.button.button-primary:is(:hover, :focus-visible),
    html body .lo2cin4-blog-index-v1__search button:is(:hover, :focus-visible),
    html body .lo2cin4-search-form .wp-block-search__button:is(:hover, :focus-visible),
    html body input.swpm-pw-reset-submit.swpm-submit-btn-default-style:is(:hover, :focus-visible),
    html body.page-id-418 .entry-content input.swpm-pw-reset-submit.swpm-submit-btn-default-style:is(:hover, :focus-visible),
    html body .lo2-offers-comparison .lo2-offers-table a.lo2-offers-mini-cta:is(:hover, :focus-visible),
    html body .lo2-offers-comparison .lo2-broker-card a.lo2-offers-mini-cta:is(:hover, :focus-visible),
    html body .lo2-provider-profile .lo2-provider-cta-panel a.lo2-offers-mini-cta:is(:hover, :focus-visible),
    html body input.swpm-login-form-submit.swpm-submit-btn-default-style:is(:hover, :focus-visible) {
        transform: none !important;
    }
}