/* ASANA:1218416085824163 - CookieYes consent banner themed to brand v1.2:
   Parchment ground, Midnight Ash ink, Montserrat, LABEL buttons, no accent.

   CookieYes writes its colours as INLINE styles on each element (dashboard
   defaults: #1863dc buttons, #212121 text, white/#f4f4f4 panels - captured
   from shop2-stage in tests/browser/fixtures/cookieyes_banner_stage.html),
   so these rules need !important to win; a stylesheet !important beats a
   non-important inline style. Colours come only from the documented
   --jifu-* custom properties in base.html :root / jifu.css - no hex here.
   ASANA:1219413299038519: the commerce page ground (--jifu-bg-page) went
   white; the consent overlay deliberately stays Parchment, so it reads the
   --jifu-parchment token (jifu.css, always loaded before this file).

   This makes Shop2 correct regardless of the dashboard. The CookieYes
   dashboard should still be set to the same values so Live and jifu.com
   (which do not load this file) match - see the ticket. Loaded only when
   COOKIEYES_SITE_ID is set (base.html). */

/* Ground + border: notice bar and preference centre. */
.cky-consent-container .cky-consent-bar,
.cky-preference-center {
  background-color: var(--jifu-parchment, rgb(244, 241, 234)) !important;
  border-color: var(--jifu-border) !important;
}

/* Type: Montserrat everywhere inside the consent UI. */
.cky-consent-container,
.cky-modal {
  font-family: 'Montserrat', 'Montserrat Fallback', system-ui, -apple-system, sans-serif !important;
}

/* Ink: titles, body copy, category headings, cookie tables. */
.cky-title,
.cky-notice-des,
.cky-notice-des *,
.cky-preference-title,
.cky-preference-content-wrapper,
.cky-preference-content-wrapper *,
.cky-accordion-btn,
.cky-accordion-header-des,
.cky-accordion-body,
.cky-always-active,
.cky-audit-table,
.cky-audit-table *,
.cky-empty-cookies-text {
  color: var(--jifu-text) !important;
}

/* Cookie tables: card on the parchment ground, hairline border. */
.cky-audit-table {
  background-color: var(--jifu-bg-card) !important;
  border-color: var(--jifu-border) !important;
}

/* "Show more": a text control, ink and underlined rather than accent blue. */
.cky-show-desc-btn {
  color: var(--jifu-text) !important;
  text-decoration: underline !important;
}

/* LABEL spec for every button: Montserrat Bold, caps, +8% tracking, 11/16. */
.cky-btn {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 11px !important;
  line-height: 16px !important;
}

/* Primary (accept, save preferences): ink-on-ground CTA, no accent. */
.cky-btn.cky-btn-accept,
.cky-btn.cky-btn-preferences {
  background-color: var(--jifu-cta) !important;
  border-color: var(--jifu-cta) !important;
  color: var(--jifu-parchment, rgb(244, 241, 234)) !important;
}

/* Secondary (reject, customise): outlined in ink on the ground. Reject is
   deliberately the same visual weight as accept's outline peer, not
   hidden - consent UIs must not make refusal harder to find. */
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-customize {
  background-color: transparent !important;
  border-color: var(--jifu-text) !important;
  color: var(--jifu-text) !important;
}

/* The fade above the preference-centre footer must blend into parchment,
   not the white CookieYes paints by default. */
.cky-footer-shadow {
  background: linear-gradient(180deg, transparent 0%, var(--jifu-parchment, rgb(244, 241, 234)) 100%) !important;
}