/* SnapChef Main 8.20: unified public header. Footer and bottom dock untouched. */
body .sc5-app .sc5-topbar,
body .scr-site > .scr-header,
body .scr-header,
body .scd-wrap > .scd-header,
body .scc-site > .scc-header,
body.sct-basic > .sct-header {display:none!important}
.scph-header,.scph-header *,.scph-header *::before,.scph-header *::after{box-sizing:border-box}
.scph-header{--scph-green:#063f30;--scph-ink:#173a30;--scph-gold:#e8b52f;--scph-light:#f7f9f3;--scph-line:#e6ebe2;position:relative;z-index:9980;width:100%;flex:0 0 auto;background:rgba(255,255,253,.98);border-bottom:1px solid var(--scph-line);color:var(--scph-ink);font:500 14px/1.3 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.scph-header a{text-decoration:none!important;color:inherit}.scph-header button,.scph-header input{font:inherit}.scph-header button{cursor:pointer}.scph-header [hidden]{display:none!important}
.scph-header :where(a,button,input,summary):focus-visible{outline:3px solid var(--scph-gold);outline-offset:3px}
.scph-inner{width:min(1490px,calc(100% - 88px));margin:0 auto;min-height:90px;display:flex;align-items:center;gap:22px}
.scph-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;white-space:nowrap}.scph-brand img{width:52px;height:52px;object-fit:contain;border-radius:50%}
.scph-wordmark{font-family:'Bricolage Grotesque',Arial,sans-serif;letter-spacing:-.075em;font-weight:800;color:#073e2d;font-size:27px;line-height:1;white-space:nowrap}.scph-wordmark span{color:#d5a520}.scph-wordmark b{color:#d5a520;font-weight:900}
.scph-nav{height:90px;display:flex;align-items:stretch;gap:4px;margin-left:clamp(5px,2.5vw,44px)}
.scph-nav-link{font-size:13px;font-weight:700;white-space:nowrap;padding:0 12px;display:flex;align-items:center;justify-content:center;position:relative;transition:color .18s ease}
.scph-nav-link:hover,.scph-nav-link.is-active{color:#053d2c}.scph-nav-link:after{position:absolute;content:"";bottom:20px;height:3px;border-radius:5px;background:#ddb022;left:12px;right:12px;transform:scaleX(0);transition:transform .18s ease}
.scph-nav-link:hover:after,.scph-nav-link.is-active:after{transform:scaleX(1)}
.scph-tagline{color:#83938b;white-space:nowrap;font-size:12px;font-weight:600;margin-left:auto;display:none}
.scph-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.scph-icon{border:1px solid #edf0e9;background:#f7f8f4;color:#0d4434;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;padding:0;transition:transform .2s,background .2s}
.scph-icon:hover{background:#ecf3e9;transform:translateY(-1px)}.scph-icon svg{width:20px;height:20px}
.scph-camera{height:47px;border:1px solid #e5b125;border-radius:999px;background:linear-gradient(125deg,#ffd95b 0%,#f1bc31 70%,#efb82a 100%);color:#0a3628;padding:0 17px;display:inline-flex;align-items:center;gap:9px;font-size:12px!important;font-weight:800!important;box-shadow:0 4px 11px rgba(177,126,13,.12);white-space:nowrap;transition:transform .18s,box-shadow .18s}
.scph-camera:hover{transform:translateY(-2px);box-shadow:0 8px 17px rgba(177,126,13,.19)}.scph-camera svg{width:19px;height:19px;stroke-width:2}
.scph-login,.scph-account-trigger{height:47px;border:1px solid #e5ede0;border-radius:999px;background:#f4f7ef;color:#154f3d;display:flex;align-items:center;gap:9px;padding:5px 11px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .18s}
.scph-login:hover,.scph-account-trigger:hover{background:#eaf1e5}.scph-login>svg{width:19px;height:19px}.scph-account{position:relative}.scph-account summary{list-style:none;cursor:pointer}.scph-account summary::-webkit-details-marker{display:none}.scph-account-trigger img,.scph-account-placeholder{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}.scph-account-placeholder{display:grid;place-items:center;background:#dfe9da}.scph-account-trigger>svg{width:14px;height:14px}.scph-account-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}
.scph-account-dropdown{position:absolute;right:0;top:calc(100% + 11px);width:210px;background:#fff;border:1px solid #e1e8dc;box-shadow:0 15px 38px rgba(7,53,34,.13);padding:8px;border-radius:16px;z-index:5}.scph-account-dropdown a{display:block;padding:12px 13px;border-radius:10px;color:#173c2d;font-size:13px;font-weight:600}.scph-account-dropdown a:hover{background:#f2f6ec}.scph-account-dropdown a:last-child{border-top:1px solid #edf1e9;margin-top:5px;color:#8f534b}
.scph-hamburger{display:none}
.scph-mobile-menu,.scph-search-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e3e9de;box-shadow:0 18px 36px rgba(4,54,33,.09);z-index:7}
.scph-mobile-menu{padding:16px 26px 20px}.scph-mobile-menu nav{display:flex;flex-direction:column;max-width:700px;margin:auto}.scph-mobile-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 9px;border-bottom:1px solid #eef0ea;font-weight:700;font-size:14px}.scph-mobile-menu a.is-active{color:#b18412}.scph-mobile-menu a svg{width:16px;height:16px}
.scph-search-panel{padding:26px max(32px,calc((100% - 1120px)/2));}.scph-search-panel form{max-width:1120px;margin:0 auto}.scph-search-panel label{display:block;font-size:13px;font-weight:800;margin-bottom:13px}.scph-search-field{height:60px;display:flex;align-items:center;border:1px solid #d8e2d6;background:#fbfdf9;border-radius:15px;padding:7px 8px 7px 17px;gap:10px}.scph-search-field>svg{width:20px;height:20px;color:#6c9180}.scph-search-field input{min-width:0;flex:1;background:transparent;border:none;outline:0;color:#123c2e;font-size:15px}.scph-search-field input:focus-visible{outline:0}.scph-search-field button{height:44px;background:#084e3a;border:0;border-radius:10px;color:white;display:flex;gap:8px;align-items:center;padding:0 15px;font-size:12px;font-weight:800}.scph-search-field button svg{width:18px;height:18px}
@media(min-width:1540px){.scph-tagline{display:block}.scph-inner{gap:18px}.scph-nav{margin-left:20px}.scph-actions{margin-left:10px}}
@media(max-width:1240px){.scph-inner{width:calc(100% - 48px);gap:12px}.scph-brand img{width:45px;height:45px}.scph-wordmark{font-size:24px}.scph-nav{margin-left:2px}.scph-nav-link{padding:0 9px;font-size:12px}.scph-nav-link:after{left:9px;right:9px}.scph-actions{gap:7px}.scph-camera{padding:0 11px}.scph-account-label{max-width:95px}}
@media(max-width:1030px){.scph-nav{display:none}.scph-hamburger{display:grid}.scph-actions{margin-left:auto}.scph-inner{min-height:78px}.scph-camera{height:44px}.scph-account-trigger,.scph-login{height:44px}}
@media(max-width:660px){.scph-inner{width:calc(100% - 26px);min-height:68px;gap:9px}.scph-hamburger,.scph-search-toggle{width:38px;height:38px}.scph-brand{gap:4px}.scph-brand img{width:39px;height:39px}.scph-wordmark{font-size:23px}.scph-actions{gap:7px}.scph-camera{width:39px;height:39px;border-radius:50%;justify-content:center;padding:0}.scph-camera span{display:none}.scph-camera svg{width:19px;height:19px}.scph-login{width:38px;height:38px;padding:0;justify-content:center}.scph-login span{display:none}.scph-account-trigger{width:40px;height:40px;padding:2px;justify-content:center}.scph-account-trigger img,.scph-account-placeholder{width:33px;height:33px}.scph-account-trigger .scph-account-label,.scph-account-trigger>svg{display:none}.scph-search-panel{padding:20px 15px 24px}.scph-search-field{height:55px}.scph-search-field button{padding:0 11px}.scph-account-dropdown{right:-4px}}
@media(max-width:380px){.scph-brand img{width:35px;height:35px}.scph-wordmark{font-size:20px}.scph-inner{gap:6px}.scph-actions{gap:5px}.scph-hamburger,.scph-search-toggle,.scph-camera{width:34px;height:34px}.scph-login,.scph-account-trigger{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.scph-header *{transition:none!important}}

/* V8.18 — sticky header on internal pages only; homepage remains in normal flow. */
.scph-header--sticky { position: sticky; top: 0; z-index: 9980; }
body.admin-bar .scph-header--sticky { top: 32px; }
@media(max-width:782px) { body.admin-bar .scph-header--sticky { top: 46px; } }
/* Never request viewport zoom on iOS when the mobile search gains focus. */
.scph-search-field input, .scph-search-field input:focus { font-size: 16px !important; }
.scph-header .scph-drawer-backdrop { display:none; }
.scph-header .scph-mobile-menu { display:none; }
@media (max-width:1030px) {
  .scph-header .scph-drawer-backdrop {
    display:block;position:fixed;inset:0;z-index:98;
    background:rgba(2,28,21,.58);border:0;border-radius:0;padding:0;
    opacity:0;visibility:hidden;pointer-events:none;
    backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);
    transition:opacity .34s ease,visibility .34s ease,backdrop-filter .34s ease;
  }
  .scph-header.scph-drawer-active .scph-drawer-backdrop {
    opacity:1;visibility:visible;pointer-events:auto;
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  }
  .scph-header .scph-mobile-menu {
    display:block!important;position:fixed;top:0;left:0;bottom:0;right:auto;
    height:100vh;height:100dvh;width:min(390px, calc(100vw - 35px));max-width:100%;
    z-index:99;padding:0;border:0;border-radius:0 26px 26px 0;
    background:#fafbf7;box-shadow:20px 0 65px rgba(0,35,23,.2);
    overflow-y:auto;overscroll-behavior:contain;
    transform:translate3d(-105%,0,0);visibility:hidden;pointer-events:none;
    transition:transform .43s cubic-bezier(.22,.8,.2,1),visibility .43s;
    -webkit-overflow-scrolling:touch;
  }
  .scph-header.scph-drawer-active .scph-mobile-menu {
    transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;
  }
  .scph-drawer-content{padding:27px 25px max(27px,env(safe-area-inset-bottom));min-height:100%;display:flex;flex-direction:column;gap:0}
  .scph-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .scph-drawer-brand{display:flex;align-items:center;gap:8px}
  .scph-drawer-brand img{display:block;object-fit:contain;width:47px;height:47px;border-radius:50%}
  .scph-drawer-brand .scph-wordmark{font-size:26px}
  .scph-drawer-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e3eadd;border-radius:50%;background:#f0f4ea;color:#174835}
  .scph-drawer-close svg{width:20px;height:20px}
  .scph-drawer-tagline{margin:17px 0 35px;color:#758b7e;font-size:13px;font-weight:600}
  .scph-drawer-label{font-size:10px;font-weight:800;letter-spacing:.19em;color:#b28a2f;margin-bottom:15px}
  .scph-mobile-menu nav{display:flex;flex-direction:column;max-width:none;margin:0;gap:4px}
  .scph-header .scph-mobile-menu nav .scph-drawer-link{
    display:flex;align-items:center;justify-content:initial;gap:16px;
    border:0;border-radius:13px;padding:16px 14px;
    color:#143e30;font-family:'Bricolage Grotesque',sans-serif;
    font-size:21px;font-weight:800;letter-spacing:-.045em;line-height:1.25;
    transition:background .2s,transform .2s,color .2s;
  }
  .scph-header .scph-mobile-menu nav .scph-drawer-link:hover,
  .scph-header .scph-mobile-menu nav .scph-drawer-link:focus-visible {background:#edf3e9;transform:translateX(3px)}
  .scph-header .scph-mobile-menu nav .scph-drawer-link.is-active{background:#eaf2e6;color:#006045}
  .scph-drawer-link-num{font:800 11px 'DM Sans',sans-serif;color:#b0944c;letter-spacing:0;min-width:23px}
  .scph-header .scph-mobile-menu nav .scph-drawer-link svg{margin-left:auto;width:19px;height:19px;color:#94a99a}
  .scph-drawer-camera{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:27px;
    border:0;border-radius:17px;padding:17px 16px;background:linear-gradient(115deg,#f8d65a,#e9b52d);color:#143c2e;
    box-shadow:0 9px 24px rgba(154,119,18,.15);font-weight:800;font-size:14px}
  .scph-drawer-camera svg{width:21px;height:21px;flex:0 0 21px}.scph-drawer-camera svg:last-child{margin-left:auto}
  .scph-drawer-bottom{border-top:1px solid #e3eadd;margin-top:auto;padding-top:25px;display:flex;flex-direction:column;gap:10px}
  .scph-drawer-bottom>span{color:#ad8c3e;font-size:10px;font-weight:800;letter-spacing:.15em}
  .scph-drawer-bottom>a{font-size:14px;font-weight:700;overflow-wrap:anywhere}
  .scph-drawer-legal{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:12px;color:#687e72}
  .scph-drawer-legal a{color:inherit}
}
@media(prefers-reduced-motion:reduce){.scph-header .scph-drawer-backdrop,.scph-header .scph-mobile-menu {transition:none!important;}}

/* Keep an open drawer above SnapChef's existing floating navigation, without changing the dock. */
.scph-header.scph-drawer-active{z-index:90080}

/* V8.19 — prevent the 33px first-child margin on HOME from collapsing
   outside the cream application container (the empty white band). */
.sc5-app[data-sc5-app][data-sc5-view="home"] .sc5-page { display:flow-root; }

/* V8.20 — refined staggered entrance inside the existing mobile drawer.
   Deliberate opacity ramp + separate displacement easing give a softer,
   more editorial feel. No animation library and no layout-triggering properties. */
@media (max-width:1030px) {
  .scph-header .scph-mobile-menu :is(
    .scph-drawer-tagline,
    .scph-drawer-label,
    .scph-drawer-link,
    .scph-drawer-camera,
    .scph-drawer-bottom
  ) {
    opacity:0;
    transform:translate3d(0,24px,0);
    transition:
      opacity .76s cubic-bezier(.42,0,.18,1),
      transform .86s cubic-bezier(.18,.72,.22,1);
  }
  /* Only the links and supporting copy animate; the drawer itself stays usable. */
  .scph-header.scph-drawer-active .scph-mobile-menu :is(
    .scph-drawer-tagline,
    .scph-drawer-label,
    .scph-drawer-link,
    .scph-drawer-camera,
    .scph-drawer-bottom
  ) {
    opacity:1;
    transform:translate3d(0,0,0);
  }
  .scph-header .scph-drawer-tagline { transition-delay:.16s; }
  .scph-header .scph-drawer-label { transition-delay:.24s; }
  .scph-header .scph-drawer-link:nth-child(1) { transition-delay:.32s; }
  .scph-header .scph-drawer-link:nth-child(2) { transition-delay:.40s; }
  .scph-header .scph-drawer-link:nth-child(3) { transition-delay:.48s; }
  .scph-header .scph-drawer-link:nth-child(4) { transition-delay:.56s; }
  .scph-header .scph-drawer-link:nth-child(5) { transition-delay:.64s; }
  .scph-header .scph-drawer-camera { transition-delay:.72s; }
  .scph-header .scph-drawer-bottom { transition-delay:.80s; }
  /* Close quickly and cleanly, rather than waiting through entrance delays. */
  .scph-header:not(.scph-drawer-active) .scph-mobile-menu :is(
    .scph-drawer-tagline,
    .scph-drawer-label,
    .scph-drawer-link,
    .scph-drawer-camera,
    .scph-drawer-bottom
  ) {
    transition-duration:.18s;
    transition-delay:0s;
  }
  /* Harmonize slide-in with the slower entrance of the text. */
  .scph-header .scph-mobile-menu {
    transition:transform .58s cubic-bezier(.22,.76,.16,1),visibility .58s;
  }
  .scph-header .scph-drawer-backdrop {
    transition:opacity .46s ease,visibility .46s,backdrop-filter .46s ease;
  }
}
@media (prefers-reduced-motion:reduce) {
  .scph-header .scph-mobile-menu :is(
    .scph-drawer-tagline,
    .scph-drawer-label,
    .scph-drawer-link,
    .scph-drawer-camera,
    .scph-drawer-bottom
  ) {
    transition:none!important;
    opacity:1!important;
    transform:none!important;
  }
}