/* AYESH v1.0.18 — Loyalty Program brand adaptation.
   Keeps original hero, two-tier, CTA and How it Works layout intact.
   This stylesheet loads only at /loyalty-program/. */
html body .hb-page-head--loyalty h1 {
    color: #141414 !important;
}
html body .hb-loyalty-hero {
    border-color: rgba(201, 21, 36, .14);
    background: linear-gradient(135deg, #FFF7F8 0%, #FFFFFF 64%);
}
html body .hb-loyalty-hero h2 {
    color: #141414 !important;
}
html body .hb-loyalty-hero p {
    color: #5B5B5B;
}
html body .hb-loyalty-tier {
    border-color: #E9E9E9;
    background: #FFFFFF;
}
/* Champagne Gold is restricted to a subtle premium-tier accent. */
html body .hb-loyalty-tier--premium {
    border-color: rgba(198, 161, 91, .42);
    background: linear-gradient(145deg, #FFFFFF 0%, #FFFCF6 100%);
}
html body .hb-loyalty-tier__eyebrow {
    color: #5B5B5B;
}
html body .hb-loyalty-tier__value,
html body .hb-loyalty-tier--premium .hb-loyalty-tier__value {
    color: #C91524 !important;
}
html body .hb-loyalty-tier p {
    color: #606060;
}
html body .hb-loyalty-how {
    border-color: #F0DFE1;
    background: #FFFAFA;
}
html body .hb-loyalty-how h3 {
    color: #141414;
}
html body .hb-loyalty-how p {
    color: #5C5C5C;
}
html body .hb-loyalty-fineprint {
    color: #696969 !important;
}
/* Preserve established button shapes and typography, harmonize all CTA states. */
html body .hb-loyalty-page .hb-loyalty-btn--primary {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #C91524 !important;
    border-color: #C91524 !important;
}
html body .hb-loyalty-page .hb-loyalty-btn--secondary {
    color: #C91524 !important;
    -webkit-text-fill-color: #C91524 !important;
    background: #FFFFFF !important;
    border-color: #C91524 !important;
}
html body .hb-loyalty-page .hb-loyalty-btn:hover,
html body .hb-loyalty-page .hb-loyalty-btn:focus-visible {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    background: #A4101E !important;
    border-color: #A4101E !important;
}
html body .hb-loyalty-page .hb-loyalty-btn:focus-visible {
    outline: 2px solid #C91524 !important;
    outline-offset: 4px;
}
