/*
Theme Name:   TYA Landing Pages
Theme URI:    https://tya.example/
Description:  Child theme of Twenty Seventeen for the TYA landing pages (JP & EN). Parents off Twenty Seventeen specifically because tya.com.hk runs Twenty Seventeen + Elementor + Elementor Pro — switching the parent away from TS breaks Elementor's pre-compiled per-post CSS and dequeues TS's animation scripts (regression confirmed during v0.3 rollout). Custom page templates render the LP markup; LP styles are loaded only on TYA LP pages via assets/css/tya-lp.css. Folder name "tya-sydney-child" is preserved from the original Sydney-based build to allow in-place upgrades without delete/re-upload — the name is historical, not functional.
Author:       TYA / Yoshimoto
Author URI:   https://tya.example/
Template:     twentyseventeen
Version:      0.5.0
Text Domain:  tya-sydney-child
*/

/* ========================================
   TYA LP — child-theme overrides (v0.3 client fixes)
   These rules layer ON TOP of tya-lp.css (the migrated Genspark CSS).
   Keep migration/source CSS untouched — put OUR fixes here only.
   ======================================== */

/* Yoshimoto's Concern ② — FV CTA button widths
   Source v4 stacks buttons vertically but at content-width, so primary
   and secondary differ. Stretch both to a fixed-max-width container.

   The .tya-lp prefix is intentional: tya-lp.css enqueues AFTER this file
   (see functions.php), so single-class selectors lose the cascade tie.
   The body class is added by tya_lp_body_class() in functions.php — do
   not strip the prefix unless you also flip the enqueue order. */
.tya-lp .hero-cta {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: stretch;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}
.tya-lp .hero-cta .btn {
    width: 100%;
}

/* Match button heights between .btn-primary and .btn-secondary.
   .btn-secondary has a 2px solid border (4px total to height in border-box mode);
   .btn-primary has no border, so it renders 4px shorter. Add a transparent
   matching border to .btn-primary so both buttons have the same physical box height.
   This pattern matches how tya-lp.css handles the same problem at lines 738 and 1282. */
.tya-lp .hero-cta .btn-primary {
    border: 2px solid transparent;
}

/* v4e enforces Helvetica/Arial + tighter step typography + 420px equal-height
   on .step-content. Replicate via .tya-lp-en body class instead of v4e's inline
   !important block — same end result, no specificity-bomb in the cascade.
   The inline `style="min-height: 420px; height: 420px;"` on .step-content in
   page-tya-en.php already covers the heights; the rules below cover font + .step-description. */
body.tya-lp-en {
    font-family: Helvetica, Arial, sans-serif;
}
body.tya-lp-en .step-content {
    min-height: 420px;
    height: 420px;
}
body.tya-lp-en .step-description {
    font-size: 1.125rem;
    line-height: 1.7;
}

/*
 * The bulk of the LP styles live in assets/css/tya-lp.css (the migrated Genspark
 * CSS) and are enqueued conditionally only on the TYA page templates (see
 * functions.php). This file (style.css) holds .tya-lp-scoped child overrides —
 * see the Concern ② block above. Add additional cross-site child overrides
 * here if needed.
 */