*{box-sizing:border-box;margin:0;padding:0;font-family:Tajawal;font-size:12px}body,#root{text-align:left;direction:ltr}.wrapper{flex-direction:column;min-height:100svh;display:flex;position:relative}body::-webkit-scrollbar{display:none}.hero-section{z-index:10;background-color:#fff;position:sticky;top:0}.hero{width:calc(100vw - 50px);height:15vh;margin-left:25px}.theme-button{z-index:10000;border:2px solid #ffb93d;border-radius:2px;width:50px;height:50px;margin:10px;position:fixed;top:0;left:16px}.navigation{justify-content:space-between;align-items:top;scrollbar-width:none;height:130px;margin-top:20px;margin-left:20px;display:flex;overflow-x:auto}.navigation::-webkit-scrollbar{display:none}.nav-button{background-color:#fff;border:2px solid #ffb93d;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;min-width:70px;max-height:90px;margin:5px;padding:16px;font-size:1rem;font-weight:700;display:flex}.nav-button.active{color:#fff;background-color:#ffb93d;transform:scale(1.1)}.divider{background-color:#ffb93d;width:50%;height:2px;margin:0 auto;position:relative;bottom:0}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card{direction:rtl;background-color:#fff;border:3px solid #ffb93d;border-radius:16px;width:85%;max-width:350px;max-height:80vh;padding:16px;font-weight:700;overflow-y:auto}.modal-card img{border-radius:8px;width:100%;height:auto}.menu-element{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.menu-img{border:3px solid #ffb93d;width:150px;height:auto;margin:20px 0 0 3.5vw}.menu-desc{direction:rtl;background-color:#fff;border:2px solid #ffb93d;border-radius:20px;justify-content:center;align-items:center;width:140px;padding:10px;font-weight:700;display:flex}.menu-name{direction:rtl;background-color:#ffb93d;border-radius:25px 0 0 25px;flex-flow:column wrap;justify-content:space-between;align-items:center;min-width:100px;max-width:100px;margin:25px 0;padding:10px;font-size:1.5rem;font-weight:900;display:flex}.menu-price{font-weight:800;bottom:0}.main-info{background-image:url(/wrapper-background.png);background-repeat:repeat;background-size:auto;flex-grow:1;margin-bottom:5vh;padding-bottom:4vh}.appetizers-wrapper{flex-wrap:wrap;place-content:flex-start center;align-items:flex-start;gap:1rem;margin-top:20px;display:flex}.menu-headbar{text-align:center;background-color:#ffb93d;border-top:1px dotted #000;border-bottom:1px dotted #000;width:100%;font-size:3rem;font-weight:900;position:relative;top:10px}.menu-status{text-align:center;color:#4b2f00;padding:24px 16px;font-size:1.1rem;font-weight:700}.appetizers{text-align:center;background-color:#ffb93d;border-radius:16px;width:30%;padding:5px;font-size:1.6rem}.numbers{background-color:#fff;border-radius:16px;width:80px;padding:10px;position:absolute;bottom:100%;right:0;box-shadow:0 4px 20px #0003}.numbers a{color:#000;padding:8px;font-family:Tajawal,sans-serif;text-decoration:none;display:block}.phone-wrap{position:relative}footer{background-color:#ffb93d;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;width:100%;height:10vh;padding-bottom:3vh;display:flex;position:fixed;bottom:0;left:0}.footer-button{border:none;width:75px;height:75px}.insta-button{background:url(/instagram.png) 0 0/cover no-repeat}.footer-button:nth-child(2){background:url(/facebook.png) 0 0/cover no-repeat}.footer-button:nth-child(3){color:#f5f5f5;background-color:#010b19;border-radius:15px 15px 0 0;width:120px;height:30px;padding:2px;position:absolute;bottom:0;left:calc(50% - 45px)}.footer-button:nth-child(4){background:url(/maps.png) 0 0/cover no-repeat;width:50px;height:50px;padding:4px}.phone-button{background:url(/phone.png) 0 0/cover no-repeat}@media (height<=760px){.navigation{height:100px;padding-bottom:8px}}@media (width<=410px){.menu-img{margin:5px}.menu-desc{width:130px;margin:20px 0;padding:7px;font-size:.7rem}.menu-name{min-width:30px;max-width:70px;height:auto;margin:20px 0;font-size:1rem}.main-info{background-repeat:repeat;background-size:auto}}.admin-page{text-align:right;direction:rtl;background:linear-gradient(135deg,#fff7e6,#ffe7b3);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-card{text-align:right;direction:rtl;background:#fffdf8;border:1px solid #ffd98c;border-radius:24px;width:min(100%,860px);padding:24px;box-shadow:0 16px 40px #0000001f}.admin-card h1,.admin-card h2{color:#7a4a00;margin-bottom:8px}.admin-card p{color:#7d5a20;margin-bottom:18px}.admin-form{flex-direction:column;gap:12px;display:flex}.admin-form input,.admin-form textarea,.admin-form select{background:#fffef9;border:1px solid #fc6;border-radius:12px;padding:10px 12px;font-size:1rem}.admin-form button,.admin-link-button,.admin-actions button,.item-list button{color:#2d1800;cursor:pointer;background:linear-gradient(135deg,#ffb93d,#ff9f00);border:none;border-radius:999px;padding:10px 16px;font-weight:800;text-decoration:none;box-shadow:0 8px 16px #ffa60033}.admin-form button:disabled{opacity:.7;cursor:wait}.admin-error{color:#b42318;margin-top:12px;font-weight:700}.admin-success{color:#067647;margin-top:12px;font-weight:700}.admin-dashboard,.admin-items-page{flex-direction:column;gap:18px;display:flex}.admin-page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:linear-gradient(135deg,#fff8e8,#fff2d0);border:1px solid #ffe0a3;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.item-list{flex-direction:column;gap:10px;list-style:none;display:flex}.item-list li{background:#fff9eb;border:1px solid #ffe0a3;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.danger-button{color:#fff!important;background:linear-gradient(135deg,#d64545,#b42318)!important}.admin-form-grid label{color:#6a4500;flex-direction:column;gap:6px;font-weight:700;display:flex}@media (width<=640px){.admin-page-header{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}}