/*
 * Whisper Pontoons — brand styling for the Press Releases plugin.
 * Loaded after the plugin's stylesheet, on press release pages only.
 *
 * Mirrors the Whisper Journal: #0E0E0E sections, Rexton/Redonda display type,
 * Nimbus body copy and the kit accent #0053C6. The accent is used for fills
 * (buttons, active filter) with white text; text links stay white with an
 * accent underline, because #0053C6 text on #0E0E0E is too low-contrast.
 * Link colors use the .pr prefix so they outrank Elementor's kit link color.
 */
:root {
  --pr-accent: #0053c6;
  --pr-accent-hover: #1a66d6;
  --pr-accent-text: #fff;
  --pr-muted: #a9a29d;
  --pr-border: rgba(255, 255, 255, 0.16);
  --pr-surface: #161616;
  --pr-header-offset: 0px; /* the Elementor header sits in the page flow */
  --pr-radius: 5px;
}

body.press-releases-view { background-color: #0e0e0e; }

/* The header template's own background is white; until it switches to its
 * scrolled style that leaves a white band above dark pages. Keep it dark here. */
body.press-releases-view .elementor-location-header { background-color: #0e0e0e; }

.pr {
  color: #fff;
  font-family: "Nimbus", sans-serif;
  letter-spacing: 0.5px;
}
.pr a:focus-visible { outline-color: #fff; }

/* Labels: Rexton, like the header's Dealer Login / Find a Dealer links */
.pr-eyebrow,
.pr-back,
.pr-link,
.pr-button,
.pr-list__heading {
  font-family: "Rexton", sans-serif;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 0.06em;
  text-transform: none;
}
.pr-eyebrow { color: var(--pr-muted); }
.pr .pr-back:hover { color: #fff; }

/* Dates: Redonda, like Journal posts */
.pr-meta {
  font-family: "Redonda", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: normal;
  text-transform: none;
}
.pr .pr-meta a:hover { color: #fff; }

/* Headlines: Redonda 500, as on Journal articles */
.pr-single__title,
.pr-feature__title,
.pr-card__title {
  font-family: "Redonda", sans-serif;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.2;
}
.pr-single__title { font-size: clamp(2rem, 3vw, 2.5rem); }
.pr-feature__title { font-size: clamp(1.6rem, 2.2vw, 2rem); }
.pr-card__title { font-size: clamp(1.3rem, 1.8vw, 1.6rem); }
.pr .pr-feature__title a:hover,
.pr .pr-card__title a:hover { color: var(--pr-muted); }

.pr-single__dek,
.pr-feature__dek {
  color: #fff;
  font-family: "Redonda", sans-serif;
  font-weight: 300;
  letter-spacing: normal;
}

/* Page title: Rexton 100, matching "Whisper Journal" */
.pr-archive__title {
  font-family: "Rexton", sans-serif;
  font-size: clamp(1.75rem, 2.6vw, 2.2rem);
  font-weight: 100;
  letter-spacing: -0.088em;
  line-height: 1.4;
}

/* Category filters: the Journal's outlined tabs */
.pr .pr-filters a {
  padding: 10px 19px;
  border: 2px solid #fff;
  border-radius: 5px;
  font-family: "Redonda", sans-serif;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: normal;
  text-transform: capitalize;
}
.pr .pr-filters a:hover { border-color: var(--pr-accent); }
.pr .pr-filters a[aria-current] { border-color: var(--pr-accent); }

/* Body copy: Nimbus 19px in the kit's body-text taupe */
.pr-prose,
.pr-feature__lede,
.pr-card__summary {
  color: var(--pr-muted);
}
.pr-prose { font-size: 19px; line-height: 1.6; }
.pr-prose :where(h2, h3, h4) {
  color: #fff;
  font-family: "Redonda", sans-serif;
  font-weight: 500;
  letter-spacing: normal;
}

.pr .pr-link,
.pr .pr-prose a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: var(--pr-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.4em;
}
.pr .pr-link:hover,
.pr .pr-prose a:hover { color: var(--pr-muted); }

/* Rexton is a wide face: 10px with light tracking, like the header links */
:is(.pr, body) .pr-button { padding: 0.95rem 1.35rem; font-size: 10px; letter-spacing: 0.03em; }
@media (min-width: 64.0625rem) {
  .pr-feature { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
/* Secondary action as an underlined text link next to the solid PDF button */
:is(.pr, body) .pr-button--ghost {
  min-height: 0;
  padding-inline: 0;
  border: 0;
  text-decoration: underline;
  text-decoration-color: var(--pr-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.6em;
}
:is(.pr, body) .pr-button--ghost:hover,
:is(.pr, body) .pr-button--ghost:focus-visible { color: var(--pr-muted); transform: none; }
.pr-feature__actions { gap: 0.75rem 2rem; }
@media (min-width: 48.0625rem) {
  .pr-feature__actions { align-items: center; }
}

.pr-pagination .page-numbers { font-family: "Redonda", sans-serif; }