/* bienvenue.css */
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#17352c;color:#1d3c32;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;padding:28px 16px}.hub{width:min(100%,430px);margin:0 auto;background:#f5f4ed;border:1px solid #ffffff38;border-radius:28px;padding:18px;box-shadow:0 22px 65px #091d16a0}.topline{display:flex;justify-content:space-between;gap:8px;padding:1px 3px 14px;color:#718177;font-size:9px;font-weight:700;letter-spacing:.13em}.brand-card{min-height:204px;border-radius:19px;padding:20px;background:#173d32;color:#f6f6eb;display:flex;flex-direction:column;align-items:flex-start}.brand-card img{display:block;object-fit:contain;border-radius:50%;background:#fff}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:700;color:#adc0ad;margin:19px 0 1px}.brand-card h1{font:normal 32px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0}.brand-card>p:last-child{color:#b6cbb7;font-size:12px;margin:4px 0 0}.intro{font-size:12px;color:#76877a;margin:18px 4px 12px}.actions{display:grid;gap:10px}.action{display:flex;align-items:center;gap:13px;width:100%;min-height:78px;background:white;border:1px solid #e7ebe3;border-radius:15px;padding:12px 14px;color:inherit;text-decoration:none}.icon{width:47px;height:47px;display:grid;place-items:center;flex:none;background:#eaf1e9;border-radius:12px;color:#42705b}.icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action-name{flex:1;font-weight:700;font-size:15px}.action-name small{display:block;color:#839389;font-size:11px;font-weight:400;margin-top:2px}.arrow{font-size:19px;color:#618672}.action:hover{border-color:#c6d7c9}.wifi{border:1px solid #e7ebe3;border-radius:15px;background:white;overflow:hidden}.wifi summary{border:0;list-style:none;cursor:pointer}.wifi summary::-webkit-details-marker{display:none}.wifi[open] .arrow{transform:rotate(45deg)}.wifi-info{padding:0 16px 16px 74px;font-size:12px;color:#65786c}.wifi-info p{margin:9px 0}.wifi-info strong{display:block;font-size:14px;color:#173d32;word-break:break-word}.test-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:#9a6d3e}.wifi-info button{font:inherit;font-weight:700;color:#fff;background:#173d32;border:0;border-radius:9px;min-height:44px;padding:10px 14px;cursor:pointer}.status:empty{display:none}.notice{font-size:11px}.unavailable{opacity:.57}.footer-note{font:italic 13px Georgia,serif;color:#819083;text-align:center;margin:26px 0 6px}.footer-note span{color:#9c865c;margin:0 5px}.demo{text-align:center;font-size:10px;color:#819083;margin:10px 0 3px}.action:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ae8953;outline-offset:3px}@media(max-width:360px){body{padding:12px}.hub{padding:14px;border-radius:23px}.brand-card h1{font-size:29px}.wifi-info{padding-left:16px}}

/* codema-demo.css */
/* CODEMA demo: original forest-green palette, selected restaurant image. */
.brand-name{font-family:"Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:.08em}.brand-name>span{font-weight:500;letter-spacing:.15em}
.brand-logo,.footer-logo{background:#000;border-radius:50%;object-fit:contain}
.demo-notice{background:#103e2e;color:#fff}
.hero-image.codema-demo-hero{border-radius:32px;background:#e9eee4;overflow:hidden}
.hero-image.codema-demo-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-image.codema-demo-hero:after,.codema-demo-hero figcaption{display:none}
.hero h1 em{color:inherit}.hero-copy>.eyebrow,.tiny-leaf{color:#173d32}
.codema-demo-cta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #d6dccd;font-size:14px}.codema-demo-cta a{font-weight:700;color:#173d32;text-decoration:underline;text-underline-offset:4px}
.hub .brand-card{background:#123b2d;color:#fff}.hub .brand-card h1{color:#fff}.hub .brand-card>img{background:#000;object-fit:contain}.hub .eyebrow{color:#bed7c5}
.codema-hub{background:#102f23}.codema-hub .hub{background:#f8f6ee}.codema-hub .brand-card>p:last-child{color:#e0ece3}
@media(max-width:640px){.hero-image.codema-demo-hero{border-radius:24px}.codema-demo-cta{flex-direction:column}}

.dialog-sugar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.dialog-sugar select{max-width:65%;background:#f4f6ef;color:#173d32;border:1px solid #b8c6b8;border-radius:12px;padding:12px;font:inherit}

/* arabic.css */
/* Native system fonts keep Arabic legible without a blocking font download. */
[dir=rtl] { --sans:Tahoma,"Segoe UI",Arial,sans-serif; --serif:Tahoma,"Segoe UI",Arial,sans-serif; }
[dir=rtl] body { font-family:var(--sans); }
[dir=rtl] .hero h1 { font-size:clamp(44px,4.8vw,68px);line-height:1.45;letter-spacing:0;font-weight:600; }
[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .closing>p { letter-spacing:0;line-height:1.5; }
[dir=rtl] .eyebrow,[dir=rtl] .results,[dir=rtl] .brand-ribbon span { letter-spacing:0; }
[dir=rtl] .brand-name { direction:ltr;unicode-bidi:isolate; }
[dir=rtl] .brand-name>span { direction:rtl;letter-spacing:0; }
[dir=rtl] .dish { text-align:right; }
[dir=rtl] .dish-card>.dish { padding:14px 14px 14px 66px; }
[dir=rtl] .dish-card>.quick-add { right:auto;left:13px; }
[dir=rtl] .price { direction:ltr;unicode-bidi:isolate; }
[dir=rtl] .price small { margin-left:4px; }
[dir=rtl] .price.pending { direction:rtl;text-align:start; }
[dir=rtl] .categories-wrap { padding-right:0;padding-left:68px; }
[dir=rtl] .categories-wrap.has-more::after { content:'مرر ←';right:auto;left:0;padding-left:0;padding-right:7px; }
[dir=rtl] .menu-heading>p:last-child { text-align:left; }
[dir=rtl] .dialog-close { right:auto;left:12px; }
[dir=rtl] .cart-float,[dir=rtl] .cart-feedback { right:auto;left:18px; }
[dir=rtl] .cart-qty,[dir=rtl] .language-switch { direction:ltr; }
[dir=rtl] .cart-extra-option strong,[dir=rtl] #cart-total,[dir=rtl] #payment-amount { direction:ltr;unicode-bidi:isolate; }
[dir=rtl] .cart-sugar-select { padding-left:30px;padding-right:12px; }
[dir=rtl] .footer-main>p { text-align:left; }
[dir=rtl] .wifi-info { padding-right:74px;padding-left:16px; }
[dir=rtl] .hub .brand-card h1 { font-family:"Segoe UI",Arial,sans-serif; }
[dir=rtl] .hub .topline { letter-spacing:0; }
.hub-languages { display:flex;justify-content:flex-end;margin-bottom:14px; }
.hub .language-switch { display:flex;gap:3px;padding:3px;border:1px solid #d6ddd2;border-radius:24px;direction:ltr; }
.hub .language-switch button { min-width:38px;min-height:38px;padding:0 7px;border:0;border-radius:20px;background:transparent;color:#173d32;font:600 12px system-ui;cursor:pointer; }
.hub .language-switch button[aria-pressed=true] { background:#173d32;color:white; }
@media(max-width:640px) {
  .header .header-nav .nav-menu { display:none!important; }
  .header-nav { flex-shrink:0; }
  .header { gap:12px; }
  [dir=rtl] .hero h1 { font-size:clamp(35px,9vw,46px); }
  [dir=rtl] .dish-card>.dish { padding:11px 11px 11px 58px; }
  [dir=rtl] .dish-card>.quick-add { left:10px; }
  [dir=rtl] .menu-heading>p:last-child { text-align:right; }
  [dir=rtl] .menu-heading h2 { font-size:32px; }
  [dir=rtl] .category-heading h3 { font-size:26px; }
  [dir=rtl] .brand-name { font-size:12px; }
  [dir=rtl] .brand-name>span { font-size:8px; }
  [dir=rtl] .hero-intro { line-height:1.8; }
}
@media(max-width:360px) {
  [dir=rtl] .brand-name { font-size:11px; }
  [dir=rtl] .wifi-info { padding-right:16px; }
  .search-row { flex-wrap:wrap; }
  .search-row .search { flex-basis:100%; }
}

/* menu-polish.css */
/* Single language control, clearer small text, and keyboard-friendly controls. */
.hero-note,.dish-meta,.menu-heading>.eyebrow { color:#536c5b; }
.results { color:#536c5b; }
.search input::placeholder,.cart-note-input::placeholder { color:#5f7265;opacity:1; }
.payment-cards small { color:#536c5b; }
.section-number { color:#7b6039; }
.quick-add.added { animation:none; }
dialog:not([open]) { display:none; }
[lang=en] .categories-wrap.has-more::after { content:'Swipe →'; }
.cart-qty button:focus-visible,.cart-sugar-select:focus-visible,
.cart-note-input:focus-visible { outline:3px solid #71572e;outline-offset:3px; }
.hub .intro,.hub .topline,.hub .action-name small,
.hub .footer-note,.hub .demo { color:#52685a; }
.hub .footer-note [data-hub] { color:inherit;margin:0; }
[dir=rtl] .hero h1 em { font-style:normal; }
@media(max-width:420px) {
  /* The header now has just one compact menu link. */
  .header .header-nav .nav-menu { display:flex!important;padding-inline:12px;gap:8px;font-size:12px; }
}
