/* ZertiCarbon production overrides. The approved Stitch pages keep their Tailwind runtime styling;
   this file holds what the export did not have: focus styles, the mobile menu and the video dialog. */
html{scroll-behavior:smooth} img{max-width:100%} a:focus-visible,button:focus-visible{outline:2px solid #5f8f2f;outline-offset:3px}
/* The header is fixed; keep in-page anchors (#contact, #team…) from landing under it. */
[id]{scroll-margin-top:5.5rem}

/* ---- Mobile menu (built by main.js) ---- */
.zc-actions{display:flex;align-items:center;gap:.5rem}
.zc-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;color:#0E2A1D;background:transparent;border:1px solid #E2E8E0;cursor:pointer}
.zc-menu-btn:hover{background:#F2F6F3}
.zc-menu-btn .zc-menu-close,.zc-menu-is-open .zc-menu-btn .zc-menu-open{display:none}
.zc-menu-is-open .zc-menu-btn .zc-menu-close{display:inline}
.zc-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #E2E8E0;box-shadow:0 12px 24px -12px rgba(14,42,29,.18);max-height:calc(100vh - 5rem);overflow-y:auto}
.zc-menu[hidden]{display:none}
.zc-menu nav{display:flex;flex-direction:column;padding:.5rem 1.5rem 1rem}
.zc-menu a{display:block;padding:.875rem 0;border-bottom:1px solid #EFF3EE;font:500 1rem/1.4 Inter,sans-serif;color:#424844;text-decoration:none}
.zc-menu a:last-child{border-bottom:0}
.zc-menu a[aria-current="page"]{color:#0E2A1D;font-weight:600}
@media (min-width:1024px){.zc-menu-btn,.zc-menu{display:none!important}}
/* On the narrowest phones the header CTA plus logo plus button gets tight. */
@media (max-width:359px){.zc-actions>a{padding-left:.875rem!important;padding-right:.875rem!important}}

/* ---- Video dialog (Home "Video Overview") ---- */
.zc-video{padding:0;border:0;background:transparent;width:min(92vw,1100px);max-width:none;overflow:visible}
.zc-video::backdrop{background:rgba(8,28,19,.85)}
.zc-video video{display:block;width:100%;max-height:82vh;border-radius:.75rem;background:#000}
.zc-video-close{position:absolute;top:-2.75rem;right:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.zc-video-close:hover{background:rgba(255,255,255,.22)}