@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";
:root{--maroon:#541d27;--maroon2:#6c2631;--cream:#fff7f0;--paper:#fffaf5;--ink:#3b2428;--muted:#76696a;--line:#e6c9bc;--gold:#c99b84}*{box-sizing:border-box}html,body{background:var(--maroon);color:var(--ink);margin:0;padding:0;font-family:DM Sans,Arial,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #d5a797}.landing{background:var(--maroon);justify-content:center;align-items:center;min-height:100svh;padding:18px;display:flex;position:relative;overflow:hidden}.landing-overlay{pointer-events:none;background:radial-gradient(circle at 50% 20%,#7a313d55,#0000 45%);position:absolute;inset:0}.landing-content{z-index:1;flex-direction:column;align-items:center;gap:18px;width:min(100%,560px);display:flex;position:relative}.brand-pill{color:#e6c7b9;flex-direction:column;align-items:center;gap:2px;display:flex}.brand-pill img{object-fit:contain;width:min(270px,68vw);height:auto}.brand-pill span{letter-spacing:5px;opacity:.9;font-size:11px;font-weight:700}.hero-card{background:#6a2933;border:1px solid #e8cfc4;width:100%;height:min(68svh,660px);min-height:500px;padding:6px;position:relative;overflow:hidden;box-shadow:0 22px 70px #0005}.hero-card:before{content:"";z-index:2;pointer-events:none;border:1px solid #ead4ca;position:absolute;inset:12px}.hero-image{object-fit:contain;object-position:center;z-index:0;background:#000;width:calc(100% - 12px);height:calc(100% - 12px);display:block;position:absolute;inset:6px}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 28%,#2e111855 62%,#2e1118df 100%);position:absolute;inset:0}.hero-copy{z-index:3;text-align:center;color:#fff;position:absolute;bottom:30px;left:24px;right:24px}.hero-copy p{letter-spacing:3px;text-transform:uppercase;color:#f0d8ce;margin:0 0 10px;font-size:12px}.hero-copy h1{margin:0 0 18px;font-family:Playfair Display,serif;font-size:36px;font-weight:600}.language-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.language-btn{color:var(--maroon);cursor:pointer;background:#fff8f3;border:1px solid #f0d7cd;border-radius:10px;padding:14px 10px;font-weight:700;transition:transform .2s,opacity .2s}.language-btn.primary{background:var(--maroon2);color:#fff;border-color:#d9a99b}.language-btn:hover{transform:translateY(-2px)}.landing-footer{color:#dfc0b5;margin:0;font-family:Playfair Display,serif;font-size:17px}.menu-page{background:linear-gradient(#fffaf7,#fff7f0);min-height:100svh;padding-bottom:30px}.menu-header{background:var(--maroon);color:#e6c7b9;z-index:20;position:sticky;top:0;box-shadow:0 4px 18px #35101822}.header-inner{justify-content:space-between;align-items:center;gap:15px;width:min(100% - 28px,900px);min-height:82px;margin:auto;display:flex}.header-inner img{width:170px;height:auto}.header-right{align-items:center;gap:12px;display:flex}.header-right>span{letter-spacing:3px;font-size:10px;font-weight:700}.change-language{color:#f3ded6;cursor:pointer;background:0 0;border:1px solid #d9a99b55;border-radius:999px;padding:8px 12px;font-size:11px}.menu-intro{text-align:center;padding:34px 18px 18px}.intro-line{background:var(--line);width:130px;height:1px;margin:0 auto 13px;position:relative}.intro-line:after{content:"";background:#c98f7c;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.menu-intro h1{text-transform:uppercase;letter-spacing:4px;color:var(--maroon);margin:0;font-family:Playfair Display,serif;font-size:35px}.rtl .menu-intro h1{letter-spacing:0;text-transform:none;font-family:Noto Naskh Arabic,serif;font-size:38px}.menu-intro p{color:var(--muted);letter-spacing:2px;margin:6px 0 0;font-size:12px}.rtl .menu-intro p{letter-spacing:0;font-family:Noto Naskh Arabic,serif;font-size:14px}.category-scroll{scrollbar-width:none;gap:8px;width:min(100% - 22px,900px);margin:0 auto 18px;padding:4px 2px 10px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-btn{color:#624c4e;cursor:pointer;white-space:nowrap;background:#fffdfa;border:1px solid #e4cbc0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 13px;display:flex;box-shadow:0 2px 8px #5a1d2710}.category-btn span{font-size:16px}.category-btn b{font-size:12px;font-weight:600}.category-btn.active{background:var(--maroon);border-color:var(--maroon);color:#fff}.items-section{width:min(100% - 22px,900px);margin:auto}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.item-card{background:#fff;border:1px solid #eadbd4;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 7px 22px #5a1d2710}.item-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #5a1d2725}.item-image-wrap{aspect-ratio:1;background:#eee4df;position:relative;overflow:hidden}.item-image{object-fit:cover;transition:transform .4s}.item-card:hover .item-image{transform:scale(1.05)}.image-placeholder{background:#f3e8e1;place-items:center;height:100%;font-size:54px;display:grid}.item-body{padding:13px 13px 16px}.item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.item-top h2{color:var(--maroon);flex:1;margin:0;font-family:Playfair Display,serif;font-size:18px;line-height:1.12}.rtl .item-top h2{font-family:Noto Naskh Arabic,serif;font-size:20px}.price{white-space:nowrap;color:var(--maroon);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.price small{letter-spacing:.5px;font-family:DM Sans,sans-serif;font-size:9px}.rtl .price{font-family:DM Sans,sans-serif}.item-body p{color:#75696a;margin:8px 0 0;font-size:11px;line-height:1.55}.rtl .item-body p{font-family:Noto Naskh Arabic,serif;font-size:13px;line-height:1.6}.coming-soon{text-align:center;background:#fffdfa;border:1px dashed #dfc7bc;border-radius:18px;place-items:center;min-height:280px;padding:30px;display:grid}.coming-soon span{font-size:40px}.coming-soon h2{color:var(--maroon);margin:5px 0 0;font-family:Playfair Display,serif}.coming-soon p{color:var(--muted);margin:0;font-size:13px}.rtl .coming-soon h2,.rtl .coming-soon p{font-family:Noto Naskh Arabic,serif}.menu-footer{text-align:center;color:#9b7d78;letter-spacing:2px;flex-direction:column;align-items:center;gap:3px;padding:35px 12px 10px;font-size:11px;display:flex}.menu-footer strong{color:var(--maroon);font-family:Playfair Display,serif;font-size:17px;font-weight:600}.menu-footer span{letter-spacing:2px;font-size:11px}.rtl .menu-footer{letter-spacing:0;font-family:Noto Naskh Arabic,serif}.rtl .menu-footer span{letter-spacing:0;font-family:Noto Naskh Arabic,serif;font-size:13px}@media (max-width:520px){.landing{padding:12px}.landing-content{gap:14px}.brand-pill img{width:min(240px,65vw)}.brand-pill span{letter-spacing:4px;font-size:10px}.hero-card{border-radius:0;height:69svh;min-height:510px;padding:5px}.hero-card:before{inset:10px}.hero-image{object-fit:contain;object-position:center;width:calc(100% - 10px);height:calc(100% - 10px);inset:5px}.hero-copy{bottom:24px;left:18px;right:18px}.hero-copy p{letter-spacing:2px;margin-bottom:7px;font-size:10px}.hero-copy h1{margin-bottom:16px;font-size:31px}.language-btn{padding:13px 8px;font-size:13px}.items-grid{grid-template-columns:1fr 1fr;gap:10px}.item-body{padding:11px}.item-top h2{font-size:16px}.rtl .item-top h2{font-size:18px}.item-body p{font-size:10px}.rtl .item-body p{font-size:12px}.price{font-size:18px}.header-right>span{display:none}}@media (min-width:760px){.hero-card{height:600px}.items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-scroll{justify-content:center}.menu-intro{padding-top:42px}}.brand-pill{cursor:pointer;background:0 0;border:none;padding:0}.header-logo-button{cursor:pointer;background:0 0;border:none;align-items:center;margin:0;padding:0;display:flex}.header-logo-button img{display:block}.hero-brand{color:#fff;margin:0 0 10px;font-family:Playfair Display,serif;font-size:30px;font-weight:600;line-height:1}.cart-floating{z-index:40;background:var(--maroon);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px 18px;font-weight:700;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #35101835}.cart-count{background:#e8b29f;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;margin-inline-start:8px;font-size:11px;display:inline-flex}.cart-overlay{z-index:50;background:#1f0d1090;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-panel{background:var(--paper);width:min(100%,480px);height:100%;padding:22px;overflow:auto;box-shadow:-10px 0 40px #0003}.cart-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.cart-head h2{color:var(--maroon);margin:0;font-family:Playfair Display,serif}.cart-close{color:var(--maroon);cursor:pointer;background:#f1e3dc;border:0;border-radius:50%;width:38px;height:38px}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:82px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.cart-item img{object-fit:cover;border-radius:12px;width:82px;height:82px}.cart-item h3{color:var(--maroon);margin:0;font-size:16px}.cart-item p{color:var(--muted);margin:4px 0;font-size:12px}.qty{align-items:center;gap:8px;margin-top:8px;display:flex}.qty button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:28px;height:28px}.cart-item-total{color:var(--maroon);white-space:nowrap;font-weight:700}.cart-summary{padding-top:18px}.cart-total{color:var(--maroon);justify-content:space-between;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.checkout-btn,.pay-btn{background:var(--maroon);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:15px;font-weight:700}.checkout-form{gap:10px;display:grid}.checkout-form input,.checkout-form select,.checkout-form textarea,.admin-login input{width:100%;font:inherit;background:#fff;border:1px solid #dfc9c0;border-radius:10px;padding:12px}.checkout-form textarea{resize:vertical;min-height:80px}.checkout-back{color:var(--maroon);cursor:pointer;text-align:start;background:0 0;border:0;padding:0 0 12px}.empty-cart{text-align:center;color:var(--muted);padding:70px 10px}.cart-note{color:var(--muted);margin-top:10px;font-size:11px}.add-cart{border:1px solid var(--maroon);background:var(--maroon);color:#fff;cursor:pointer;border-radius:9px;width:100%;margin-top:12px;padding:10px;font-weight:700;transition:all .2s}.add-cart:hover{opacity:.92;transform:translateY(-1px)}.rtl .cart-panel,.rtl .checkout-back{text-align:right}.payment-method-section{margin:18px 0}.payment-method-title{margin:0 0 10px;font-weight:700}.payment-option{cursor:pointer;border:1px solid #0000001f;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:13px 14px;transition:all .2s;display:flex}.payment-option input{accent-color:#bd9872;flex:0 0 18px!important;width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;padding:0!important}.payment-option.selected{background:#bd987214;border-color:#bd9872}.admin-page{color:#3b2428;background:#f7f1ed;min-height:100svh;font-family:DM Sans,Arial,sans-serif}.admin-shell{width:min(1100px,100% - 28px);margin:auto;padding:30px 0}.admin-login{background:#fff;border:1px solid #eadbd4;border-radius:18px;gap:12px;width:min(420px,100% - 28px);margin:12vh auto;padding:28px;display:grid;box-shadow:0 15px 50px #541d2714}.admin-login h1{color:var(--maroon);margin:0;font-family:Playfair Display,serif}.admin-login p{color:var(--muted);margin:0 0 8px}.admin-login button,.admin-head button,.order-bottom button{background:var(--maroon);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 15px}.admin-login span{color:#b23a3a;font-size:13px}.admin-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-head h1{color:var(--maroon);margin:0;font-family:Playfair Display,serif}.admin-head p{color:var(--muted);margin:4px 0 0}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stats>div{background:#fff;border:1px solid #eadbd4;border-radius:14px;padding:18px}.stats span{color:var(--muted);font-size:12px;display:block}.stats strong{color:var(--maroon);margin-top:5px;font-size:23px;display:block}.orders-list h2{color:var(--maroon);font-family:Playfair Display,serif}.order-card{background:#fff;border:1px solid #eadbd4;border-radius:16px;margin-bottom:14px;padding:18px;box-shadow:0 5px 20px #541d2710}.order-top,.order-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-top>div{gap:3px;display:grid}.order-top span,.order-customer span{color:var(--muted);font-size:12px}.order-customer{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.order-items{border-top:1px solid #eee0da;border-bottom:1px solid #eee0da}.admin-item{grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.admin-item img{object-fit:cover;border-radius:8px;width:48px;height:48px}.admin-item span{font-size:13px}.order-notes{color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #dfc9c0;border-radius:16px;padding:40px}.section-heading-row,.history-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-heading-row h2,.history-header h2{margin-bottom:4px}.section-subtitle{color:#8a7476;margin:0;font-size:13px}.history-toggle{color:#5d1d2a;cursor:pointer;background:#fff;border:1px solid #d8bbb3;border-radius:8px;height:38px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s}.history-toggle:hover{color:#fff;background:#5d1d2a}.history-section{margin-top:35px;padding-top:10px}.history-filter{align-items:center;gap:10px;display:flex}.history-filter label{color:#5d4548;font-size:13px;font-weight:700}.history-filter input{color:#3b2428;cursor:pointer;background:#fff;border:1px solid #d8bbb3;border-radius:8px;height:38px;padding:0 11px;font-size:13px}.history-date-title{color:#5d1d2a;background:#faf4f1;border-radius:8px;margin:0 0 18px;padding:10px 13px;font-size:13px;font-weight:700}.order-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.order-statuses{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.status-group{align-items:center;gap:8px;display:flex}.status-title{color:#4a3538;white-space:nowrap;font-size:12px;font-weight:500}.status-divider{color:#d9c8c3;font-size:18px;line-height:1}.order-status-badge,.payment-status-badge{white-space:nowrap;border:1px solid;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:29px;padding:5px 10px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.status-icon{font-size:13px;font-weight:800;line-height:1}.status-new{color:#d99316;background:#fff9e9}.status-confirmed{color:#3679bd;background:#eef6ff}.status-preparing{color:#d66b22;background:#fff3e8}.status-ready{color:#8062b8;background:#f5f0ff}.status-completed{color:#39864e;background:#eef9f0}.status-cancelled{color:#c44444;background:#fff0f0}.payment-status-badge.paid{color:#39864e;background:#eef9f0}.payment-status-badge.unpaid{color:#c05b32;background:#fff3ed}.payment-status-badge.pending{color:#d27a20;background:#fff8ed}.order-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.order-controls select{color:#3b2428;cursor:pointer;background:#fff;border:1px solid #dfc9c0;border-radius:7px;min-width:105px;height:32px;padding:5px 9px;font-size:12px}.order-controls button{cursor:pointer;border:0;border-radius:8px;height:32px;padding:0 13px;font-size:12px;font-weight:700}.cash-paid-btn{color:#fff!important;background:#39864e!important}.cash-paid-btn:hover{background:#2f713f!important}.print-btn{color:#fff!important;background:#5d1d2a!important}.print-btn:hover{opacity:.9}.admin-error{color:#a33b3b;background:#fff0f0;border:1px solid #e7b7b7;border-radius:10px;margin-bottom:18px;padding:11px 14px;font-size:13px}.admin-loading{text-align:center;color:var(--muted);padding:60px 0}@media (max-width:1000px){.order-bottom{flex-direction:column;align-items:flex-start}.order-statuses{width:100%}.order-controls{justify-content:flex-start;width:100%;margin-left:0}}@media (max-width:900px){.section-heading-row,.history-header{flex-direction:column;align-items:flex-start}.history-filter{width:100%}.history-filter input{flex:1}}@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}.order-statuses{flex-direction:column;align-items:flex-start;gap:10px}.status-divider{display:none}.status-group{flex-wrap:wrap}.order-controls{grid-template-columns:1fr;width:100%;display:grid}.order-controls select,.order-controls button{width:100%}}@media (max-width:680px){.cart-panel{padding:18px}.cart-item{grid-template-columns:70px 1fr}.cart-item-total{grid-column:2}.cart-item img{width:70px;height:70px}.admin-shell{padding-top:20px}}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.printing-order .order-card.print-target,.printing-order .order-card.print-target *{visibility:visible!important}.printing-order .order-card.print-target{width:100%!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:20px!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.printing-order .order-card.print-hidden,.printing-order .order-controls{visibility:hidden!important;display:none!important}.printing-order .admin-head,.printing-order .stats,.printing-order .section-heading-row,.printing-order .history-header,.printing-order .history-filter,.printing-order .history-date-title,.printing-order .history-toggle,.printing-order .admin-error{display:none!important}.printing-order .history-section{visibility:visible!important;display:block!important}.printing-order .admin-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.printing-order .orders-list{width:100%!important;margin:0!important;padding:0!important}.printing-order .order-card.print-target img,.printing-order .order-status-badge,.printing-order .payment-status-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.printing-order .order-statuses,.printing-order .order-bottom{visibility:visible!important;display:flex!important}.printing-order .order-bottom .order-controls{display:none!important}@page{margin:10mm}}
