/* Tenant values live in restaurants.js. Components consume these shared tokens. */
:root{--font-body:Arial,sans-serif;--font-heading:Arial,sans-serif;--font-ui:Arial,sans-serif}
body{background:var(--brand-background);color:var(--brand-text);font-family:var(--font-body)}
.brand span,.dish-title h3,.portal-category-banner h3,.restaurant-choice b{font-family:var(--font-heading)}
.brand em{font-family:var(--font-body);color:var(--brand-muted)}
.restaurant-choice{font-family:var(--font-body);background:var(--brand-surface);border-color:var(--brand-border)}
.restaurant-choice:hover{background:var(--brand-raised);border-color:var(--brand-accent)}
.restaurant-choice b{color:var(--brand-text)}
.restaurant-choice .restaurant-description,.restaurant-choice .restaurant-detail{color:var(--brand-muted)}
.restaurant-choice:focus-visible{outline-color:var(--brand-accent-soft)}
:is(button,input,select,textarea):focus-visible{outline-color:var(--brand-accent-soft)}

/* Plain selectors also work in older SUNMI Android WebViews without :is(). */
.manager-app .manager-order-tile,
.manager-app .tile-number,
.manager-app .tile-customer b,
.manager-app .tile-total,
.manager-app .tile-items div,
.manager-app .tile-items div b,
.manager-app .tile-actions select,
.manager-app .manager-login label,
.manager-app .manager-login input,
.manager-app .settings-card input,
.manager-app .hours-group input{color:var(--brand-text)}
html[data-brand="chinczyk-classic"] .manager-app .tile-ready-time,
html[data-brand="ramen"] .manager-app .tile-ready-time,
html[data-brand="chinczyk-classic"] .manager-app .tile-ready,
html[data-brand="ramen"] .manager-app .tile-ready,
html[data-brand="chinczyk-classic"] .manager-app .tile-adjustment.discount,
html[data-brand="ramen"] .manager-app .tile-adjustment.discount{color:#286343}
html[data-brand="chinczyk-classic"] .manager-app .tile-issued-time,
html[data-brand="ramen"] .manager-app .tile-issued-time{color:#245c85}

/* Light-theme text on neutral surfaces; accent buttons and photo captions stay white. */
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]){color-scheme:light}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .language-segments{background:var(--brand-raised)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .language-segments button{color:var(--brand-muted)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .language-segments button[aria-pressed=true],
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .language-segments button:hover{color:var(--brand-text)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .language-segments button:focus-visible{outline-color:var(--brand-accent)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .language-picker option{background:var(--brand-surface);color:var(--brand-text)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) :is(
  .brand,.announcement,nav a,.location,.my-orders-button,.language-picker,
  .cart-button,.portal-search input,.dish-title h3,.price,.dish-order .add,
  .checkout-head h2,.checkout-head .close,.checkout-foot strong,
  .form-fields label,.checkout-body h3,.payment b,.checkout-order-summary strong,
  .desktop-basket-heading h2,.desktop-basket-line b,.desktop-basket-adjustment b,
  .desktop-basket-total,.desktop-basket-back,.item-comment-editor input,
  .item-comment-edit:hover,.cart-item-comment-edit:hover,.cart-item-comment-editor input,
  .my-orders-head,.my-orders-head .close,.account-intro b,.profile-auth p strong,
  .profile-auth label,.profile-auth input,.profile-auth .profile-register,
  .profile-demo-credentials b,.profile-demo-credentials code,
  .user-order-tile,.user-tile-number,.user-tile-items div b,.order-history-section h3,
  .manager-button,.manager-head,.manager-head .close,.manager-login label,
  .manager-login input,.demo-credentials b,.demo-credentials code,
  .manager-order-bottom select,.manager-settings,.settings-card input,
  .dish-available,.hours-group label,.hours-group input,
  .manager-order-tile,.tile-number,.tile-items div b,.tile-actions select,.toast
){color:var(--brand-text)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .dish-order .add{border-color:var(--brand-border)}
html:is([data-brand="ramen"],[data-brand="chinczyk-classic"]) .dish-order .add:hover{background:var(--brand-raised)}


/* Warm paper, red headings and gold rules from the printed menu. */
.restaurant-promotion{margin:0 0 18px;padding:16px 18px;border:2px solid var(--brand-accent);border-bottom:4px solid #c5a326;background:var(--brand-surface);color:var(--brand-accent);font:700 18px/1.4 var(--font-heading)}
.restaurant-promotion{display:flex;align-items:center;justify-content:space-between;gap:12px}
.restaurant-promotion-close{flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:400 22px/1 sans-serif;cursor:pointer}
.restaurant-promotion-close:hover{background:var(--brand-background)}
.restaurant-promotion-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.restaurant-promotion[hidden]{display:none}
html[data-brand="chinczyk-classic"] .category-card{color:var(--brand-text)}
html[data-brand="chinczyk-classic"] .category-card.active{color:#fff}
html[data-brand="chinczyk-classic"] .portal-category-banner{height:auto;min-height:0;padding:14px 0 9px;border-radius:0;border-bottom:3px solid #c5a326;background:transparent}
html[data-brand="chinczyk-classic"] .portal-category-banner img,html[data-brand="chinczyk-classic"] .portal-category-banner:after{display:none}
html[data-brand="chinczyk-classic"] .portal-category-banner h3{position:static;color:var(--brand-text);text-shadow:none;font:800 25px/1.2 var(--font-heading);text-transform:uppercase}
html[data-brand="chinczyk-classic"] .portal-category-banner h3:before{content:'\25CF';color:var(--brand-accent);margin-right:9px}
/* Printed-menu ribbon crosses the category rule without covering the title. */
html[data-brand="chinczyk-classic"] .portal-category-banner{
  overflow:visible;min-height:72px;padding-right:88px;margin-bottom:16px;
}
html[data-brand="chinczyk-classic"] .category-discount{
  position:absolute;right:0;bottom:-16px;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:76px;height:82px;padding:7px 4px 16px;
  background:var(--brand-accent);color:#fff;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%);
  font:700 14px/1.1 var(--font-body);text-align:center;
}
html[data-brand="chinczyk-classic"] .category-discount strong{font-size:34px;line-height:1.05}
html[data-brand="chinczyk-classic"] .category-discount small{font-size:21px}
html[data-brand="chinczyk-classic"] .category-discount>span{margin-top:3px}
@media(max-width:420px){
  html[data-brand="chinczyk-classic"] .portal-category-banner{padding-right:74px}
  html[data-brand="chinczyk-classic"] .category-discount{width:66px;height:76px;font-size:12px}
  html[data-brand="chinczyk-classic"] .category-discount strong{font-size:30px}
}
html[data-brand="chinczyk-classic"] .dish{border:0;border-bottom:1px solid var(--brand-border);border-radius:0;background:transparent}
html[data-brand="chinczyk-classic"] .dish-info p:empty{display:none}
/* Printed-menu dash with dish names and prices sharing the same text edge. */
html[data-brand="chinczyk-classic"] #menuGrid .dish-info{--dish-marker-indent:20px}
html[data-brand="chinczyk-classic"] #menuGrid .dish-title h3{
  position:relative;margin-left:var(--dish-marker-indent);
}
html[data-brand="chinczyk-classic"] #menuGrid .dish-title h3:before{
  content:"";position:absolute;left:calc(-1 * var(--dish-marker-indent));
  top:.6em;transform:translateY(-50%);width:12px;height:3px;background:currentColor;
}
html[data-brand="chinczyk-classic"] #menuGrid .dish-info>.price,
html[data-brand="chinczyk-classic"] #menuGrid .dish-info>p{margin-left:var(--dish-marker-indent)}
html[data-brand="chinczyk-classic"] .topbar{border-top:5px solid var(--brand-accent);border-bottom:2px solid #c5a326}
.restaurant-choice[data-brand="chinczyk-classic"] .restaurant-choice-photo img{object-fit:contain;background:#faf7ee}
/* Fill the existing header height and compensate for the artwork's clear side margins. */
html[data-brand="chinczyk-classic"] .topbar{padding-top:0;padding-bottom:0}
html[data-brand="chinczyk-classic"] .topbar .brand{gap:6px}
html[data-brand="chinczyk-classic"] .topbar .brand-logo{
  width:108px;
  height:auto;
  margin-inline:-12px;
  flex-shrink:0;
  object-fit:contain;
  transform:translateY(-3px);
}
@media(max-width:420px){
  html[data-brand="chinczyk-classic"] .topbar .brand-logo{width:94px;height:auto;margin-inline:-10px}
}

/* Darker text in the basket summary; checkout dish-list colors stay independent. */
html[data-brand="chinczyk-classic"] .desktop-basket-summary .desktop-basket-line>span{color:#454035}
html[data-brand="chinczyk-classic"] .desktop-basket-summary .desktop-basket-adjustment{color:#514b40}
html[data-brand="chinczyk-classic"] .desktop-basket-summary .desktop-basket-adjustment.discount b{color:#286343}

/* Google Maps review photos, scoped to the fourth menu. */
html[data-brand="chinczyk-classic"] body:not(.choosing-restaurant){isolation:isolate}
html[data-brand="chinczyk-classic"] body:not(.choosing-restaurant):before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:url('/assets/images/pics/chinczyk-mm-google-review-01.jpg'),url('/assets/images/pics/chinczyk-mm-google-review-right.jpg');
  background-position:left center,right center;
  background-size:clamp(230px,30vw,450px) auto;
  background-repeat:no-repeat;
  opacity:.90;
}
html[data-brand="chinczyk-classic"] body:not(.choosing-restaurant) .menu-section{
  background-color:var(--brand-background);
  box-shadow:0 0 45px 25px var(--brand-background);
}
@media(max-width:900px){
  html[data-brand="chinczyk-classic"] body:not(.choosing-restaurant):before{display:none}
  html[data-brand="chinczyk-classic"] body:not(.choosing-restaurant) .menu-section{
    background-image:linear-gradient(#faf7eee8,#faf7eee8),url('/assets/images/pics/chinczyk-mm-google-review-01.jpg'),url('/assets/images/pics/chinczyk-mm-google-review-right.jpg');
    background-position:center,right -90px top 80px,left -90px top 680px;
    background-size:auto,260px auto,260px auto;
    background-repeat:no-repeat;
    box-shadow:none;
  }
}

/* Larger mobile menu text with the existing row gap and a tighter inner inset. */
@media(max-width:1099px){
  html[data-brand="chinczyk-classic"] #menuGrid .dish-title h3{font-size:calc(14px + 1pt)!important}
  html[data-brand="chinczyk-classic"] #menuGrid .dish{padding-block:calc(3mm - .8px)!important}
  html[data-brand="chinczyk-classic"] #menuGrid .dish-order .add{height:44px;font-size:21px}
  html[data-brand="chinczyk-classic"] #menuGrid .dish-order .add span{font-size:11px}
  html[data-brand="chinczyk-classic"] #menuGrid .quantity-control{height:44px}
  html[data-brand="chinczyk-classic"] #menuGrid .quantity-control span{height:100%}
  html[data-brand="chinczyk-classic"] #menuGrid .quantity-control button:last-child{font-size:27px}
  html[data-brand="chinczyk-classic"] .desktop-basket-item-name{font-size:calc(13px + 1pt)}
  html[data-brand="chinczyk-classic"] .checkout-order-summary .dish-name{font-size:calc(12px + 1pt)}
}

/* Keep the telephone link directly below the restaurant address. */
.topbar .brand-details{min-width:0}
.topbar .brand-home{color:inherit;text-decoration:none}
.topbar .header-phone{display:block;width:fit-content;margin-top:4px;color:var(--brand-text);font:500 12px/1.4 var(--font-body);letter-spacing:.02em;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.topbar .header-phone[hidden]{display:none}
.topbar .header-phone:hover{color:var(--brand-accent)}
.topbar .header-phone:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}

/* Prominent phone number and green handset from the fourth restaurant's menu. */
html[data-brand="chinczyk-classic"] .topbar .header-phone{
  display:flex;align-items:center;gap:8px;margin-top:6px;
  color:var(--brand-accent);font:800 clamp(22px,4.5vw,32px)/1.15 var(--font-body);
  letter-spacing:.01em;text-decoration:none;
}
html[data-brand="chinczyk-classic"] .topbar .header-phone:before{
  content:"";width:1.15em;height:1.15em;flex-shrink:0;
  background:url('/assets/images/phone-green.svg') center/contain no-repeat;
}
html[data-brand="chinczyk-classic"] .topbar .header-phone[hidden]{display:none}
html[data-brand="chinczyk-classic"] .topbar{height:auto;flex-wrap:wrap}
html[data-brand="chinczyk-classic"] .topbar .header-phone:hover{text-decoration:underline}

/* Frame the classic main-page menu with the printed menu's red accent. */
html[data-brand="chinczyk-classic"] #menuGrid{
  border-left:5px solid var(--brand-accent);
  border-right:5px solid var(--brand-accent);
  padding-left:16px;
  padding-right:16px;
}
@media(max-width:560px){
  html[data-brand="chinczyk-classic"] #menuGrid{
    padding-left:8px;
    padding-right:8px;
  }
}