/* www.delite.ca's header on order.delite.ca (erp/site-chrome.blade.php), same position and size as the
   website (2026-10-10). The website's rem values are at a 17px root (html 106.25%); converted to px here
   so the panel's 16px root cannot shrink them. Source: delite.ca app/globals.css .topbar / .site-header /
   .header-inner / .logo-img / .search-form / .kit-link / .account-* / .langswitch / .main-nav / .nav-item. */
.dlc{--bg:#f6f3ec;--surface:#fffdf8;--ink:#1f2a22;--body:#3b463d;--muted:#6b7a6d;--forest:#1e3d2b;--forest-2:#2c5540;--sage:#8ba48c;--sage-tint:#e9efe6;--maple:#b8542c;--maple-tint:#f6e8df;--gold:#c2a06b;--line:#e3ddcd;
  font-family:"Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55;color:var(--body);-webkit-font-smoothing:antialiased;position:relative;z-index:40}
.dlc *{box-sizing:border-box}
.dlc a{color:inherit;text-decoration:none}
.dlc-container{max-width:1200px;margin:0 auto;padding:0 24px}
.dlc-topbar{background:var(--forest);color:#f6f3ec;font-size:14.28px;text-align:center;padding:8px 0}
.dlc-topbar a:hover{color:var(--gold)}
.dlc-header{background:rgba(246,243,236,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:relative;z-index:60}
.dlc-header-inner{display:flex;align-items:center;gap:18px;height:64px}
.dlc-logo{flex-shrink:0;display:flex}
.dlc-logo img{height:54px;width:auto;display:block}
.dlc-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.dlc-search input{line-height:1.2;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-size:15.3px;font-family:inherit;width:220px;color:var(--ink);transition:width .2s ease,border-color .2s ease}
.dlc-search input:focus{outline:none;border-color:var(--sage);width:260px}
.dlc-kit{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:var(--forest);color:#f7f3e9!important;font-size:15.3px;font-weight:600}
.dlc-kit:hover{background:var(--forest-2)}
.dlc-acct{position:relative}
.dlc-acct-btn{list-style:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:17.85px;cursor:pointer;line-height:1}
.dlc-acct-btn::-webkit-details-marker{display:none}
.dlc-acct-btn:hover,.dlc-acct[open] .dlc-acct-btn{border-color:var(--sage);background:var(--sage-tint)}
.dlc-acct-menu{position:absolute;top:100%;right:0;margin-top:8px;z-index:80;min-width:220px;filter:drop-shadow(0 14px 30px rgba(31,42,34,.16))}
.dlc-acct-menu>*,.dlc-acct-menu form>button{display:block;width:100%;text-align:left;padding:9px 16px;font-size:15.3px;font-weight:550;font-family:inherit;color:var(--body);background:var(--surface);border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);cursor:pointer}
.dlc-acct-menu form{padding:0;border:0;background:none}
.dlc-acct-menu>*:first-child{border-top:1px solid var(--line);border-radius:14px 14px 0 0;padding-top:12px}
.dlc-acct-menu>*:last-child,.dlc-acct-menu>form:last-child>button{border-bottom:1px solid var(--line);border-radius:0 0 14px 14px;padding-bottom:12px}
.dlc-acct-menu a:hover,.dlc-acct-menu button:hover{background:var(--sage-tint);color:var(--forest)}
.dlc-acct-who{font-size:12.9px;font-weight:700;color:var(--muted);overflow-wrap:anywhere;border-bottom:1px solid var(--line)!important}
.dlc-signout{color:var(--maple)!important;font-weight:700!important}
.dlc-lang{display:flex;gap:2px;align-items:center}
.dlc-lang a{padding:5px 8px;border-radius:8px;font-size:13.26px;font-weight:700;color:var(--muted)}
.dlc-lang a:hover{background:var(--sage-tint);color:var(--forest)}
.dlc-lang a.active{background:var(--forest);color:#f2f4e8}
.dlc-nav-row{border-top:1px solid var(--line);position:relative}
.dlc-nav{display:flex;gap:2px;align-items:center;height:46px}
.dlc-item{position:relative;display:inline-flex}
.dlc-nav a{padding:7px 14px;border-radius:999px;font-size:15.81px;font-weight:550;color:var(--body);white-space:nowrap}
.dlc-nav a:hover{background:var(--sage-tint);color:var(--forest)}
.dlc-nav a.dlc-maple{color:var(--maple)}
.dlc-nav a.dlc-maple:hover{background:var(--maple-tint)}
.dlc-caret{font-size:11px;opacity:.6}
.dlc-dropdown{position:absolute;top:100%;left:0;padding-top:8px;display:none;z-index:70;min-width:240px;filter:drop-shadow(0 14px 30px rgba(31,42,34,.16))}
.dlc-item:hover .dlc-dropdown,.dlc-item:focus-within .dlc-dropdown{display:block}
.dlc-dropdown>a{display:block;padding:9px 16px;font-size:15.3px;border-radius:0;background:var(--surface);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.dlc-dropdown>a:first-child{border-top:1px solid var(--line);border-radius:14px 14px 0 0;padding-top:12px}
.dlc-dropdown>a:last-child{border-bottom:1px solid var(--line);border-radius:0 0 14px 14px;padding-bottom:12px}
@media (max-width:900px){
  .dlc-container{padding:0 16px}
  .dlc-header-inner{height:60px}
  .dlc-search,.dlc-kit,.dlc-lang{display:none}
  .dlc-nav{overflow-x:auto}
}