/* 1.5.3 Recipe email subscriptions: header pill, end-of-post box, footer box, subscribe.php pages. Mobile first. No popups. */
.nl-pill{display:inline-flex;align-items:center;gap:.4rem;height:44px;padding:0 1.05rem;border-radius:999px;background:#FF6B1A;color:#fff!important;font-family:var(--t-sans,system-ui);font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(255,107,26,.28);white-space:nowrap;transition:background .2s,transform .2s;flex-shrink:0}
.nl-pill:hover,.nl-pill:focus-visible{background:#E4570A;color:#fff;transform:translateY(-1px)}
.nl-pill:focus-visible{outline:3px solid rgba(255,107,26,.35);outline-offset:2px}
.nl-pill .bi{font-size:1rem;line-height:1}
/* 1.5.5: smaller pill on phones/tablets (was 40-44px tall) so it sits neatly next to search; still >= 32px to tap */
@media (max-width:781px){
  .nl-pill{height:34px;padding:0 12px;font-size:13px;gap:5px;box-shadow:0 2px 8px rgba(255,107,26,.2)}
  .nl-pill .bi{font-size:13px}
  .nl-pill:hover,.nl-pill:focus-visible{transform:none}
}
@media (max-width:575.98px){
  .ydr-header-tools{gap:.4rem}
  .ydr-header-inner:has(.nl-pill) .ydr-brand .site-logo{max-width:calc(100vw - 236px)!important;width:auto!important;object-fit:contain}
  .ydr-header-inner:has(.ydr-search.open) .nl-pill{visibility:hidden}
}
@media (max-width:400px){
  .ydr-header-tools{gap:.3rem}
  .nl-pill{height:32px;padding:0 10px;font-size:12.5px;gap:4px}
  .nl-pill .bi{font-size:12px}
  .ydr-header-inner:has(.nl-pill) .ydr-brand .site-logo{max-width:calc(100vw - 252px)!important}
}
@media (max-width:359.98px){.nl-pill span{display:none}.nl-pill{width:34px;padding:0;justify-content:center}.ydr-header-inner:has(.nl-pill) .ydr-brand .site-logo{max-width:calc(100vw - 196px)!important}}

.nl-box{position:relative;display:flex;gap:1rem;align-items:flex-start;margin:2rem 0;padding:1.4rem 1.2rem;border-radius:22px;background:linear-gradient(135deg,#FFF3EE 0%,#FDF7EC 100%);border:1px solid #F6D9C8;scroll-margin-top:90px}
.nl-icon{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#FF6B1A;color:#fff;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 6px 16px rgba(255,107,26,.3)}
.nl-body{flex:1;min-width:0}
.nl-title{font-family:var(--pa-display,var(--t-sans));font-size:1.3rem;line-height:1.25;margin:0 0 .3rem;color:#1C4A42;font-weight:700}
.nl-sub{margin:0 0 .85rem;color:#44615b;font-size:.95rem;line-height:1.5}
.nl-form{display:flex;flex-wrap:wrap;gap:.5rem}
.nl-input{flex:1 1 13rem;min-width:0;height:48px;border:1.5px solid #E8D5C8;border-radius:999px;padding:0 1.1rem;font-size:16px;background:#fff;color:#1A1A1A;outline:0}
.nl-input:focus{border-color:#FF6B1A;box-shadow:0 0 0 3px rgba(255,107,26,.18)}
.nl-btn{flex:0 0 auto;height:48px;border:0;border-radius:999px;padding:0 1.4rem;background:#FF6B1A;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s}
.nl-btn:hover,.nl-btn:focus-visible{background:#E4570A}
.nl-fine{margin:.6rem 0 0;font-size:.78rem;color:#6B7280}
.nl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:420px){.nl-box{flex-direction:column;gap:.7rem;padding:1.2rem 1rem}.nl-btn{flex:1 1 100%}}

/* footer: compact strip at the top of the footer card */
.nl-footer{margin:0 0 1.5rem;padding:1rem 1.1rem;border-radius:18px;align-items:center}
.nl-footer .nl-icon{width:40px;height:40px;font-size:1.1rem}
.nl-footer .nl-title{font-size:1.05rem;margin:0 0 .15rem}
.nl-footer .nl-sub{font-size:.85rem;margin:0 0 .6rem}
.nl-footer .nl-fine{display:none}
.nl-footer .nl-input,.nl-footer .nl-btn{height:44px}
@media (min-width:992px){.nl-footer .nl-body{display:grid;grid-template-columns:1fr minmax(22rem,1.1fr);column-gap:1.5rem;align-items:center}.nl-footer .nl-sub{margin:0}.nl-footer .nl-form{grid-column:2;grid-row:1/span 2}}

/* subscribe.php result pages */
.nl-page{max-width:640px;margin:1.5rem auto 2.5rem;text-align:center}
.nl-page .nl-result-icon{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:#FFF3EE;color:#FF6B1A}
.nl-page .nl-result-icon.ok{background:#EEF6F4;color:#1C4A42}
.nl-page h1{font-family:var(--pa-display,var(--t-sans));color:#1C4A42;font-size:1.8rem;margin:0 0 .6rem}
.nl-page p.lead{color:#44615b;font-size:1.05rem;margin:0 auto 1.2rem;max-width:30rem}
.nl-page .nl-box{text-align:left}
.nl-page .nl-home{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.3rem;border-radius:999px;background:#1C4A42;color:#fff;text-decoration:none;font-weight:600}
.nl-page .nl-err{color:#b42318}

/* 1.5.5 Subscribe pop-up (non-post pages, opens only when the header button is tapped). Mobile first. */
html.nl-lock,html.nl-lock body{overflow:hidden!important}
.nl-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;color-scheme:light}
.nl-modal[hidden]{display:none}
.nl-modal-backdrop{position:absolute;inset:0;background:rgba(17,24,22,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.nl-modal-card{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:22px;padding:22px 18px 18px;box-shadow:0 18px 50px rgba(0,0,0,.25);outline:0}
.nl-modal.is-open .nl-modal-card{animation:nlPop .18s ease-out}
@keyframes nlPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nl-modal.is-open .nl-modal-card{animation:none}}
.nl-modal-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#F5F2EB;color:#1C4A42;display:grid;place-items:center;font-size:15px;cursor:pointer;z-index:1}
.nl-modal-x:hover,.nl-modal-x:focus-visible{background:#EDE6DA}
.nl-modal-x:focus-visible,.nl-modal .nl-btn:focus-visible{outline:3px solid rgba(255,107,26,.4);outline-offset:2px}
.nl-modal .nl-box{margin:0;padding:0;border:0;background:none;flex-direction:column;gap:.7rem}
.nl-modal .nl-icon{width:44px;height:44px;font-size:1.2rem}
.nl-modal .nl-title{font-size:1.2rem;padding-right:40px}
.nl-modal .nl-sub{font-size:.92rem}
.nl-modal .nl-btn{flex:1 1 100%}
.nl-modal .nl-input,.nl-modal .nl-btn{height:46px}
.nl-msg{flex:1 1 100%;margin:.1rem 0 0;padding:.5rem .75rem;border-radius:12px;background:#FDECEC;color:#9B1C1C;font-size:.86rem}
.nl-msg[hidden]{display:none}
.nl-modal-done{text-align:center;padding:6px 4px 2px}
.nl-modal-done[hidden]{display:none}
.nl-modal-done .nl-result-icon{width:60px;height:60px;margin:4px auto .8rem;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;background:#EEF6F4;color:#1C4A42}
.nl-modal-done .nl-title{padding:0;outline:0}
.nl-modal-done .nl-btn{width:100%;margin-top:.4rem}
@media (min-width:576px){.nl-modal-card{padding:28px 26px 24px}.nl-modal .nl-btn{flex:0 0 auto}}
/* phone in dark mode: dark card (the page itself stays light) */
@media (prefers-color-scheme:dark){
  .nl-modal{color-scheme:dark}
  .nl-modal-backdrop{background:rgba(0,0,0,.7)}
  .nl-modal-card{background:#1E2321;box-shadow:0 18px 50px rgba(0,0,0,.6)}
  .nl-modal .nl-title{color:#F3F4F6}
  .nl-modal .nl-sub{color:#C9D1CE}
  .nl-modal .nl-fine{color:#9CA3AF}
  .nl-modal .nl-input{background:#121614;border-color:#3A4441;color:#F3F4F6}
  .nl-modal .nl-input::placeholder{color:#8B9592}
  .nl-modal-x{background:#2B3230;color:#E5E7EB}
  .nl-modal-x:hover,.nl-modal-x:focus-visible{background:#37403D}
  .nl-modal-done .nl-result-icon{background:rgba(135,189,181,.16);color:#A9D3CC}
  .nl-msg{background:rgba(214,69,69,.18);color:#F5A3A3}
}

/* 1.5.5 comment form: "Email me new recipes" tick box under the email field */
.cm-nl-optin{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;margin-top:.6rem}
.cm-nl-check{width:22px;height:22px;margin:0;accent-color:#FF6B1A;cursor:pointer;flex:0 0 auto}
.cm-nl-label{min-height:44px;display:flex;align-items:center;font-size:.95rem;font-weight:600;color:#1C4A42;cursor:pointer;line-height:1.3;-webkit-tap-highlight-color:transparent}
.cm-nl-help{grid-column:2;margin-top:-.45rem;font-size:.8rem;color:#6B7280;line-height:1.4}
.cm-nl-check:focus-visible{outline:3px solid rgba(255,107,26,.4);outline-offset:2px}

/* 1.5.5 footer "Get in touch" column: compact Subscribe box in the Contact-pill style */
.nl-fbox{max-width:22rem;min-width:0}
.ydr-fcol-contact{min-width:0}
.nl-fpill{display:flex;align-items:center;gap:.4rem;background:rgba(224,122,95,.06);border:1.5px solid var(--t-coral,#E07A5F);border-radius:999px;padding:.3rem .3rem .3rem .95rem;transition:background .2s,box-shadow .2s}
.nl-fpill:focus-within{background:#fff;box-shadow:0 0 0 3px rgba(224,122,95,.18)}
.nl-fpill[hidden]{display:none}
.nl-fpill-input{flex:1 1 0;width:0;min-width:0;height:36px;border:0;background:transparent;color:var(--t-ink,#1A1A1A);font-size:16px;outline:0;padding:0}
.nl-fpill-input::placeholder{color:#8A8F8C}
.nl-fpill-btn{flex:0 0 auto;height:36px;border:0;border-radius:999px;padding:0 .95rem;background:var(--t-coral,#E07A5F);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s}
.nl-fpill-btn:hover,.nl-fpill-btn:focus-visible{background:#C9634A}
.nl-fpill-btn:focus-visible{outline:3px solid rgba(224,122,95,.35);outline-offset:2px}
.nl-fpill-btn[disabled]{opacity:.75;cursor:progress}
.nl-fbox .nl-msg{margin:.45rem 0 0;font-size:.8rem}
.nl-fdone{margin:0;padding:.6rem .9rem;border-radius:14px;background:#EEF6F4;color:#1C4A42;font-size:.85rem;font-weight:600;outline:0}
.nl-fdone[hidden]{display:none}
/* 1.5.5: Contact form pill under the footer Subscribe box */
.ydr-mail-pill.nl-fcontact{margin-top:.65rem;max-width:22rem}

/* 1.5.9 Recipe choices (confirmation + prefs pages). Mobile first. */
.nl-prefs-wrap{margin:1.25rem auto 1.5rem;max-width:28rem;text-align:left}
.nl-prefs{padding:1.1rem 1rem 1rem;border-radius:18px;background:#fff;border:1px solid #E8D5C8;box-shadow:0 6px 20px rgba(28,74,66,.06)}
.nl-prefs-title{margin:0 0 .35rem;font-size:1.15rem;color:#1C4A42;font-weight:700;font-family:var(--pa-display,var(--t-sans))}
.nl-prefs-lead{margin:0 0 .85rem;color:#44615b;font-size:.92rem;line-height:1.45}
.nl-prefs-set{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.nl-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:40px;padding:.35rem .85rem;border-radius:999px;border:1.5px solid #E8D5C8;background:#FDF7EC;color:#1C4A42;font-size:.9rem;font-weight:600;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.nl-chip input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.nl-chip.is-on,.nl-chip:has(input:checked){background:#1C4A42;border-color:#1C4A42;color:#fff}
.nl-chip:focus-within{outline:3px solid rgba(255,107,26,.35);outline-offset:2px}
.nl-prefs-save{width:100%;margin-top:.9rem}
.nl-prefs .nl-fine{margin:.65rem 0 0;text-align:center}
@media (max-width:390px){.nl-chip{font-size:.84rem;padding:.3rem .7rem;min-height:38px}}