/* Phone/portrait dark-theme completion r1 (colour only).
   Selected exclusively by the dark theme on mobile/portrait layouts; no geometry, order or behaviour changes.
   Light theme and desktop are not selected. */
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) :is(.touch-favorite-card, .touch-favorites-empty) {
  background: var(--site-surface) !important;
  border-color: var(--site-line) !important;
  color: var(--site-ink) !important;
}
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) :is(.touch-favorite-title, .touch-favorite-price) { color: var(--site-ink) !important; }
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) :is(.touch-favorite-category, .touch-favorite-summary, .touch-favorite-serving) { color: var(--site-muted) !important; }
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) :is(.touch-favorite-remove, #touchFavoritesBack) {
  background: var(--site-accent-soft) !important;
  color: var(--site-accent-text) !important;
}
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) .touch-favorite-edit {
  background: var(--site-raised) !important;
  color: var(--site-ink) !important;
  border-color: var(--site-line) !important;
}
/* Announcement sheet follows the dark surface tokens. */
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) .mobile-announcement-sheet {
  background: var(--site-surface) !important;
  color: var(--site-ink) !important;
  border-color: var(--site-line) !important;
}
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) :is(.mobile-announcement-title, .mobile-announcement-content, .mobile-announcement-content p, .mobile-announcement-promo) { color: var(--site-ink) !important; }
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) .mobile-announcement-close { color: var(--site-muted) !important; background: transparent !important; }
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) .mobile-announcement-header { border-color: var(--site-line) !important; }
/* Cart count badge: white digits on the dark-theme accent circle (the shared light-pink accent made white digits hard
   to read). The rule targets the badge circle itself, not the digit span inside it. The favorites badge gets the same
   treatment only while the favorites page is open (white digits there); otherwise it keeps dark digits on a light
   circle. The announcement dot keeps its shared styling. */
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) #mobileQuickActions.mobile-quick-actions > #cart-toggle .cart-badge,
html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) #mobileQuickActions.mobile-quick-actions > #mobileFavoritesFab[aria-current="page"] .favorites-badge {
  background: var(--site-accent) !important;
  color: #fff !important;
}

/* Supplies limit (owner rule 2026-10-12, all layouts): the dialog shows the current maximum per item, and the supplies
   summary shows a short note after an automatic adjustment. */
#touchSuppliesDialog .supplies-dialog-limit { margin: 12px 2px 0 !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 400 !important; text-align: left !important; color: var(--site-muted, #62695f) !important; }
#touchSuppliesDialog .supplies-dialog-limit[hidden] { display: none; }
#touchSuppliesDialog .supplies-dialog-max { display: block; margin-top: 2px; font-size: 12px !important; line-height: 1.3 !important; font-weight: 400 !important; color: var(--site-muted, #62695f) !important; }
#touchSuppliesToggle .touch-supplies-limit-note { display: block; margin-top: 3px; font-size: 12px; line-height: 1.35; font-weight: 400; color: var(--site-muted, #62695f); }
