/*
Theme Name: Oche
Description: Light, fast theme for Oche Manager. Clean header with menu, Log in and Start free buttons, and a simple footer.
Version: 1.1.0
Author: AJW Web Design
Text Domain: oche
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--brand:#0f766e;--brand-dark:#0a4f4a;--ink:#0c1a18;--muted:#51615d;--line:#d6e2de;--mint:#e6f4f1;--gold:#f5b301}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;color:var(--ink);background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;font-size:17px;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:var(--brand)}
h1,h2,h3{letter-spacing:-.02em;line-height:1.15}
.screen-reader-text{position:absolute;left:-9999px}
/* header */
.oc-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.admin-bar .oc-header{top:32px}
.oc-bar{max-width:1120px;margin:0 auto;padding:0 max(20px,4vw);height:68px;display:flex;align-items:center;gap:28px}
.oc-logo{display:flex;align-items:center;font-weight:800;font-size:1.55rem;line-height:1;color:var(--ink);text-decoration:none;letter-spacing:-.03em}
.oc-logo .oc-board{display:block;width:34px;height:34px;margin-right:2px;flex:none}
.oc-logo b{font-weight:800}
.oc-logo i{font-style:normal;font-weight:500;color:var(--brand);margin-left:.26em}
.oc-nav{margin-left:auto;display:flex;align-items:center;gap:6px}
.oc-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.oc-nav a{display:block;padding:9px 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.97rem}
.oc-nav ul a:hover{background:var(--mint);color:var(--brand-dark)}
.oc-nav .oc-login{margin-left:6px}
.oc-nav .oc-login:hover{background:var(--mint)}
.oc-nav .oc-start{background:var(--brand);color:#fff;padding:10px 20px}
.oc-nav .oc-start:hover{background:var(--brand-dark)}
.oc-burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;border-radius:10px;cursor:pointer;position:relative}
.oc-burger span,.oc-burger span::before,.oc-burger span::after{content:"";position:absolute;left:11px;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:.2s}
.oc-burger span{top:20px}.oc-burger span::before{left:0;top:-7px}.oc-burger span::after{left:0;top:7px}
.oc-open .oc-burger span{background:transparent}
.oc-open .oc-burger span::before{top:0;transform:rotate(45deg)}
.oc-open .oc-burger span::after{top:0;transform:rotate(-45deg)}
@media(max-width:820px){
 .oc-burger{display:block}
 .oc-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px max(20px,4vw) 20px;gap:8px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
 .oc-open .oc-nav{display:flex}
 .oc-nav ul{flex-direction:column}
 .oc-nav a{padding:13px 14px;font-size:1.05rem}
 .oc-nav .oc-login{margin:0;text-align:center;border:1px solid var(--line)}
 .oc-nav .oc-start{text-align:center}
}
/* content */
.oc-wrap{max-width:760px;margin:0 auto;padding:48px max(20px,4vw) 72px}
.oc-wrap h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 .6em}
.oc-wide{max-width:none;margin:0;padding:0}
.ochm-landing-page .ochm-site.ochm-landing{width:auto!important;max-width:none!important;margin:0!important}
/* footer */
.oc-footer{background:#0c1a18;color:#cfe0dc;padding:44px 0 30px;margin-top:0}
.oc-foot{max-width:1120px;margin:0 auto;padding:0 max(20px,4vw);display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}
.oc-footer a{color:#fff;text-decoration:none}
.oc-footer a:hover{text-decoration:underline}
.oc-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.oc-copy{max-width:1120px;margin:22px auto 0;padding:18px max(20px,4vw) 0;border-top:1px solid #254a44;font-size:.88rem;color:#8fb0a9}