/* kit/hdp-nav.css, the always-on Holiday Dinner Planner links (kit/hdp-nav.js). Lane VP, 2026-11-09.
   Header link first in the nav and priced, so it reads as clearly as the Pro link beside it.
   The home entry is one calm box right after the demo, before the tool list.
   It never moves once painted, so nothing around it jumps. */
header nav a[data-hdp-link],header .topbar-inner nav.nav a[data-hdp-link]{order:-2;font-weight:700!important;color:#8a3a1f!important;white-space:nowrap}
header nav a[data-hdp-link]:hover,header .topbar-inner nav.nav a[data-hdp-link]:hover{color:#6f2a14!important}
.hdp-home{box-sizing:border-box;margin:22px 0 0;padding:14px 16px 8px;max-width:34em;
  border:1px solid #e3d6c4;border-left:3px solid #b04b2b;border-radius:10px;background:#fffaf2;
  font-size:16px;line-height:1.5;color:#2b211d}
.hdp-home p{margin:0;max-width:none}
.hdp-home .hdp-home-links{display:flex;flex-wrap:wrap;gap:0 20px;margin:4px 0 0}
.hdp-home .hdp-home-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;
  color:#8a3a1f;text-decoration:underline;text-underline-offset:3px}
.hdp-home .hdp-home-links a:hover{color:#6f2a14}
.hdp-home .hdp-home-small{color:#5a4a42;margin:0 0 6px}
@media print{.hdp-home{display:none!important}}
/* Single-row headers (about, contact, privacy, terms, refund, support) have a fixed 62 px row. With the
   planner link the brand and nav no longer fit on a phone, so the nav takes its own row under the brand. */
@media(max-width:560px){
  header .wrap:has(> nav > a[data-hdp-link]){flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:2px;row-gap:0}
  header .wrap:has(> nav > a[data-hdp-link]) > nav{flex-basis:100%;flex-wrap:wrap;column-gap:18px}
  header .wrap:has(> nav > a[data-hdp-link]) > nav > a[data-hdp-link]{display:inline-flex;align-items:center;min-height:44px}
}