/* 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; }
}

/* 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) {
    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)::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)::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)::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)::after {
    width: var(--rv-ring-small);
    height: var(--rv-ring-small);
    left: -80px;
    bottom: -90px;
    right: auto;
    top: auto;
}