/* lovelentils.ca — The FUNdeLENTIL Tour (rebuilt base styles) */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#3a3a3a;background:#fff;line-height:1.55;font-size:16px}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:#c8102e;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:#2b2b2b;line-height:1.2;margin:0 0 .5em}
h1{font-size:2rem}
p{margin:0 0 1em}
.container{max-width:1040px;margin:0 auto;padding:0 20px}
.browsehappy{background:#c8102e;color:#fff;text-align:center;padding:10px}
.hide{display:none}

/* top bar with logo */
.menubar{background:#fff;border-bottom:1px solid #eee}
.menubar .container{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.menubar-logo{display:block;width:150px;height:46px;background:url('/assets/img/logo-lentils.svg') left center/contain no-repeat;text-indent:-9999px;overflow:hidden}
.menu-btn{display:none} /* JS hamburger not needed — nav shown inline */

/* primary nav — always visible horizontal bar */
.menu.hide{display:block}
.menu{background:#2b2b2b}
.menu .close-btn{display:none}
.menu .nav-primary{max-width:1040px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center}
.nav-primary-item{display:inline-block;padding:12px 14px;color:#fff;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.04em}
.nav-primary-item:hover{color:#f2b8b8;text-decoration:none}
.menu .hr-light{display:none}

.header{min-height:0}

/* main content */
.main{padding:34px 0 50px}
.main h1{color:#c8102e;margin-bottom:24px}

/* FAQ (accordion source; answers shown open without JS) */
.faq{margin:0 0 4px}
.faq-question h3{margin:0;color:#2b2b2b;font-size:1.12rem}
.faq-answer{padding:4px 0 2px;color:#555}
.main hr,.hr-light{border:0;border-top:1px solid #e5e5e5;margin:16px 0}

/* forms (login / register / restaurants voting) */
form label{display:block;font-weight:700;margin:12px 0 4px}
form input,form textarea,form select{width:100%;max-width:420px;padding:10px;border:1px solid #ccc;border-radius:3px;font-size:1rem}
.btn,button,input[type=submit]{display:inline-block;background:#c8102e;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:11px 26px;border-radius:3px;border:0;cursor:pointer;font-size:.9rem;margin-top:14px}
.btn:hover,button:hover,input[type=submit]:hover{background:#a50d24;color:#fff;text-decoration:none}
.red{color:#c8102e}

/* modal / overlay (JS-driven; hidden) */
.overlay,.modal{display:none}

/* footer */
.footer{background:#2b2b2b;color:#fff;padding:26px 0;margin-top:24px}
.footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer a{color:#fff}
.social{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:16px}
.social-item{display:inline-block}
.social .fa{font-size:1.3rem}
.hashtag{display:inline-block;margin-left:6px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.copyright{opacity:.85}

@media(max-width:600px){
  .menubar .container{flex-direction:column;min-height:0;padding-top:10px;padding-bottom:10px}
  .menu .nav-primary{justify-content:center}
  .footer .container{flex-direction:column;text-align:center}
}