/*
 * QoT site theme override for jab-offer-blocks.
 * Maps jab-offer-* CSS variables to Quotes on Travel brand tokens
 * (02-Brand/design-tokens.json v1.0). Rule: Sunset Gold is the single
 * CTA colour on QoT, so ALL modes render a gold button with navy text
 * (base CSS per-mode button colours are overridden below). Mode accents
 * survive as the card's left-edge colour only.
 */

:root {
    --jab-offer-primary:        #1B365D;               /* Deep Navy */
    --jab-offer-primary-dark:   #142a4d;               /* navy-800 */
    --jab-offer-accent-free:    #5c6f63;               /* sage-700 (AA on white) */
    --jab-offer-accent-premium: #0e1f3a;               /* navy-900 */
    --jab-offer-accent-clubs:   #0e1f3a;               /* navy-900 */
    --jab-offer-text-body:      #404040;               /* warm-grey-800 */
    --jab-offer-text-muted:     #707070;               /* warm-grey-600 */
    --jab-offer-bg-card:        #ffffff;
    --jab-offer-bg-eyebrow:     rgba(27, 54, 93, 0.07);
    --jab-offer-border:         rgba(27, 54, 93, 0.12);
    --jab-offer-radius:         10px;                  /* brand radius-md */
    --jab-offer-radius-sm:      6px;                   /* brand radius-sm */
}

/* QoT single-CTA-colour rule: every mode's button is Sunset Gold with
 * navy text (WCAG: navy-900 on #D4B483 = 8.9:1). Overrides the base
 * stylesheet's per-mode button colours; loads after it by enqueue order. */
.jab-offer-card .jab-offer-card__btn,
.jab-offer-card--mode-lead-magnet .jab-offer-card__btn,
.jab-offer-card--mode-digital-entry .jab-offer-card__btn,
.jab-offer-card--mode-digital-premium .jab-offer-card__btn,
.jab-offer-card--mode-consult .jab-offer-card__btn,
.jab-offer-card--mode-club-program .jab-offer-card__btn,
.jab-offer-card--mode-external .jab-offer-card__btn {
    background-color: #D4B483 !important;   /* Sunset Gold */
    border-color:     #D4B483 !important;
    color:            #0e1f3a !important;   /* navy-900 text */
    font-weight: 600;
}
.jab-offer-card .jab-offer-card__btn:hover,
.jab-offer-card--mode-lead-magnet .jab-offer-card__btn:hover,
.jab-offer-card--mode-digital-entry .jab-offer-card__btn:hover,
.jab-offer-card--mode-digital-premium .jab-offer-card__btn:hover,
.jab-offer-card--mode-consult .jab-offer-card__btn:hover,
.jab-offer-card--mode-club-program .jab-offer-card__btn:hover,
.jab-offer-card--mode-external .jab-offer-card__btn:hover {
    background-color: #b08653 !important;   /* gold-600 hover */
    border-color:     #b08653 !important;
    color:            #0e1f3a !important;
}

/* Headline in the display serif, navy. */
.jab-offer-card__headline {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    color: #1B365D;
}

/* Eyebrow: navy on soft navy tint (base uses primary colour, fine), with
 * the QoT eyebrow letterform. */
.jab-offer-card__eyebrow {
    font-family: "Source Sans 3", "Source Sans Pro", -apple-system, "Segoe UI", Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}