/*
Theme Name: Hjørnet Grill Menu
Description: Child theme of MK Restaurant Menu for the Hjørnet Grill demo.
Template: mkrestaurantmenu
Version: 1.0.0
Text Domain: kantine-child
*/
@font-face{font-family:"Bricolage Grotesque";src:url(fonts/display.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/text.woff2) format("woff2");font-weight:300 900;font-display:swap}

:root{
	--kd-red:#c8102e;
	--kd-mustard:#ffb81c;
	--kd-cream:#fff6e5;
	--kd-ink:#1d1612;
	--kd-ink-soft:#4a3f37;
	--kd-line:#ead9b8;
	--kd-paper:#fffdf8;
	--body-font-family:"Figtree",system-ui,sans-serif;
	--body-font-size:17px;
	--body-line-height:1.5;
	--body-color:var(--kd-ink);
	--body-background:var(--kd-cream);
	--container-background:var(--kd-cream);
	--h1-color:var(--kd-ink);
	--h2-color:var(--kd-red);
	--h3-color:var(--kd-ink);
	--selection-background:var(--kd-red);
	--button-background-color:var(--kd-mustard);
	--button-color:var(--kd-ink);
	--button-border-color:var(--kd-mustard);
	--button-hover-background-color:#fff;
	--button-hover-color:var(--kd-ink);
	--button-hover-border-color:var(--kd-ink);
	--button-text-transform:none;
	--button-border-radius:999px;
	--focus-color:var(--kd-ink);
	--mobile-paddings:clamp(1rem,4vw,2rem);
}
html,body{height:auto;background:var(--kd-cream);color:var(--kd-ink);font-family:var(--body-font-family)}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em}
body{scrollbar-color:var(--kd-red) var(--kd-cream)}
body::-webkit-scrollbar-track{background:var(--kd-cream)}
body::-webkit-scrollbar-thumb{background:var(--kd-red)}

/* header bar */
#main{padding-inline:0}
.kd-bar{position:sticky;top:0;z-index:60;background:var(--kd-red);color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.kd-bar__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;width:min(100% - 2*var(--mobile-paddings),60rem);margin-inline:auto}
.kd-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff}
.kd-brand:hover{color:#fff}
.kd-brand__mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:12px;background:var(--kd-mustard);color:var(--kd-red);font:800 1.5rem/1 "Bricolage Grotesque",sans-serif}
.kd-brand__name{font:700 1.35rem/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
.kd-brand__name b{color:var(--kd-mustard);font-weight:800}
.kd-back{color:#fff;text-decoration:none;font-weight:700;padding:.5rem .25rem}
.kd-back:hover{color:var(--kd-mustard)}

/* heading + language switch */
#main-screen{margin:0;max-width:none}
.kd-head{width:min(100% - 2*var(--mobile-paddings),60rem);margin:clamp(1.5rem,5vw,3rem) auto 1rem;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem}
#main-heading{font-size:clamp(2.4rem,8vw,4.2rem);font-weight:800;margin:0;color:var(--kd-ink);line-height:1}
.kd-lang{display:flex;gap:.4rem;padding:.3rem;border-radius:999px;background:#fff;border:2px solid var(--kd-line)}
.kd-lang a{min-width:3rem;text-align:center;padding:.35rem .9rem;border-radius:999px;font-weight:800;text-decoration:none;color:var(--kd-ink);font-size:.95rem}
.kd-lang a[aria-current="true"]{background:var(--kd-red);color:#fff}

/* menu body */
#the-menu{margin-top:0}
.catalog-category{width:min(100% - 2*var(--mobile-paddings),60rem);margin-inline:auto;grid-row-gap:0}
.catalog-category-item{margin-top:clamp(2rem,6vw,3.5rem);scroll-margin-top:7rem}
.catalog-category-item h2{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;color:var(--kd-red);margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:4px solid var(--kd-mustard);display:inline-block}
.catalog-items{margin-bottom:0}
.catalog-item{cursor:default;border-radius:14px;margin-bottom:.6rem;background:var(--kd-paper);border:2px solid var(--kd-line);overflow:visible}
.catalog-item .wrap{padding:.9rem 1.15rem;border:0;background:transparent}
.catalog-item .catalog-item-title{font-size:1.2rem;font-weight:700;color:var(--kd-ink)}
.catalog-item .price{font:800 1.25rem/1 "Bricolage Grotesque",sans-serif;color:var(--kd-red);white-space:nowrap}
.catalog-item .price .currency{font:700 .85rem/1 var(--body-font-family);padding-left:.25rem}
.catalog-item .catalog-item-description{color:var(--kd-ink-soft);font-size:.95rem;margin-top:.2rem}
.catalog-labels span{border:0;background:var(--kd-mustard);color:var(--kd-ink);font-weight:700;font-size:.8rem;padding:.1rem .6rem;border-radius:999px}
.catalog-item.unavailable{opacity:.55}

/* footer */
#Footer{background:var(--kd-red);color:#fff;margin-top:clamp(3rem,8vw,5rem);padding:2rem var(--mobile-paddings)}
#Footer a{color:#fff}
#back-to-top{background:var(--kd-mustard);color:var(--kd-ink);border-color:var(--kd-mustard)}

/* tighter item rows */
.catalog-item .wrap{row-gap:.1rem;align-items:center}
.catalog-item .catalog-item-description,.catalog-item .catalog-item-title{margin:0}
.catalog-labels{margin-top:.35rem}

/* keep the fixed category bar inside the viewport */
html,body{overflow-x:clip}
#the-menu{max-width:100vw;box-sizing:border-box}
#the-menu nav{max-width:100%;overflow-x:auto;scrollbar-width:none}
#the-menu nav::-webkit-scrollbar{display:none}