/*
 * Paganini Congressi — base layer
 * Reset-ish smoothing, focus, section rhythm, utilities, table baseline.
 * Component-specific styles live in assets/css/components/*.css.
 * Tokens come from theme.json presets (--wp--preset--*); do not hardcode brand hex.
 */

/* --- Smoothing / box model --- */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* ---------------------------------------------------------------------------
 * Design tokens — single source of truth (consumed by ALL agents by name).
 * Nobody redefines these; component CSS only references them. See
 * docs/carta-tecnica-spec.md §1.4. Brand hex stays in theme.json presets; the
 * rgba()/warm-grey strings below are the drawing-sheet hairlines + the mono
 * data-label type ramp the "Carta Tecnica" concept paints everywhere.
 * ------------------------------------------------------------------------- */
:root {
	/* Motion (reveal / count-up / hover — owner: motion.css + main.js) */
	--pc-ease: cubic-bezier(0.16, 1, 0.3, 1);   /* architectural "settle" */
	--pc-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
	--pc-dur: 0.7s;            /* reveal */
	--pc-dur-fast: 0.28s;      /* hover, wipe underline */
	--pc-dur-slow: 1.6s;       /* count-up */
	--pc-rise: 20px;           /* reveal translateY */
	--pc-stagger: 70ms;        /* per-index reveal delay step */
	--pc-i: 0;                 /* stagger index (set per-item by CSS/JS) */

	/* Depth (beyond the two theme.json shadow presets) */
	--pc-shadow-lift: 0 2px 4px rgba(30, 27, 24, 0.06), 0 18px 40px rgba(30, 27, 24, 0.14);

	/* Hairlines / rules */
	--pc-rule: 1px solid var(--wp--preset--color--border);
	--pc-rule-on-dark: 1px solid rgba(255, 255, 255, 0.14);
	--pc-tick-w: 28px;         /* accent eyebrow tick length */

	/* Drawing-sheet hairlines / fills (Carta Tecnica §1.4). The card border preset
	 * (#e3ded7) stays for cards; these warmer/darker rules read as drafting lines. */
	--pc-hairline: #d8d2c9;            /* warm rule on light ground */
	--pc-rule-ink: #3a352f;            /* rule inside ink blocks */
	--pc-ink-80: rgba(30, 27, 24, 0.8);/* plate caption bar / scale-tag chip */
	--pc-mute: #9b948a;                /* mono meta on light */
	--pc-mute-light: #c9c3b9;          /* mono meta / body on ink */

	/* Mono type ramp (data labels — not an editor preset). 9px → 15px. */
	--pc-fs-mono-micro: 0.5625rem;     /* 9px  nav nums, footer descriptor */
	--pc-fs-mono-xs: 0.625rem;         /* 10px descriptor, FIG tags, legend codes */
	--pc-fs-mono-sm: 0.6875rem;        /* 11px THE eyebrow/folio/leader size */
	--pc-fs-mono-md: 0.75rem;          /* 12px IT/EN, contact values */
	--pc-fs-mono-lg: 0.9375rem;        /* 15px dark spec values */

	/* Mono tracking */
	--pc-ls-mono: 0.0625em;            /* ~1px @16 */
	--pc-ls-mono-wide: 0.09em;         /* ~1.5px */
	--pc-ls-mono-xwide: 0.13em;        /* ~2px */
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Media defaults: never overflow, sit on the text baseline cleanly. */
img,
picture,
video,
canvas,
svg {
	max-width: 100%;
	height: auto;
	display: block;
}

/* --- Focus: visible 2px primary-strong ring (the old site had none) --- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-strong);
	outline-offset: 2px;
	border-radius: 2px;
}

/*
 * Focus ring on dark grounds (Carta Tecnica §6): flip to luminous primary
 * (#f09000, 7.1:1 on ink) instead of the global primary-strong (#a06000, only
 * 3.4:1 on the ink footer). The ink footer and any .pc-on-dark band (e.g. the
 * dark CTA button, hero.css) get the luminous treatment so the focus ring stays
 * "visible on light AND dark". Specificity (0,2,0) beats the (0,1,0) :where()
 * global; offset/radius inherit.
 */
.pc-footer a:focus-visible,
.pc-on-dark a:focus-visible,
.pc-on-dark .wp-block-button__link:focus-visible,
.has-ink-background-color a:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

/* --- Text selection: brand-tinted, legible --- */
::selection {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--ink);
}

/* ---------------------------------------------------------------------------
 * Shared solid-button hover treatment (owner: foundations).
 * theme.json keeps the primary-strong fill + ink hover; here we add a 1px
 * primary ring that grows on hover via outline-offset (no scale bounce, no
 * layout shift). Motion is gated under no-preference; the base.css
 * :focus-visible ring (2px primary-strong, offset 2px) is never replaced.
 * ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	.wp-element-button,
	.wp-block-button__link {
		transition:
			background-color 0.25s var(--pc-ease),
			box-shadow 0.25s var(--pc-ease),
			outline-offset 0.25s var(--pc-ease),
			outline-color 0.25s var(--pc-ease);
	}
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	outline: 1px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
}

/* Keep the focus ring authoritative when both states coincide. */
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-strong);
	outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
 * Canonical WIPE-UNDERLINE primitive (documentation — owner: foundations).
 *
 * Chrome (nav links), content (card/recapiti/spec links) and hero (arrow-links)
 * all paint the SAME wipe underline. There is no shared class (each agent
 * inlines the declarations on its own contextual selector); these are the
 * canonical values — copy them verbatim so every wipe is identical:
 *
 *   <selector> {
 *     background-image: linear-gradient(currentColor, currentColor);
 *     background-position: 0 100%;
 *     background-repeat: no-repeat;
 *     background-size: 0% 1px;
 *     transition: background-size var(--pc-dur-fast) var(--pc-ease);
 *   }
 *   <selector>:hover,
 *   <selector>:focus-visible,
 *   .current-menu-item > <selector> {
 *     background-size: 100% 1px;
 *   }
 *
 * Reduced motion: drop the transition (instant color flip, no wipe) — wrap the
 * `transition` line in @media (prefers-reduced-motion: no-preference) and reset
 * background-size:0 0 under reduce so no underline animates.
 *
 * Foundations exposes an optional utility class implementing exactly this, for
 * any future markup that wants the wipe without an owning component:
 * ------------------------------------------------------------------------- */
.pc-wipe-link {
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
}

@media (prefers-reduced-motion: no-preference) {
	.pc-wipe-link {
		transition: background-size var(--pc-dur-fast) var(--pc-ease);
	}
}

.pc-wipe-link:hover,
.pc-wipe-link:focus-visible {
	background-size: 100% 1px;
}

/* Skip link — hidden until focused, then anchored top-left. */
.skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	z-index: 9999;
	padding: 0.75rem 1.25rem;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	text-decoration: none;
}

.skip-link:focus {
	top: 0;
}

/* --- Eyebrow / label utility (Carta Tecnica §3.4: § + IBM Plex Mono) --------
 * A drawing-sheet label: tick square + mono caps in the workhorse 11px size,
 * text-bearing orange (#a06000) on light, luminous #f09000 on ink. The leading
 * §/number is authored in the copy where the board shows it literally ("§ 01");
 * the 8×8 tick square is drawn by ::before so a plain eyebrow still anchors. The
 * label sits inline-flex so the tick + text read as one row (board gap ~10px).
 * ------------------------------------------------------------------------- */
.pc-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	position: relative;
	margin: 0 0 1rem;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--pc-fs-mono-sm);
	font-weight: 400;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: var(--pc-ls-mono-wide);
	color: var(--wp--preset--color--ink);
}

/* The tick: an 8×8 brand square preceding the label (decorative). On light it is
 * the decorative logo orange (#f09000 is allowed as a non-text mark); on ink it
 * stays luminous. Opt out with .pc-eyebrow--notick (the § variant authors the
 * sign in copy instead). */
.pc-eyebrow::before {
	content: "";
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	background: var(--wp--preset--color--primary);
}

.pc-eyebrow--notick::before {
	content: none;
}

/* On dark (ink) sections the label flips to white; the tick keeps the accent. */
.has-ink-background-color .pc-eyebrow,
.pc-on-dark .pc-eyebrow {
	color: var(--wp--preset--color--base);
}

/* Centered eyebrows keep the tick inline (inline-flex centres via the parent
 * text-align). No counter/under-rule survives from the v2 register. */
.pc-section .pc-eyebrow.has-text-align-center {
	justify-content: center;
}

/* Back-compat shim: v2 markup still ships .pc-eyebrow--unnumbered on CTA/quote
 * bands. It no longer carries a counter, so this is a harmless no-op alias. */
.pc-eyebrow--unnumbered::before {
	background: var(--wp--preset--color--primary);
}

/* --- Section rhythm helpers --- */
/* Folio counter: every .pc-section increments it; body resets it once. */
body {
	counter-reset: pc-sec;
}

/* Vertical breathing room at the section scale defined in theme.json (spacing 70). */
.pc-section {
	counter-increment: pc-sec;
	position: relative;
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
}

/* Hairline rule between adjacent sections, inset to the content column so it
 * reads as a drafting line rather than a full-bleed divider.
 *
 * IMPORTANT: the CTA band and quote band are also `.pc-section` elements, and
 * hero.css paints their own set-piece decorations on `::before` (the CTA inset
 * frame, the quote ghost glyph). Only one `::before` exists per element, so this
 * hairline must NOT also claim it — exclude both bands here and let their owning
 * component keep the pseudo. Their set-piece framing already supplies the
 * top edge separation. */
.pc-section + .pc-section:not(.pc-cta-band):not(.pc-quote-band):not(.pc-ghost-word)::before {
	content: "";
	position: absolute;
	top: 0;
	left: max(var(--wp--preset--spacing--40), calc((100% - 72rem) / 2));
	right: max(var(--wp--preset--spacing--40), calc((100% - 72rem) / 2));
	height: 1px;
	background: var(--wp--preset--color--border);
	pointer-events: none;
}

/* On ink bands (stats / dark CTA) the inter-section hairline lightens. */
.pc-section + .pc-section.has-ink-background-color:not(.pc-cta-band):not(.pc-quote-band):not(.pc-ghost-word)::before,
.pc-section + .pc-section.pc-on-dark:not(.pc-cta-band):not(.pc-quote-band):not(.pc-ghost-word)::before {
	background: rgba(255, 255, 255, 0.14);
}

.pc-section--tight {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}

/* Constrain free-flowing measure for long-form text blocks. */
.pc-measure {
	max-width: 42rem;
}

/* --- Set-piece type utilities (global; hero/title scales stay in owners) ---
 * Opt-in oversized section heading: a chapter-title register one step above
 * theme.json's h2. text-wrap:balance keeps the two-line lockups even.
 * ------------------------------------------------------------------------- */
.pc-display-h2 {
	font-size: clamp(2.25rem, 4.5vw, 3.5rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
	font-weight: 400;
}

:where(h2, h3).pc-display-h2,
.pc-display-h2 {
	text-wrap: balance;
}

/* --- Viewport-scale display (Carta Tecnica §4.1 home H1) -------------------
 * One rung above .pc-display-h2: the home-hero lockup breaks the 72rem column.
 * Newsreader roman 400 at scale; text-wrap:balance evens the two-line lockup;
 * the negative tracking tightens the oversized serif so it reads as a drawing-
 * sheet title plate. Owners (hero) apply the per-context !important scale. */
.pc-display-xxl {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(3.5rem, 11vw, 9rem);
	line-height: 0.92;
	letter-spacing: -0.03em;
	font-weight: 400;
	text-wrap: balance;
}

/* --- Accent word — Newsreader Italic (Carta Tecnica §3.5) ------------------
 * The italic accent word inside a serif display headline (e.g. "Gli spazi" +
 * "Auditorium", "Una soluzione per ogni evento"). Same Newsreader family as the
 * roman display, switched to its italic cut and the text-bearing orange #a06000
 * (NOT raw #f09000 — accents are text on light). Inherits the heading's size; we
 * only italicise + recolour. The functions.php post-title filter wraps the last
 * title word in this class, so it must read as the italic accent the boards show.
 * ------------------------------------------------------------------------- */
.pc-accent {
	font-family: var(--wp--preset--font-family--display);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--wp--preset--color--primary-strong);
}

/* On ink grounds the accent flips to luminous #f09000 (AA on ink). */
.pc-on-dark .pc-accent,
.has-ink-background-color .pc-accent {
	color: var(--wp--preset--color--primary);
}

/* --- Folio / coordinate caption (Carta Tecnica §3.1 / §4.6) ----------------
 * IBM Plex Mono drawing-sheet metadata (e.g. "Cap. 01 — Auditorium Paganini",
 * "01 — Parma · 44.80°N"). The inner-page hero kicker (functions.php) wears this.
 * Muted warm grey on light; soft white on ink. 11px workhorse mono size. */
.pc-folio {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	color: var(--pc-mute);
}

.pc-on-dark .pc-folio,
.has-ink-background-color .pc-folio,
.pc-folio.pc-on-dark {
	color: var(--pc-mute-light);
}

/* Ghost-word + film-grain devices removed (Carta Tecnica §5: client-rejected
 * AI-slop). No `.pc-ghost-word` / `.pc-grain` / `--pc-ghost-*` / `--pc-grain-*`
 * survive in this theme. The `.pc-section` inter-section hairline above no longer
 * needs the :not(.pc-ghost-word) carve-out, but it is harmless and left intact. */

/* Balance set-piece headings generally (editorial two-line lockups). */
.pc-section :where(h2, h3) {
	text-wrap: balance;
}

/* Overflow defense: long unbreakable tokens (e.g. "DVR/PGE/REGOLAMENTI", URLs)
 * must wrap inside the reading measure rather than blow out the page width at
 * narrow viewports. Slashes are not break opportunities under the default
 * overflow-wrap:normal, so the elevated heading scales would otherwise overflow
 * at 320px (do-not-break §6). Applied broadly to headings and long-form copy. */
:where(h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word;
	word-break: normal;
}

/* Opt-in drop cap (restraint): NOT applied globally — only on a paragraph that
 * explicitly carries .pc-dropcap. Default off. */
.pc-dropcap::first-letter {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: 3.4em;
	line-height: 0.8;
	float: left;
	margin: 0.05em 0.12em 0 0;
	color: var(--wp--preset--color--primary-strong);
}

/* Dark-section text inversion convenience (footer, stat strips, scrims). */
.pc-on-dark,
.has-ink-background-color {
	color: var(--wp--preset--color--base);
}

.pc-on-dark :where(h1, h2, h3, h4, h5),
.has-ink-background-color :where(h1, h2, h3, h4, h5) {
	color: inherit;
}

/* --- Drawing-sheet hairline utilities (Carta Tecnica §3) -------------------
 * Single-purpose rules so component CSS can draw consistent drafting lines
 * without re-declaring the warm hairline colour. `.pc-hr` is a full top rule;
 * `--bottom` flips it to a bottom rule (spec-rows, download rows). On ink the
 * rule darkens to --pc-rule-ink. */
.pc-hr {
	border: 0;
	border-top: 1px solid var(--pc-hairline);
}

.pc-hr--bottom {
	border: 0;
	border-bottom: 1px solid var(--pc-hairline);
}

.pc-on-dark .pc-hr,
.has-ink-background-color .pc-hr {
	border-top-color: var(--pc-rule-ink);
}

.pc-on-dark .pc-hr--bottom,
.has-ink-background-color .pc-hr--bottom {
	border-bottom-color: var(--pc-rule-ink);
}

/* --- Mono data-label utility (Carta Tecnica §0/§3) -------------------------
 * The workhorse IBM Plex Mono caps label used for eyebrows-adjacent meta,
 * leaders, folio fragments and captions that are NOT a `.pc-eyebrow`. Size +
 * tracking modifiers via the --pc-fs-mono-* / --pc-ls-mono-* ramp; default 11px.
 * Muted on light, soft-white on ink. */
.pc-mono {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: var(--pc-fs-mono-sm);
	letter-spacing: var(--pc-ls-mono);
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	color: var(--pc-mute);
}

.pc-on-dark .pc-mono,
.has-ink-background-color .pc-mono {
	color: var(--pc-mute-light);
}

/* §-note variant (Carta Tecnica §3.4): the optional note line under the §
 * eyebrow is sentence case on the board ("Ex stabilimento Eridania. Recupero
 * industriale, 2001."), not the caps of the generic mono label. It borrows
 * .pc-mono for size/tracking/colour but opts out of the uppercasing — the
 * eyebrow label line above it stays uppercase via .pc-eyebrow. */
.pc-intro__note {
	text-transform: none;
}

/* --- Table baseline (brief: clean striped tables inside surface cards) --- */
.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
	padding: 0.75rem 1rem;
	text-align: left;
	border-bottom: 1px solid var(--wp--preset--color--border);
	vertical-align: top;
}

.wp-block-table thead th {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	color: var(--wp--preset--color--ink);
	border-bottom-width: 2px;
}

/* Zebra striping for non-figure-styled tables and the explicit "stripes" style. */
.wp-block-table:not(.is-style-stripes) tbody tr:nth-child(even),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--wp--preset--color--surface);
}

.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
	border-color: transparent;
}

/* --- Editorial link lists (venue sub-space indexes) ------------------------
 * Inner venue/gallery pages carry `<ul class="wp-block-list">` indexes of related
 * spaces (Reception / Foyer / Sala Plenaria …). Left as default bullets they
 * read "unstyled" next to the elevated sections. Lift them into a quiet editorial
 * index: hairline-divided rows, no bullet, the link in primary-strong with the
 * canonical wipe underline and an arrow affordance. Scoped to content lists inside
 * a `.pc-section` and to lists whose items are links, so prose lists and the
 * footer/nav lists (which carry their own classes / live outside `.pc-section`)
 * are untouched. */
.pc-section .pc-measure > .wp-block-list,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list {
	list-style: none;
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
	border-top: var(--pc-rule);
}

.pc-section .pc-measure > .wp-block-list > li,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li {
	margin: 0;
	padding: 0.75rem 0;
	border-bottom: var(--pc-rule);
}

/* Only restyle the link itself; rows that also carry descriptive prose keep it. */
.pc-section .pc-measure > .wp-block-list > li > a:only-child,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child {
	display: inline-flex;
	align-items: baseline;
	gap: 0.4em;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	color: var(--wp--preset--color--primary-strong);
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0% 1px;
}

@media (prefers-reduced-motion: no-preference) {
	.pc-section .pc-measure > .wp-block-list > li > a:only-child,
	.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child {
		transition: background-size var(--pc-dur-fast) var(--pc-ease);
	}
}

.pc-section .pc-measure > .wp-block-list > li > a:only-child::after,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child::after {
	content: "\2192"; /* → */
	/* Match the link's own colour (currentColor) so the arrow is never the lone
	   raw #f09000 on a light row — the link resolves to #a06000 on light, and to
	   the inherited accent on any ink section. */
	color: currentColor;
}

@media (prefers-reduced-motion: no-preference) {
	.pc-section .pc-measure > .wp-block-list > li > a:only-child::after,
	.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child::after {
		transition: transform var(--pc-dur-fast) var(--pc-ease);
	}
}

.pc-section .pc-measure > .wp-block-list > li > a:only-child:hover,
.pc-section .pc-measure > .wp-block-list > li > a:only-child:focus-visible,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child:hover,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child:focus-visible {
	background-size: 100% 1px;
}

.pc-section .pc-measure > .wp-block-list > li > a:only-child:hover::after,
.pc-section .pc-measure > .wp-block-list > li > a:only-child:focus-visible::after,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child:hover::after,
.pc-section .wp-block-group:not(.pc-card):not(.pc-spec) > .wp-block-list > li > a:only-child:focus-visible::after {
	transform: translateX(0.35rem);
}

/* --- Reduced motion guard --- */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	/* The global guard above zeroes durations; transforms/grows this layer
	 * introduces are neutralised explicitly so reduced-motion shows instant
	 * end-states with no movement. */

	/* Solid-button ring-grow → instant ring, no offset travel. */
	.wp-element-button:hover,
	.wp-block-button__link:hover {
		outline-offset: 3px;
	}

	/* Wipe underline → instant color, no underline wipe. */
	.pc-wipe-link {
		background-size: 0 0;
		transition: none;
	}

	.pc-wipe-link:hover,
	.pc-wipe-link:focus-visible {
		background-size: 0 0;
	}
}