/**
 * Site clean — hide decorative elements + readable colors only.
 * Does NOT remove layout or essential interactions.
 */

/* Hide purely decorative elements */
.vk-hero__grain,
.vk-hero__orb,
.vk-hero__wave,
.vk-hero__scroll,
.vk-hero__scroll-ring,
.vk-agri__top-decor,
.vk-agri__pattern,
.vk-about__windmill,
.vk-values__top-decor,
.vk-range__mesh,
.vk-range__decor,
.vk-range__field,
.vk-premium-editorial__mesh,
.vk-premium-editorial__accent,
.vk-section-divider,
.vk-trust__index,
.vk-harvest__mark,
.vk-image-frame__edge,
.vk-image-frame-decor,
.vk-sp-hero__decor {
    display: none !important;
}

/* No clip-path or rotation tricks */
.vk-hero--creative,
.hero--slider.vk-hero {
    clip-path: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.vk-premium-editorial__frame,
.vk-premium-editorial__visual:hover .vk-premium-editorial__frame,
.vk-image-frame,
.vk-aboutp-family__photo {
    transform: none !important;
}

.vk-card-provide__img {
    margin-top: 0 !important;
}

/* Disable decorative animations only */
.vk-hero__orb,
.vk-about__windmill img,
.vk-values__top-decor img {
    animation: none !important;
}

.vk-marquee__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content;
    gap: 2rem;
    animation: vk-marquee-scroll 32s linear infinite !important;
}

@keyframes vk-marquee-scroll {
    to { transform: translateX(-50%); }
}

[data-vk-parallax] {
    background-attachment: scroll !important;
}

.page-qa-hero__bg,
.contact-hero__bg {
    transform: none !important;
}

/* Remove pseudo decorations */
.vk-cta-band::before,
.vk-cta-band::after,
.vk-sp-cta::before,
.site-footer__heading::after,
.nav a::after,
.nav-dropdown__btn::after {
    display: none !important;
    content: none !important;
}

.vk-process__script {
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
}

/* ── Neutral section backgrounds ── */
.vk-agri,
.vk-agri--creative {
    background: #f8faf7 !important;
}

.vk-values--creative {
    background: #fff !important;
}

.vk-tagline {
    background: #f8faf7 !important;
    border-block: 1px solid rgba(202, 210, 210, 0.75);
    display: grid !important;
    place-items: center;
    min-height: 4.5rem;
    padding: 1.25rem 1rem !important;
    overflow: hidden;
}

.vk-marquee {
    background: #fff !important;
    border-block: 1px solid rgba(202, 210, 210, 0.75) !important;
    padding: 0.85rem 0 !important;
    overflow: hidden;
}

.vk-cta-band,
.vk-cta-band--inner,
.vk-sp-cta,
.vk-aboutp-cta,
.vk-premium-certs {
    background: #1e2620 !important;
}

/* ── White text on dark bands — layout/colors in site-typography.css ── */

/* Cards on light sections only */
.vk-trust__card,
.vk-mv__card {
    background: #fff !important;
    border: 1px solid rgba(202, 210, 210, 0.75) !important;
}

.vk-header-fix .site-header {
    background: #fff !important;
}

.site-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.vk-section-label--center {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.vk-section-label:not(.vk-section-label--center) {
    display: inline-flex;
    margin-left: 0;
    margin-right: auto;
}

/* Typography: site-typography.css */

/* ── Global body only (headings use site-typography.css classes) ── */
body,
.site-premium body,
.page-home,
.page-inner,
.vk-home {
    font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
    color: #0a1208 !important;
}

/* ── Tighter section spacing ── */
.vk-trust,
.vk-agri,
.vk-range,
.vk-premium-editorial,
.vk-premium-bento,
.vk-premium-industries,
.vk-process,
.vk-values,
.vk-premium-certs,
.vk-tagline,
.vk-harvest,
.vk-cta-band,
.vk-blog,
.vf-section {
    /* padding-block: clamp(1.75rem, 3vw, 2.75rem) !important; */
}

.vk-range__head,
.vk-premium-bento__head,
.vk-process__head,
.vf-section-head {
    margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem) !important;
}

.vk-mv__grid,
.vk-stats,
.vk-trust__grid {
    margin-top: 0.5rem !important;
}

/* ── Tagline rotator (fix overlapping lines) ── */
.vk-tagline__item {
    grid-area: 1 / 1;
    margin: 0;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.55s ease, transform 0.55s ease, visibility 0.55s;
}

.vk-tagline__item.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0);
}

/* ── Harvest banner — readable quote ── */
.vk-harvest {
    min-height: clamp(240px, 25vw, 340px);
}

.vk-harvest__overlay {
    background: linear-gradient(180deg, rgba(10, 40, 3, 0.68) 0%, rgba(10, 40, 3, 0.84) 100%) !important;
}

.vk-harvest__quote,
.vk-harvest__quote[data-vk-reveal],
.vk-harvest__quote[data-vk-reveal].is-visible {
    opacity: 1 !important;
    transform: none !important;
}

.vk-harvest__quote p {
    color: #fff !important;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.55);
}

/* ── Dark bands — protect light text from body color inherit ── */
.vk-premium-certs__title,
.vk-premium-certs__eyebrow,
.vk-premium-cert__name,
.vk-cta-band__title,
.vk-cta-band__eyebrow,
.site-footer__heading {
    color: #fff !important;
}

.vk-premium-certs__text,
.vk-premium-cert__issuer,
.vk-cta-band__text,
.site-footer--vk p,
.site-footer--vk .site-footer__tagline {
    color: rgba(255, 255, 255, 0.9) !important;
}

.vk-premium-certs__link,
.vk-cta-band__btn--gold {
    color: #eddd5e !important;
}

.vk-marquee__item {
    color: #0a2803 !important;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.vk-marquee__item::after {
    color: #5b8c51 !important;
    opacity: 0.85;
}

@media (prefers-reduced-motion: reduce) {
    .vk-marquee__track {
        animation: none !important;
        flex-wrap: wrap !important;
        justify-content: center;
        width: auto;
        gap: 0.75rem 1.25rem;
    }

    .hero__media {
        animation: none !important;
    }
}