/* ==========================================================================
   KK Seasonal & legacy page templates — alignment layer.
   Loyalty, Pesach checklist / shopping list / prize draw / feedback / guide,
   All About Pesach, Wine promotion, Shavuos keep their own stylesheets; this
   file brings their type, colours, buttons and heroes in line with the
   design system. Loads after every page stylesheet.
   ========================================================================== */

/* ----- Type ----- */
.kk-loyalty, .kk-loyalty *,
.kk-page, .kk-page *,
.kk-pcl, .kk-pcl *,
.kk-ap-hero, .kk-ap-section, .kk-ap-section *,
.kk-wp-hero, .kk-wp-hero__title, .kk-wp-hero__desc,
.kk-pd-hero__title, .kk-pd-hero__desc, .kk-pd-form-section, .kk-pd-form-section *,
.kk-pf-form-section, .kk-pf-form-section *,
.kk-shavuos-hero, .kk-shavuos-section, .kk-shavuos-section * {
	font-family: var(--kk-font) !important;
}

/* ----- Loyalty card page ----- */
.kk-loyalty-hero { background: var(--kk-surface) !important; }
.kk-loyalty-hero__bg { display: none !important; }
.kk-loyalty-hero__eyebrow { color: var(--kk-gold-deep) !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; font-size: 12px !important; }
.kk-loyalty-hero__title { color: var(--kk-ink) !important; font-weight: 600 !important; letter-spacing: -0.02em !important; text-shadow: none !important; }
.kk-loyalty-hero__title span { color: var(--kk-gold-deep) !important; font-style: normal !important; }
.kk-loyalty-hero__desc { color: var(--kk-text-2) !important; text-shadow: none !important; }

.kk-loyalty-hero__cta,
.kk-loyalty .kk-btn,
.kk-loyalty-form__submit {
	background: var(--kk-gold) !important;
	color: #fff !important;
	border: 1.5px solid var(--kk-gold) !important;
	border-radius: var(--kk-radius-sm) !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.kk-loyalty-hero__cta:hover,
.kk-loyalty .kk-btn:hover { background: var(--kk-gold-deep) !important; border-color: var(--kk-gold-deep) !important; }

.kk-loyalty-steps__heading,
.kk-loyalty-connect__heading,
.kk-loyalty-form__heading,
.kk-loyalty-faq__heading { color: var(--kk-ink) !important; font-weight: 600 !important; letter-spacing: -0.015em !important; }

.kk-loyalty-connect__heading em { font-style: normal !important; color: var(--kk-gold-deep) !important; }

/* ----- Full-bleed seasonal heroes → compact, legible bands ----- */
.kk-wp-hero,
.kk-pd-hero {
	min-height: 0 !important;
	height: clamp(220px, 32vw, 360px) !important;
	border-radius: 0 !important;
}

.kk-wp-hero__title,
.kk-pd-hero__title,
.kk-ap-hero__title,
.kk-shavuos-hero__title { font-weight: 600 !important; letter-spacing: -0.02em !important; text-shadow: none !important; }

.kk-ap-hero__kicker,
.kk-shavuos-hero__kicker { color: var(--kk-gold) !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }

.kk-ap-heading,
.kk-shavuos-section__heading { color: var(--kk-ink) !important; font-weight: 600 !important; letter-spacing: -0.015em !important; }
.kk-ap-heading em,
.kk-shavuos-section__heading em { font-style: normal !important; }

/* ----- Generic headings inside legacy templates that used serif/italic ----- */
.kk-page h2 em,
.kk-page h3 em,
.kk-pesach h2 em { font-style: normal; }

/* ----- Gradient buttons from legacy sheets → flat gold ----- */
.kk-page .kk-btn--gold,
.kk-page a.kk-btn--gold,
.kk-pcl .kk-btn,
.kk-psl-toolbar .kk-btn,
.kk-psl-toolbar__btn,
.kk-pd-form-section .kk-btn,
.kk-wp-form-section .kk-btn {
	background: var(--kk-gold) !important;
	background-image: none !important;
	color: #fff !important;
	border: 1.5px solid var(--kk-gold) !important;
	border-radius: var(--kk-radius-sm) !important;
	box-shadow: none !important;
	transform: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
}

.kk-page .kk-btn--gold:hover,
.kk-pcl .kk-btn:hover,
.kk-psl-toolbar__btn:hover { background: var(--kk-gold-deep) !important; border-color: var(--kk-gold-deep) !important; }

.kk-page .kk-btn--outline { background: transparent !important; color: var(--kk-ink) !important; border-color: var(--kk-line-strong) !important; }
.kk-page .kk-btn--outline:hover { border-color: var(--kk-ink) !important; background: var(--kk-surface) !important; }

/* ----- Cards / boxes in legacy templates: calm borders, small radius ----- */
.kk-loyalty-step,
.kk-loyalty-form__card,
.kk-loyalty-faq__item,
.kk-pf-form-card,
.kk-pd-form-card,
.kk-wp-form-card,
.kk-psl-card,
.kk-ap-card {
	border-radius: var(--kk-radius) !important;
	box-shadow: none !important;
	border: 1px solid var(--kk-line) !important;
}

/* Keep seasonal video heroes at a sane height */
.kk-shavuos-hero { min-height: 0 !important; height: clamp(460px, 68vh, 680px) !important; }