/*
Theme Name: Ljus Restaurang – GeneratePress Child
Theme URI: https://example.com/
Description: Ett ljust, minimalistiskt restaurangtema för GeneratePress.
Author: Codex
Version: 1.0.0
Template: generatepress
Text Domain: ljus-restaurang
*/

:root { --restaurant-ink:#24342e; --restaurant-muted:#66756f; --restaurant-paper:#fcfbf7; --restaurant-sand:#f2eee4; --restaurant-accent:#bd6e4c; --restaurant-line:#e8e1d5; }
body { background:var(--restaurant-paper); color:var(--restaurant-ink); }
a { color:var(--restaurant-accent); }
a:hover { color:#8e4d35; }
.site-header { border-bottom:1px solid var(--restaurant-line); }
.main-navigation, .main-navigation ul ul { background:transparent; }
.main-navigation .main-nav ul li a { color:var(--restaurant-ink); font-weight:600; }
.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li[class*="current-menu-"] > a { color:var(--restaurant-accent); background:transparent; }
.button, button, input[type="submit"] { background:var(--restaurant-accent); border-radius:2px; color:#fff; font-weight:600; letter-spacing:.04em; padding:13px 24px; text-transform:uppercase; }
.button:hover, button:hover, input[type="submit"]:hover { background:#98533a; color:#fff; }
.inside-article { background:transparent; }
.restaurant-hero { background:var(--restaurant-sand); margin:0 0 4.5rem; padding:clamp(4rem,10vw,8rem) 1.5rem; text-align:center; }
.restaurant-eyebrow { color:var(--restaurant-accent); font-size:.78rem; font-weight:700; letter-spacing:.16em; margin:0 0 1rem; text-transform:uppercase; }
.restaurant-hero h1 { font-size:clamp(2.7rem,6vw,5rem); line-height:1.05; margin:.2em auto; max-width:850px; }
.restaurant-lead { color:var(--restaurant-muted); font-size:1.15rem; margin:1.25rem auto 0; max-width:620px; }
.restaurant-menu { margin:0 auto; max-width:900px; }
.restaurant-menu__heading { border-bottom:1px solid var(--restaurant-line); font-size:clamp(2rem,4vw,3rem); margin:3.5rem 0 1.5rem; padding-bottom:.7rem; }
.restaurant-menu__list { list-style:none; margin:0; padding:0; }
.restaurant-menu__item { align-items:baseline; border-bottom:1px solid var(--restaurant-line); display:grid; gap:.5rem 1rem; grid-template-columns:1fr auto; padding:1.25rem 0; }
.restaurant-menu__name { font-size:1.2rem; font-weight:700; }
.restaurant-menu__price { color:var(--restaurant-accent); font-weight:700; white-space:nowrap; }
.restaurant-menu__description { color:var(--restaurant-muted); grid-column:1 / -1; margin:0; }
.restaurant-contact { background:var(--restaurant-sand); margin:3rem auto; max-width:760px; padding:clamp(2rem,5vw,4rem); }
.restaurant-contact h2 { margin-top:0; }
.restaurant-contact label { display:block; font-weight:600; margin:1rem 0 .4rem; }
.restaurant-contact input, .restaurant-contact textarea { background:#fff; border:1px solid var(--restaurant-line); border-radius:2px; box-sizing:border-box; padding:.8rem; width:100%; }
.restaurant-contact textarea { min-height:150px; }
.restaurant-notice { background:#e4f0e6; border-left:3px solid #4d8660; margin-bottom:1.5rem; padding:1rem; }
@media (max-width:768px) { .restaurant-menu__item { grid-template-columns:1fr auto; } }
