/* order.delite.ca takes www.delite.ca's look (Jake, 2026-10-10: the Yorkn one-website work on Delite -
   "make sure both website theme matches", in Delite's own design, not Yorkn's): cream page, off-white
   menu, forest accents, Fraunces headings, 16px cards, 12px buttons. Tokens from delite.ca
   app/globals.css. Colours use background-color so a person's own Appearance choice still wins.
   Light mode only; dark mode keeps Filament's. */
:root{--dl-bg:#f6f3ec;--dl-surface:#fffdf8;--dl-ink:#1f2a22;--dl-body:#3b463d;--dl-muted:#6b7a6d;--dl-forest:#1e3d2b;--dl-forest-2:#2c5540;--dl-sage:#8ba48c;--dl-sage-tint:#e9efe6;--dl-maple:#b8542c;--dl-line:#e3ddcd;--dl-shadow:0 2px 24px rgba(31,42,34,.07)}

html:not(.dark) .fi-body{background-color:var(--dl-bg);color:var(--dl-body)}
html:not(.dark) .fi-main{background:transparent}

/* menu */
html:not(.dark) .fi-sidebar,html:not(.dark) .fi-sidebar-header,html:not(.dark) .fi-sidebar-nav{background-color:var(--dl-surface)}
html:not(.dark) .fi-sidebar{border-right:1px solid var(--dl-line)!important}
html:not(.dark) .fi-sidebar-header{border-bottom:1px solid var(--dl-line)!important;box-shadow:none}
html:not(.dark) .fi-sidebar-group-label{color:var(--dl-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem}
html:not(.dark) .fi-sidebar-item-label{color:var(--dl-ink)}
html:not(.dark) .fi-sidebar-item-icon{color:var(--dl-muted)}
html:not(.dark) .fi-sidebar-item-btn{border-radius:999px}
html:not(.dark) .fi-sidebar-item-btn:hover{background-color:var(--dl-sage-tint)}
html:not(.dark) .fi-sidebar-item.fi-active>.fi-sidebar-item-btn{background-color:var(--dl-sage-tint)}
html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-label,html:not(.dark) .fi-sidebar-item.fi-active .fi-sidebar-item-icon{color:var(--dl-forest)}
.fi-sidebar-item.fi-active .fi-sidebar-item-label{font-weight:650}

/* top bar: no logo (the website header carries it); the profile icon is back since 2026-10-18 — the
   website header's own menu only exists on the customer area (/my), so staff pages need this one */
html:not(.dark) .fi-topbar{background:rgba(246,243,236,.86)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--dl-line);box-shadow:none}
.fi-sidebar-header .fi-logo,.fi-topbar .fi-logo{display:none!important}
html:not(.dark) .fi-topbar .fi-user-menu .fi-user-avatar{box-shadow:0 0 0 2px var(--dl-surface,#fffdf8),0 0 0 3px var(--dl-sage,#8ba48c)}

/* headings and cards */
.fi-header-heading,.fi-section-header-heading,.fi-modal-heading{font-family:"Fraunces",Georgia,"Times New Roman",serif!important;font-weight:560!important;letter-spacing:-.01em}
html:not(.dark) .fi-header-heading,html:not(.dark) .fi-section-header-heading{color:var(--dl-ink)!important}
.fi-section,.fi-ta-ctn{border-radius:16px!important}
html:not(.dark) .fi-section,html:not(.dark) .fi-ta-ctn{background-color:var(--dl-surface)!important;border:1px solid var(--dl-line)!important;box-shadow:var(--dl-shadow)!important}
html:not(.dark) .fi-ta-header-cell{background-color:#f1ede2!important}
html:not(.dark) .fi-ta-row:hover{background-color:var(--dl-sage-tint)!important}

/* buttons and inputs */
.fi-btn{border-radius:12px!important}
.fi-btn.fi-color-primary{box-shadow:none}
.fi-input-wrp{border-radius:12px!important}
html:not(.dark) .fi-input-wrp:focus-within{box-shadow:0 0 0 3px rgba(139,164,140,.35)!important}

/* tabs: Delite's underlined row */
html:not(.dark) .fi-tabs{background:transparent!important;box-shadow:none!important;border-bottom:1px solid var(--dl-line)!important;border-radius:0!important}
html:not(.dark) .fi-tabs-item.fi-active{background:transparent!important;box-shadow:inset 0 -2px 0 var(--dl-forest)!important;border-radius:0!important}
html:not(.dark) .fi-tabs-item.fi-active .fi-tabs-item-label{color:var(--dl-forest)!important}

/* sign-in page: the website's card */
html:not(.dark) .fi-simple-layout{background-color:var(--dl-bg)!important}
html:not(.dark) .fi-simple-main{background:var(--dl-surface);border:1px solid var(--dl-line);border-radius:16px!important;box-shadow:0 12px 40px rgba(31,42,34,.12)!important}
.fi-simple-header-heading{font-family:"Fraunces",Georgia,serif!important;font-weight:560!important}
.dl-login-site{margin-top:.25rem;text-align:center;font-size:.85rem;color:var(--dl-muted)}
.dl-login-site a{color:var(--dl-forest);font-weight:600}

/* Item name hover card on /products (Jake, 2026-10-29): a cream ledger slip with Fraunces headings,
   forest links and maple for anything waiting on us. One fixed element on <body> (dl-item-peek.js). */
.oc-inv[data-dl-peek]{text-decoration:underline dotted var(--dl-sage);text-underline-offset:3px}
.dl-peek{position:fixed;z-index:80;display:none;width:26rem;max-width:calc(100vw - 16px);max-height:min(580px,calc(100vh - 16px));overflow:auto;padding:14px 16px 10px;border-radius:16px;border:1px solid var(--dl-line);border-top:4px solid var(--dl-forest);background:var(--dl-surface);box-shadow:0 18px 48px rgba(31,42,34,.18);font-size:12.5px;line-height:1.45;color:var(--dl-body);text-align:left;white-space:normal}
.dl-peek.is-open{display:block}
.dl-zoom{position:fixed;z-index:90;display:none;left:0;top:0;width:min(480px,calc(100vw - 16px));height:min(480px,calc(100vh - 16px));padding:10px;background:#fff;border:1px solid var(--dl-line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.28);pointer-events:none}
.dl-zoom.is-open{display:block}
.dl-zoom img{display:block;width:100%;height:100%;object-fit:contain}
.dl-peek a{color:var(--dl-forest-2);font-weight:600;text-decoration:underline;text-decoration-color:var(--dl-sage);text-underline-offset:2px}
.dl-peek a:hover{color:var(--dl-maple);text-decoration-color:var(--dl-maple)}
.dl-peek-wait{margin:4px 0 6px;color:var(--dl-muted);font-style:italic}
.dl-peek-head{margin-bottom:6px}
.dl-peek-name{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:16px;line-height:1.25;color:var(--dl-forest)}
.dl-peek-skus{margin-top:2px;font-size:11px;letter-spacing:.06em;color:var(--dl-muted)}
.dl-peek-block{margin-top:8px;padding:8px 10px;border-radius:12px;background:#faf6ec;border:1px dashed var(--dl-line)}
.dl-peek-block header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
.dl-peek-block h4{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:13.5px;color:var(--dl-forest)}
.dl-peek-count{font-size:11px;color:var(--dl-muted)}
.dl-peek-hot{color:var(--dl-maple);font-weight:700}
.dl-peek-block ul{list-style:none;margin:0;padding:0}
.dl-peek-block li{padding:5px 0;border-top:1px dotted var(--dl-line)}
.dl-peek-block li:first-child{border-top:0}
.dl-peek-block li.dl-peek-sub{padding:6px 0 0;border-top:0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dl-muted)}
.dl-peek-block li.dl-peek-sub+li{border-top:0}
.dl-peek-none{color:var(--dl-muted);font-style:italic}
.dl-peek-row{display:flex;align-items:baseline;gap:10px}
.dl-peek-what{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dl-ink)}
.dl-peek-when{font-family:Fraunces,Georgia,serif;font-size:11.5px;color:var(--dl-muted);white-space:nowrap}
.dl-peek-meta{margin-top:1px;font-size:11.5px;color:var(--dl-muted)}
.dl-peek-dim{color:var(--dl-muted);font-weight:400}
.dl-peek-quote{margin-top:3px;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:12px;color:var(--dl-body)}
.dl-peek-block footer{margin-top:4px;padding-top:5px;border-top:1px solid var(--dl-line);font-size:11.5px;text-align:right;color:var(--dl-muted)}
.dl-peek-tag{display:inline-block;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:700;line-height:1.6;border:1px solid var(--dl-line);background:var(--dl-sage-tint);color:var(--dl-forest-2);white-space:nowrap}
.dl-peek-tag.is-danger,.dl-peek-tag.is-bad{background:#fbe9e1;border-color:#efc2ad;color:var(--dl-maple)}
.dl-peek-tag.is-warning{background:#fbf1d9;border-color:#ecd59a;color:#8a5a12}
.dl-peek-tag.is-info{background:#e7eef3;border-color:#c5d5e0;color:#2f5670}
.dl-peek-tag.is-success,.dl-peek-tag.is-good{background:var(--dl-sage-tint);border-color:#c9d8c6;color:var(--dl-forest-2)}
.dl-peek-tag.is-gray{background:#f1ede4;color:var(--dl-muted)}
.dark .dl-peek{background:#1f2420;border-color:rgba(255,255,255,.1);border-top-color:#8ba48c;color:#d6ddd5}
.dark .dl-peek-block{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.dark .dl-peek-name,.dark .dl-peek-block h4,.dark .dl-peek-what{color:#eef2ec}
.dark .dl-peek a{color:#a9c7a9}
@media (hover:none),(max-width:767px){.oc-inv[data-dl-peek]{text-decoration:none}.dl-peek{display:none!important}}