/*
 * 一枝红杏 2026 (yzhx2026) - 1111.php / _event1111.tpl colour + font overlay (round 4 PLAN, demo only).
 * Linked by includes/hooks/yzhx_1111_assets.php only when style = yzhx2026 and script = 1111.php.
 * Style only: colours, font families, shadow colour. No layout rules.
 * Every selector is prefixed with body.lagom-yzhx.page-_event1111 so it outranks the inline
 * <style> in _event1111.tpl regardless of load order.
 * Never shipped in the production package. Rollback: delete this file and the hook.
 */

/* (1) Token remap: --d11-* -> yzhx tokens */
body.lagom-yzhx.page-_event1111 .d11-page,
body.lagom-yzhx.page-_event1111 .d11-draw-anim,
body.lagom-yzhx.page-_event1111 .d11-draw-result {
    --d11-brand: #b7102a;        /* --yz-primary */
    --d11-brand-dark: #960e23;   /* --yz-primary-dark */
    --d11-brand-soft: #fcf0f1;   /* light tint of primary */
    --d11-brand-line: #e4bebc;   /* --yz-line-2 */
    --d11-brand-rgb: 183, 16, 42;
    --d11-red: #b7102a;
    --d11-red-soft: #db313f;     /* --yz-primary-2 */
    --d11-text: #1c1b1b;         /* --yz-ink */
    --d11-muted: #736c6f;        /* --yz-muted */
    --d11-border: #ece6e5;       /* --yz-line */
    --d11-ok: #2c694e;           /* --yz-save */
}

/* (2) Hardcoded colours left in the tpl */
body.lagom-yzhx.page-_event1111 .d11-hero {
    border-color: #ece6e5;
    background: linear-gradient(135deg, #fff 0%, #f6f3f2 100%);
}

body.lagom-yzhx.page-_event1111 .d11-title { color: #1c1b1b; }
body.lagom-yzhx.page-_event1111 .d11-lead { color: #5b403f; }
body.lagom-yzhx.page-_event1111 .d11-status { background: #e8f2ec; }
body.lagom-yzhx.page-_event1111 .d11-status i { background: #2c694e; }
body.lagom-yzhx.page-_event1111 .d11-period-time { color: #736c6f; }

body.lagom-yzhx.page-_event1111 .d11-cycle-name { color: #5b403f; }
/* restore: the rule above would otherwise outrank the tpl's .is-recommend name colour */
body.lagom-yzhx.page-_event1111 .d11-cycle-card.is-recommend .d11-cycle-name { color: var(--d11-brand-dark); }

body.lagom-yzhx.page-_event1111 .d11-renew-bar label { color: #1c1b1b; }
body.lagom-yzhx.page-_event1111 .d11-picker-title { color: #1c1b1b; }

body.lagom-yzhx.page-_event1111 .d11-entry-card { border-color: #ece6e5; }
/* restore: the rule above would otherwise outrank the tpl's .is-primary border */
body.lagom-yzhx.page-_event1111 .d11-entry-card.is-primary { border-color: var(--d11-brand); }
body.lagom-yzhx.page-_event1111 .d11-entry-card b { color: #1c1b1b; }

body.lagom-yzhx.page-_event1111 .d11-section h2 { color: #1c1b1b; }

body.lagom-yzhx.page-_event1111 .d11-lottery-count strong { color: #b7102a; }
body.lagom-yzhx.page-_event1111 .d11-lottery-draw { background: #b7102a; }
body.lagom-yzhx.page-_event1111 .d11-history-retry { background: #b7102a; }
body.lagom-yzhx.page-_event1111 .d11-history-ok { color: #2c694e; }

body.lagom-yzhx.page-_event1111 .d11-svc-name { color: #1c1b1b; }
body.lagom-yzhx.page-_event1111 .d11-svc-badge { background: #e8f2ec; }

/* (3) Fonts (files come from yzhx-fonts.css; family names only, with fallbacks) */
/* Titles: serif */
body.lagom-yzhx.page-_event1111 .d11-title,
body.lagom-yzhx.page-_event1111 .d11-section h2,
body.lagom-yzhx.page-_event1111 .d11-picker-title,
body.lagom-yzhx.page-_event1111 .d11-draw-title,
body.lagom-yzhx.page-_event1111 .swal2-title {
    font-family: var(--yz-head, "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", serif);
}
/* Buttons and numbers: Inter label font (.d11-cycle-zhe stays sans: serif widths risk wrapping at 390px) */
body.lagom-yzhx.page-_event1111 .d11-cycle-btn,
body.lagom-yzhx.page-_event1111 .d11-q,
body.lagom-yzhx.page-_event1111 .d11-picker-option,
body.lagom-yzhx.page-_event1111 .d11-lottery-draw,
body.lagom-yzhx.page-_event1111 .d11-history-retry,
body.lagom-yzhx.page-_event1111 .d11-cycle-zhe,
body.lagom-yzhx.page-_event1111 .d11-draw-roll,
body.lagom-yzhx.page-_event1111 .d11-draw-num,
body.lagom-yzhx.page-_event1111 .swal2-styled {
    font-family: var(--yz-label, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);
}
/* Popup body: site body font */
body.lagom-yzhx.page-_event1111 .swal2-popup {
    font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);
    color: #1c1b1b;
}

/* (4) SweetAlert confirm: the tpl JS still passes a blue confirmButtonColor, which SweetAlert writes
 * as an inline background-color; !important is the only CSS way to win over it. */
body.lagom-yzhx.page-_event1111 .swal2-styled.swal2-confirm {
    background-color: #b7102a !important;
}
body.lagom-yzhx.page-_event1111 .swal2-styled.swal2-confirm:hover {
    background-color: #960e23 !important;
}
body.lagom-yzhx.page-_event1111 .swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(183, 16, 42, .35);
}