/* Schválená výmena hlavných bannerov; rovnaké farby v oboch témach. */
:root {
    --rv-hero-yellow: #edaa39;
    --rv-hero-ink: #0f172a;
    --rv-hero-white: #f8fafc;
    --rv-support-copy: #cbd5e1;
    --rv-support-start: color-mix(in srgb, #1e293b 68%, var(--primary-color));
    --rv-support-end: color-mix(in srgb, #0f172a 93%, var(--primary-color));
}
html:root .pf-hero .pf-hero-card {
    background: var(--rv-hero-yellow);
    border-color: var(--primary-color);
    color: var(--rv-hero-ink);
}
html:root .pf-hero .pf-hero-card .pf-hero-copy :is(h1, p, .pf-kicker, .pf-points) {
    color: var(--rv-hero-ink);
}
html:root .pf-hero .pf-hero-card .pf-logo { filter: none; }
/* Spodné výzvy majú tmavú plochu aj vo svetlej téme. */
html:root :is(.pf-final-box .pf-final-logo, .cz-final-box .cz-final-logo) {
    filter: invert(1) hue-rotate(180deg);
}
html:root .pf-hero .pf-hero-card .pf-btn-dark {
    background: var(--rv-hero-ink);
    color: var(--rv-hero-white);
    border-color: var(--rv-hero-ink);
}
html:root .help-hero {
    background: linear-gradient(135deg, var(--rv-support-start), var(--rv-support-end));
    border-color: color-mix(in srgb, #1e293b 55%, var(--primary-color));
}
html:root .help-hero .help-hero-copy {
    background: transparent;
    color: var(--rv-hero-white);
}
html:root .help-hero h1 { color: var(--rv-hero-white); }
html:root .help-hero :is(.help-hero-lead, .help-highlights) { color: var(--rv-support-copy); }
html:root .help-hero .help-eyebrow {
    background: var(--rv-support-end);
    border-color: var(--primary-color);
    color: var(--rv-hero-white);
}
html:root .help-hero .help-hero-image { clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%); }
html:root .help-hero .help-hero-image::before { display: none; }
html:root .help-hero .help-action:not(.secondary) {
    background: var(--primary-hover);
    border-color: var(--primary-color);
}
html:root .help-hero .help-action.secondary {
    background: var(--rv-hero-white);
    border-color: var(--rv-hero-white);
}
html:root .help-hero .help-highlights .material-symbols-outlined { color: #6ee7b7; }
@media (max-width: 900px) {
    html:root .help-hero .help-hero-image { clip-path: none; }
}

/* Úvodné ikonové bloky: biele symboly vo svetlej a zlaté v tmavej téme. */
html:root :is(.home-audience-icon, .pilot-invite-icon, .classifieds-bridge-icon) .material-symbols-outlined {
    color: var(--rv-hero-white);
}
html:root.dark-mode :is(.home-audience-icon, .pilot-invite-icon, .classifieds-bridge-icon) .material-symbols-outlined,
html:root body.dark-mode :is(.home-audience-icon, .pilot-invite-icon, .classifieds-bridge-icon) .material-symbols-outlined {
    color: var(--primary-color);
}
html:root.dark-mode .classifieds-bridge-icon,
html:root body.dark-mode .classifieds-bridge-icon {
    background: var(--rv-hero-ink);
}

/* Jemné dekoratívne kruhy zostávajú za obsahom a neblokujú ovládanie. */
html:root :is(.pf-hero-copy, .cz-hero-copy, .am-hero-copy, .affiliate-hero-copy,
    .v8-city .v8-copy, .v8-hub-copy, .st-copy, .pm-hero-copy,
    .df-hero-copy, .contact-mini-copy, .community-photo-copy, .pm-final-box, .pm-faq-banner > summary, .pm-free-banner > summary, .pilot-invite, .pilot-copy, .test-program-hero-copy, .test-program-gate-content, .test-program-access, .v8-master) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    --rv-ring-size: 230px;
    --rv-ring-small: 150px;
    --rv-ring-border: 34px;
}
html:root :is(.pf-hero-copy, .cz-hero-copy, .am-hero-copy, .affiliate-hero-copy,
    .v8-city .v8-copy, .v8-hub-copy, .st-copy, .pm-hero-copy,
    .df-hero-copy, .contact-mini-copy, .community-photo-copy, .pm-final-box, .pm-faq-banner > summary, .pm-free-banner > summary, .pilot-invite, .pilot-copy, .test-program-hero-copy, .test-program-gate-content, .test-program-access, .v8-master)::before,
html:root :is(.pf-hero-copy, .cz-hero-copy, .am-hero-copy, .affiliate-hero-copy,
    .v8-city .v8-copy, .v8-hub-copy, .st-copy, .pm-hero-copy,
    .df-hero-copy, .contact-mini-copy, .community-photo-copy, .pm-final-box, .pm-faq-banner > summary, .pm-free-banner > summary, .pilot-invite, .pilot-copy, .test-program-hero-copy, .test-program-gate-content, .test-program-access, .v8-master)::after {
    content: "";
    position: absolute;
    z-index: -1;
    box-sizing: content-box;
    border: var(--rv-ring-border) solid color-mix(in srgb, var(--rv-hero-white) 13%, transparent);
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
}
html:root :is(.pf-hero-copy, .cz-hero-copy, .am-hero-copy, .affiliate-hero-copy,
    .v8-city .v8-copy, .v8-hub-copy, .st-copy, .pm-hero-copy,
    .df-hero-copy, .contact-mini-copy, .community-photo-copy, .pm-final-box, .pm-faq-banner > summary, .pm-free-banner > summary, .pilot-invite, .pilot-copy, .test-program-hero-copy, .test-program-gate-content, .test-program-access, .v8-master)::before {
    width: var(--rv-ring-size);
    height: var(--rv-ring-size);
    right: -95px;
    top: -110px;
}
html:root :is(.pf-hero-copy, .cz-hero-copy, .am-hero-copy, .affiliate-hero-copy,
    .v8-city .v8-copy, .v8-hub-copy, .st-copy, .pm-hero-copy,
    .df-hero-copy, .contact-mini-copy, .community-photo-copy, .pm-final-box, .pm-faq-banner > summary, .pm-free-banner > summary, .pilot-invite, .pilot-copy, .test-program-hero-copy, .test-program-gate-content, .test-program-access, .v8-master)::after {
    width: var(--rv-ring-small);
    height: var(--rv-ring-small);
    left: -80px;
    bottom: -90px;
    right: auto;
    top: auto;
}

:root {
    --rv-affiliate-accent: var(--rv-depth-green, var(--rv-light-green));
    --rv-affiliate-start: color-mix(in srgb, var(--rv-feature-surface, var(--card-bg)) 68%, var(--rv-affiliate-accent));
    --rv-affiliate-end: color-mix(in srgb, var(--rv-hero-ink) 93%, var(--rv-affiliate-accent));
}

/* Karty kampaní používajú spoločný jemný kruhový detail. */
html:root .v8-hub .v8-master{overflow:clip}
html:root .v8-hub .v8-master::before{display:none}
html:root .v8-hub .v8-master::after{width:170px;height:170px;left:auto;right:-70px;bottom:-90px;border-width:24px;border-color:color-mix(in srgb,currentColor 9%,transparent)}