body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--background-color);color:#343a40;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#f8f9fa;--text-color:#343a40;--text-color-light:#6c757d;--primary-color:#4a4a4a;--primary-color-rgb:74,74,74;--secondary-color:#adb5bd;--border-color:#dee2e6;--card-background:#fff;--card-shadow:0 2px 4px #0000000d;--box-shadow:0 1px 3px #00000014;--box-shadow-hover:0 4px 8px #0000001f;--input-background:#fff;--button-text-color:#f8f9fa}[data-theme=dark]{--background-color:#1a1a1a;--text-color:#f8f9fa;--text-color-light:#adb5bd;--primary-color:#dee2e6;--primary-color-rgb:222,226,230;--secondary-color:#495057;--border-color:#495057;--card-background:#2c2c2c;--card-shadow:0 2px 4px #0006;--box-shadow:0 1px 3px #0000004d;--box-shadow-hover:0 4px 8px #00000080;--input-background:#495057;--button-text-color:#343a40}#root{display:flex;flex-direction:column;min-height:100vh}header{background-color:#ff8c00;color:#fff;padding:1rem 2rem;text-align:center}.header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.logo-and-title-container{align-items:center;display:flex;gap:10px}.cafe-logo{height:40px;width:auto}header h1{font-size:2.5rem;margin:0}header nav ul{display:flex;justify-content:center;list-style:none;margin-top:.5rem;padding:0}header nav ul li{margin:0 1rem}header nav ul li .nav-link{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:.5rem 0;text-decoration:none;transition:color .3s ease,border-bottom .3s ease}header nav ul li .nav-link:hover{color:#f0f0f0}header nav ul li .nav-link.active{border-bottom:2px solid gold;color:#fff}main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem}section{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--card-shadow);margin-bottom:2rem;padding:2rem}section h2{color:#4a4a4a;color:var(--primary-color);margin-bottom:1.5rem;margin-top:0;text-align:center}#overview .overview-image{border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:var(--box-shadow);display:block;height:auto;margin:0 auto 1.5rem;max-width:100%}#overview p{font-size:1.1rem;margin-bottom:1.5rem;text-align:center}#overview h3{color:#4a4a4a;color:var(--primary-color);margin-top:2rem;text-align:center}#overview ul{display:flex;gap:1.5rem;justify-content:center;list-style:none;padding:0}#overview ul li a{color:#4a4a4a;color:var(--primary-color);font-size:1.1rem;text-decoration:none}#overview .overview-social-links a{align-items:center;color:#4a4a4a;color:var(--primary-color);display:inline-flex;justify-content:center;margin-right:10px}#overview ul li a:hover{text-decoration:underline}#menu ul{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;padding:0}#menu ul li{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 1px 3px #00000014;box-shadow:var(--box-shadow);padding:1.5rem;text-align:center}#menu ul li h3{color:#4a4a4a;color:var(--primary-color);margin-bottom:.5rem;margin-top:0}#menu ul li p{margin:.5rem 0}#contact p{margin-bottom:1rem;text-align:center}#contact h3{color:#4a4a4a;color:var(--primary-color);margin-top:2rem;text-align:center}#contact div{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;margin-top:1.5rem;overflow:hidden}@media (max-width:768px){.header-content{gap:.5rem;justify-content:space-between}header h1{font-size:2rem}header nav ul{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}header nav ul li{margin:0}main{padding:1rem}section{padding:1.5rem}#menu ul{grid-template-columns:1fr}}footer{background-color:#fff;background-color:var(--card-background);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);color:#343a40;color:var(--text-color);margin-top:2rem;padding:1.5rem 2rem;text-align:center}footer .social-links{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}footer .social-links a{color:#4a4a4a;color:var(--primary-color);font-size:1.5rem;transition:color .3s ease}footer .social-links a:hover{color:#6c757d;color:var(--text-color-light)}@media (max-width:480px){header h1{font-size:1.8rem}header nav ul li{margin:0 .5rem}section{padding:1rem}}.theme-toggle{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 2px 5px var(--card-shadow);color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:all .3s ease;width:30px;z-index:1000}.theme-toggle svg{stroke:var(--text-color);height:18px;width:18px}.theme-toggle:hover{background-color:var(--background-color);border-color:var(--primary-color);box-shadow:0 4px 8px var(--card-shadow)}.menu-category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:2rem}.menu-category-tabs button{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:25px;box-shadow:var(--box-shadow);color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1rem;transition:all .3s ease}.menu-category-tabs button:hover{box-shadow:var(--box-shadow-hover)}.menu-category-tabs button.active,.menu-category-tabs button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--button-text-color)}.menu-category-tabs button.active{box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.4);font-weight:700;transform:scale(1.05)}.menu-search-bar{margin-bottom:2rem;text-align:center}.menu-search-bar input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:25px;color:var(--text-color);font-size:1rem;max-width:500px;padding:.8rem 1rem;transition:all .3s ease;width:80%}.menu-search-bar input::placeholder{color:var(--text-color-light)}.menu-search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-color-rgb),.3);outline:none}.menu-content{background-color:var(--card-background);border-radius:10px;box-shadow:var(--card-shadow);padding:2rem}.menu-content h3{border-bottom:2px solid var(--border-color);color:var(--primary-color);font-size:2.2rem;margin-bottom:1.5rem;padding-bottom:.8rem;text-align:center}.menu-items-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;padding:0}.menu-item{background-color:var(--card-background);border-radius:10px;box-shadow:0 4px 10px var(--card-shadow);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease}.menu-item:hover{box-shadow:0 8px 20px var(--card-shadow);transform:translateY(-7px)}.menu-item h4{color:var(--primary-color);font-size:1.6rem;font-weight:600;margin-bottom:.8rem;margin-top:0}.menu-item p{color:var(--text-color);font-size:1rem;line-height:1.5;margin:.5rem 0}.menu-item-image{border-radius:8px;height:180px;margin-bottom:1rem;object-fit:cover;width:100%}@media (max-width:768px){.menu-search-bar input{width:90%}.menu-content{padding:1.5rem}.menu-content h3{font-size:1.8rem}.menu-items-list{grid-template-columns:1fr}.menu-item{padding:1.5rem}.menu-item h4{font-size:1.4rem}.menu-item p{font-size:.95rem}}@media (max-width:480px){.menu-content{padding:1rem}.menu-content h3{font-size:1.6rem}.menu-item{padding:1rem}.menu-item h4{font-size:1.2rem}.menu-item p{font-size:.9rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f2cceed5.css.map*/