/* EatLens — custom CSS on top of Tailwind */

html { scroll-behavior: smooth; scroll-padding-top: 120px; }

/* Header shadow once scrolled */
#site-header.scrolled .header-nav { box-shadow: 0 6px 24px rgba(12, 27, 18, 0.07); }

/* Gradient text helper */
.grad-text {
  background: linear-gradient(90deg, #16A75C, #0F7D48);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* Pricing toggle buttons */
.toggle-active { background: #16A75C; color: #fff; }

/* Legal pages: sticky TOC scroll-spy active state */
.toc-link { display:block; padding:5px 12px; font-size:12.5px; color:#6b7a70;
  border-left:2px solid transparent; border-radius:0 6px 6px 0; line-height:1.5; transition:all .2s; text-decoration:none; }
.toc-link:hover { color:#0F7D48; border-left-color:#bfe6cd; background:#E7F6EE; }
.toc-link.active { color:#0F7D48; border-left-color:#16A75C; background:#E7F6EE; font-weight:700; }

/* Callout boxes for legal pages */
.info-box   { background:#E7F6EE; border:1px solid #cdeeda; border-radius:12px; padding:16px 18px; margin:12px 0; }
.warn-box   { background:#fffaf0; border:1px solid #f6e0b0; border-radius:12px; padding:16px 18px; margin:12px 0; }
.danger-box { background:#fef3f2; border:1px solid #f6c9c4; border-radius:12px; padding:16px 18px; margin:12px 0; }

/* Legal typography */
.legal-body { font-size:15px; line-height:1.8; color:#35433b; }
.legal-body p { margin-bottom:12px; }
.legal-body ul, .legal-body ol { padding-left:22px; margin-bottom:12px; }
.legal-body ul { list-style:disc; } .legal-body ol { list-style:decimal; }
.legal-body li { margin-bottom:6px; }
.legal-body strong { color:#0C1B12; }
.legal-body a { color:#0F7D48; text-decoration:underline; word-break:break-word; }
.sub-heading { display:block; font-weight:700; color:#0C1B12; margin:16px 0 6px; }

/* Form inputs (contact / delete-account) */
.form-input { width:100%; background:#f8faf9; border:1px solid #e6ede8; border-radius:10px;
  padding:12px 14px; font-size:15px; color:#0C1B12; transition:border .2s, box-shadow .2s; font-family:inherit; }
.form-input:focus { outline:none; border-color:#16A75C; box-shadow:0 0 0 3px rgba(22,167,92,.15); }