*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}svg{fill:currentColor}ul,ol{list-style:none}a{text-decoration:none;display:inline-block}p a{text-decoration:underline}input,button,textarea,select{font:inherit;background:0 0;border:none}button{cursor:pointer;display:block}@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2)format("woff2 supports variations"),url(/fonts/inter-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2)format("woff2 supports variations"),url(/fonts/archivo-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--color-primary:#e4e4e4;--color-secondary:#ddd;--color-accent:blue;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}@media (prefers-color-scheme:dark){:root{--color-primary:black;--color-secondary:#1e2124;--color-accent:blue;--color-background:#282b30;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}}:root[data-theme=light]{--color-primary:#e4e4e4;--color-secondary:#ddd;--color-accent:blue;--color-background:#f8fafc;--color-background-inverse:#121212;--text-primary:#212529;--text-muted:#333;--text-primary-inverse:#f8f9fa;--text-muted-inverse:#e9ecef}:root[data-theme=dark]{--color-primary:black;--color-secondary:#1e2124;--color-accent:blue;--color-background:#282b30;--color-background-inverse:#f8fafc;--text-primary:#f8f9fa;--text-muted:#e9ecef;--text-primary-inverse:#212529;--text-muted-inverse:#333}:root{font-size:clamp(1rem,.1vw + 1rem,1.125rem)}body{color:var(--text-muted);background-color:var(--color-background);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}a{color:inherit}:focus-visible{outline:solid 2px var(--color-accent)}.icon{aspect-ratio:1;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:1em;display:inline-block}.hidden{display:none!important}.no-scroll{overflow:hidden}button{color:var(--text-primary);text-align:center}body{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.header-content,.main-content,.footer-content{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem);display:grid}.main-content{width:100%;max-width:1200px}main{width:100%}header{background-color:var(--color-secondary);padding:1rem 0}.header-content{justify-content:space-between;align-items:center;display:flex}.hamburger-button{font-size:2em;display:flex}.logged-in-status{color:red}@media (width>=992px){.hamburger-button{display:none}}.nav-list ul{inset:var(--header-height) 0 0 0;background-color:var(--color-secondary);z-index:100;flex-direction:column;justify-content:space-around;gap:2rem;display:none;position:fixed}.nav-list ul button{margin:auto;padding:1rem 2rem;font-size:1.1em;position:relative}body:has([data-open=true]){overflow:hidden}aside:has([data-open=true]) ul{display:flex}.active-button{text-decoration:underline}@media (width>=992px){.nav-list ul{inset:unset;border-radius:1rem;padding:2rem;display:flex;position:static}.nav-list ul button{text-align:start;margin:0;padding:0}.nav-list ul button:hover:after{content:"";background-color:var(--text-primary);width:100%;height:1px;position:absolute;bottom:3px;left:0}.active-button{text-decoration:none;position:relative}.active-button:after{content:"";background-color:var(--text-primary);width:100%;height:1px;position:absolute;bottom:3px;left:0}}footer{background-color:var(--color-secondary);padding:1rem 0}footer a{text-decoration:underline}footer .icon{width:1.5em;stroke:var(--text-muted)}.footer-content ul{place-items:center;gap:2rem;display:grid}@media (width>=800px){.footer-content ul{grid-template-columns:repeat(4,1fr)}}.loading-screen{place-items:center;display:grid}.loading-screen .spinner{border-width:3px;width:5em;display:inline-block}.index-main{height:100%;padding:clamp(1.5rem,5vw,3rem)}.main-section{gap:4rem;width:100%;display:grid}.log-in-form{background-color:var(--color-secondary);border-radius:1rem;width:min(100%,800px);margin:auto;padding-top:0}.log-in-form-header{border-radius:1rem 1rem 0 0;justify-content:center;width:100%;padding-top:2rem;font-size:.8em;display:flex}.log-in-form-content{gap:1rem;padding:2rem clamp(1.5rem,5vw,3rem);display:grid}.log-in-form-content div{flex-direction:column;gap:1ch;display:flex}.log-in-form-content .buttons-container{flex-direction:row;gap:2rem;margin:auto}.log-in-form-content .buttons-container button{border-radius:.5rem;padding:1rem 2rem;text-decoration:underline}input,select,textarea{border:1px solid var(--text-primary);background-color:#fff;border-radius:5px;padding:4px}.message-list{color:red;padding:0 1rem 1rem;list-style-type:disc}.message-list:empty{display:none}.spinner{aspect-ratio:1;border:2px solid #0000004d;border-top-color:var(--text-primary);border-radius:50%;width:3rem;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.not-found-main{grid-template-rows:1fr 1fr;place-items:center;width:100%;max-width:none;height:100%;margin:3rem 0;display:grid}.not-found-main section{text-align:center}.not-found-main h1{width:fit-content;height:fit-content;font-size:5rem}.not-found-main a{color:var(--text-muted-inverse);background-color:var(--color-accent);border-radius:1rem;margin-top:1.5rem;padding:1rem 2rem;transition:background-color .15s}.not-found-main a:hover{background-color:color-mix(in srgb, var(--color-accent), black 50%)}.not-found-main a:active{transform:scale(.97)}:root[data-theme=dark] .not-found-main a{color:var(--text-muted)}.admin-main{grid-template-columns:1fr;height:100%;margin:0 auto;padding:2rem clamp(1.5rem,5vw,3rem);display:grid}.admin-main h1{max-width:fit-content}.admin-content{padding-top:1rem}@media (width>=992px){.admin-main{grid-template-columns:auto 1fr;gap:4rem}}.start-main{margin:1.5rem 0}.change-week-container{align-items:center;gap:1ch;max-width:clamp(40ch,80%,60ch);display:flex}.change-week-container #week{text-align:center;width:4ch;padding:0}.change-week-container button{background-color:var(--color-secondary);border-radius:1ch;margin-left:1.5ch;padding:1ch 1.5ch}.change-week-container button:hover{transform:scale(1.03)}.change-week-container button:active{transform:scale(1)}.menu-header{max-width:clamp(40ch,80%,60ch)}.menu-header h2{font-size:1.8em}.menu-container{flex-direction:column;gap:2rem;width:fit-content;margin-top:2rem;display:flex}.menu-container h3{margin-bottom:1rem;font-size:1.6em}.menu-container>div{width:100%;position:relative}.dish-container{color:var(--text-muted);gap:.5ch;margin-bottom:2rem;display:grid}@media (width<=991px){.menu-header{margin:auto}.menu-container{align-items:center}}.add-dish-form,.edit-dish-form{gap:1rem;width:100%;padding:1rem 0;display:grid}.add-dish-form div,.edit-dish-form div{flex-direction:column;gap:1ch;display:flex}.add-dish-form input,.add-dish-form select,.add-dish-form textarea,.edit-dish-form input,.edit-dish-form select,.edit-dish-form textarea{border:1px solid var(--text-primary)}.add-dish-form .buttons-container,.edit-dish-form .buttons-container{flex-direction:row;gap:2rem;margin-top:1rem}.add-dish-form .buttons-container button,.edit-dish-form .buttons-container button{background-color:var(--color-secondary);border-radius:.5rem;padding:1rem}.add-dish-form .buttons-container button:hover,.edit-dish-form .buttons-container button:hover{transform:scale(1.05)}.add-dish-form .buttons-container button:active,.edit-dish-form .buttons-container button:active{transform:scale(1)}.add-dish-form .week-input,.edit-dish-form .week-input{flex-direction:column;gap:2rem;margin:1rem 0;display:flex}:is(.add-dish-form .week-input:has(#all-weeks:checked),.edit-dish-form .week-input:has(#all-weeks:checked)){margin:1rem 0}label[for=all-weeks]{cursor:pointer;font-size:1.1em}#all-weeks{margin:0 1ch;transform:scale(1.5)}.week-input:has(#all-weeks:checked) p{display:none}.week-input:has(#all-weeks:checked) .specific-weeks{display:none}select{width:fit-content}textarea{resize:vertical}#price::-webkit-inner-spin-button{opacity:1!important;-webkit-appearance:inner-spin-button!important}#price::-webkit-outer-spin-button{opacity:1!important;-webkit-appearance:inner-spin-button!important}#week::-webkit-inner-spin-button{opacity:1!important;-webkit-appearance:inner-spin-button!important}#week::-webkit-outer-spin-button{opacity:1!important;-webkit-appearance:inner-spin-button!important}.modal{background-color:#000c;place-items:center;padding:clamp(1.5rem,5vw,3rem);display:grid;position:fixed;inset:0;overflow-y:auto}.edit-dish-form{background-color:var(--color-secondary);border-radius:2rem;width:100%;max-width:800px;padding:3rem clamp(1.5rem,5vw,3rem);position:relative}.edit-dish-form .buttons-container{justify-content:center}.edit-dish-form .buttons-container button{background-color:var(--color-primary);padding:1ch 2ch}.edit-dish-form input{max-width:100%}.edit-dish-form .buttons-container .exit-edit-button{background-color:#e94646}.filter-container{flex-direction:column;margin-top:1rem;display:flex}.filter-container label{margin-bottom:.5ch}.filter-container #category-filter{margin-bottom:1rem}.dish-container{background-color:var(--color-secondary);border-radius:1ch;margin:0;padding:1.5rem;position:relative}.dish-container:not(:last-child){margin-bottom:2.5rem}.appetizers-content:empty:before{content:"Det finns inga sparade förrätter";color:#888;font-style:italic}.mains-content:empty:before{content:"Det finns inga sparade huvudrätter";color:#888;font-style:italic}.desserts-content:empty:before{content:"Det finns inga sparade efterrätter";color:#888;font-style:italic}.drinks-content:empty:before{content:"Det finns inga sparade drycker";color:#888;font-style:italic}.buttons-container-edit{gap:2ch;display:flex}.buttons-container-edit .edit-dish-button{color:#d0d0fd;text-decoration:underline}.buttons-container-edit .delete-dish-button{color:red;text-decoration:underline}:root[data-theme=light] .edit-dish-button{color:#241aa5}.top-right-exit{font-size:2em;display:flex;position:absolute;top:1.5rem;right:1.5rem}@media (width<=400px){.modal{padding:0}.edit-dish-form{border-radius:0}}.register-form{gap:1rem;width:100%;padding:1rem 0;display:grid}.register-form div{flex-direction:column;gap:1ch;display:flex}.register-form input{border:1px solid var(--text-primary)}.register-form .buttons-container{flex-direction:row;gap:2rem;margin:auto}.register-form .buttons-container button{background-color:var(--color-secondary);border-radius:.5rem;padding:1rem 2rem}.register-form .buttons-container button:hover{transform:scale(1.05)}.register-form .buttons-container button:active{transform:scale(1)}.edit-users-main{padding:1rem 0}.edit-users-main:empty:before{content:"Det finns inga registrerade användare";color:#888;font-style:italic}.user-container{color:var(--text-muted);background-color:var(--color-secondary);border-radius:1ch;grid-template-columns:1fr auto;gap:.5ch;margin-bottom:2.5rem;padding:1.5rem;display:grid}.user-container .delete-user-button{color:red;grid-area:1/2/4/3;place-self:end start;text-decoration:underline}@media (width<=450px){.user-container{grid-template-columns:1fr}.user-container .delete-user-button{grid-column:unset;grid-row:unset}}