/*
Theme Name: CAD Editor Exact English
Theme URI: https://cadeditor.net/
Author: CAD Editor
Description: Pixel-faithful WordPress conversion of the approved CAD Editor HTML pages with dynamic blog and gallery.
Version: 2.2.5
Text Domain: cad-editor
*/

.nav .wrap{position:relative;}
.nav-brand{white-space:nowrap;}
.nav-menu-toggle{
  display:none;width:40px;height:40px;padding:9px;border:1px solid var(--border);
  background:transparent;color:var(--ink);cursor:pointer;flex:none;
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.nav-menu-toggle span{
  display:block;width:20px;height:2px;background:currentColor;border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}
.nav-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-menu-toggle.is-open span:nth-child(2){opacity:0;}
.nav-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:860px){
  .nav .wrap{gap:10px;}
  .nav-menu-toggle{display:flex;}
  .nav-brand{margin-right:auto;}
  .nav-links{
    display:none!important;position:absolute;z-index:30;top:calc(100% + 1px);
    left:28px;right:28px;flex-direction:column;gap:0!important;padding:10px;
    background:var(--surface);border:1px solid var(--border);
    box-shadow:0 18px 44px rgba(0,0,0,.28);
  }
  .nav-links.is-open{display:flex!important;}
  .nav-links a{display:block;padding:12px 14px;border-bottom:1px solid var(--border);}
  .nav-links a:last-child{border-bottom:0;}
  .nav-cta{flex:none;}
  .nav-cta .outline{display:inline-flex!important;}
}

@media (max-width:420px){
  .nav .wrap{padding-left:16px;padding-right:16px;}
  .nav-links{left:16px;right:16px;}
  .nav-brand{gap:7px;font-size:16px;}
  .nav-mark{width:26px;height:26px;}
  .nav-cta .btn{padding:7px 11px;font-size:12.5px;}
}