/*
Theme Name: VegoFresh
Theme URI: https://vegofresh.com
Description: Custom theme for vegofresh.com - crop-specific export programs for delicate produce. Page bodies are stored as HTML blocks; header and footer live in /parts.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Author: VegoFresh
Text Domain: vegofresh
*/

/* ---- base (from the design's shared <helmet>) ---- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F7F7F2;color:#14251C;font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1E7F3C;text-decoration:none}
a:hover{color:#0C3A2A}
input,select,button,textarea{font-family:inherit}

/* sticky footer: short pages (404, thank-you) keep the footer at the bottom */
body.vf-site{display:flex;flex-direction:column;min-height:100vh}
body.vf-site>main{flex:1 0 auto;display:block}

.vf-skip{position:absolute;left:12px;top:-60px;z-index:100;background:#0C3A2A;color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px}
.vf-skip:focus{top:12px;color:#fff}
:focus-visible{outline:3px solid #C8E04A;outline-offset:2px}
.vf-header-host :focus-visible,main :focus-visible{outline-color:#1E7F3C}
footer :focus-visible{outline-color:#C8E04A}

/* ---- header (sticky host) ---- */
.vf-header-host{position:sticky;top:0;z-index:50;display:block}
.admin-bar .vf-header-host{top:32px}
@media (max-width:782px){.admin-bar .vf-header-host{top:46px}}

/* wide / narrow variants are both in the markup; CSS picks one (breakpoint 1200px, CTA at 720px) */
.vf-only-wide,.vf-only-narrow,.vf-cta-wrap{display:none!important}
@media (min-width:1200px){.vf-only-wide{display:contents!important}}
@media (max-width:1199.98px){.vf-only-narrow{display:contents!important}}
@media (min-width:720px){.vf-cta-wrap{display:contents!important}}

/* open/closed state is toggled by vf.js */
.vf-mega-wrap:not(.is-open),.vf-mobile-wrap:not(.is-open),.vf-mobprod-wrap:not(.is-open),.vf-mobcat-wrap:not(.is-open){display:none!important}
@media (min-width:1200px){.vf-mobile-wrap{display:none!important}}
@media (max-width:1199.98px){.vf-mega-wrap{display:none!important}}
[data-vf-click="toggleMega"][aria-expanded="true"]{border-bottom-color:#C8E04A!important;color:#1E7F3C!important}
[data-vf-click="toggleMega"][aria-expanded="true"] .ph-caret-down{transform:rotate(180deg)!important}
html.vf-menu-open{overflow:hidden}
@media (min-width:1200px){html.vf-menu-open{overflow:auto}}

/* ---- widgets ---- */
.vf-faq-a.is-closed{display:none!important}
.vf-form-wrap.is-off{display:none!important}
.vf-sent-wrap:not(.is-on){display:none!important}
.vf-sub-form.is-off{display:none!important}
.vf-sub-done:not(.is-on){display:none!important}
[data-vf-err][hidden]{display:none!important}
[data-vf-click]{cursor:pointer}
button[disabled]{cursor:wait}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#A73D58!important}

/* design hover/focus rules live in assets/css/pseudo.css (generated) */

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}