@import url("brand.css");
@import url("menu-ui.css");
@import url("luxury-menu.css");

body { background-color: var(--brand-bg); color: var(--brand-text); font-family:Tahoma,"Segoe UI",sans-serif; }
[data-restaurant-brand] { display:flex; align-items:center; gap:12px; min-width:0; text-decoration:none; color:inherit; }
[data-restaurant-brand] .brand-copy { display:grid; gap:5px; min-width:0; }
[data-restaurant-brand] .brand-name { font:700 20px/1.5 Tahoma,"Segoe UI",sans-serif; letter-spacing:0; margin:0; overflow-wrap:anywhere; color:inherit; }
[data-restaurant-brand] .brand-english { font:400 12px/1.4 "Segoe UI",sans-serif; letter-spacing:1px; margin:0; color:inherit; opacity:.78; }
[data-restaurant-brand] .brand-logo { width:var(--brand-logo-size); height:var(--brand-logo-size); object-fit:contain; flex-shrink:0; }
.owner-sidebar,.cashier-sidebar,.owner-quick-links { background:var(--brand-charcoal); }
.owner-sidebar-brand { padding-inline:0; }
.owner-sidebar-brand[data-restaurant-brand] { flex-wrap:wrap; }
.owner-sidebar-brand .brand-copy { color:var(--brand-surface); }
.cashier-sidebar [data-restaurant-brand] { flex-wrap:wrap; }
.auth-brand .brand-name { font-size:24px; }
.brand-credit { font-size:11px; text-align:center; color:var(--brand-muted); margin:24px 0 0; }
.auth-card .brand-credit { font-size:11px; }
.pos-panel > .admin-menu-link { display:inline-block; margin-inline-end:14px; margin-block:6px; }
.brand-home { min-height:100vh; display:flex; flex-direction:column; }
.brand-home header { position:static; background:var(--brand-surface); border-bottom:1px solid var(--brand-border); padding:24px max(24px,6vw); }
.brand-home main { flex:1; display:grid; place-items:center; padding:64px 24px; }
.brand-hero { text-align:center; width:min(680px,100%); }
.brand-hero h1 { font-size:clamp(30px,6vw,56px); margin:0 0 12px; line-height:1.5; }
.brand-hero .hero-english { direction:ltr; color:var(--brand-muted); font-size:20px; letter-spacing:2px; }
.brand-hero p { line-height:1.8; }
.brand-hero .brand-cta { display:inline-block; background:var(--brand-primary); color:white; padding:16px 36px; border-radius:12px; font-weight:700; text-decoration:none; margin-top:20px; }
.brand-hero .brand-cta:hover { background:var(--brand-primary-dark); }
.brand-home footer { padding:24px; border-top:1px solid var(--brand-border); background:var(--brand-surface); }
.brand-home footer p { margin:0; }
.navbar { gap:16px; }
.navbar > .logo { min-width:0; }
.restaurant-background .background-slogan { display:none; }
/* Existing developer artwork is not a restaurant/product identity. Keep its stored data intact. */
img[src$="1789559037256-v0lejnkx.png"] { display:none!important; }
:focus-visible { outline:3px solid var(--brand-primary-dark); outline-offset:3px; }
@media(max-width:600px) {
    .navbar { flex-wrap:wrap; }
    .navbar [data-restaurant-brand] .brand-name { font-size:18px; }
    .navbar [data-restaurant-brand] .brand-logo { width:var(--brand-logo-size-mobile); height:var(--brand-logo-size-mobile); }
    .owner-dashboard-topbar { gap:12px; flex-wrap:wrap; height:auto; padding-block:18px; }
    .owner-dashboard-topbar h1 { font-size:23px; }
}
@media print {
    [data-restaurant-brand] { color:#000!important; }
    .brand-logo { filter:grayscale(1); max-width:45mm; }
    .brand-credit { display:none; }
}