/* KX-CITYROW-PROOF: ONE recipe for the city buttons on every city page and the home page.
   Before: home, Ibiza and Mykonos drew them 40 px tall with 16 px side padding (src/public-demo.css);
   Dubai, Athens, Berlin and Tulum drew them 48 px tall with 18 px side padding (dubai/runtime/events.css
   and its copies), and Dubai switched between the two depending on which page you came from.
   This file is linked last on all seven documents; its selector is stronger than both older rules,
   so the result no longer depends on load order. Look (Liquid Glass colours, border, radius, font)
   is unchanged: only size and padding are fixed, to the 48 px / 18 px touch-target recipe. */
html body .city-row a[data-city][href] {
  min-height: 48px;
  padding-left: 18px;
  padding-right: 18px;
}

/* KX-V80-CITYROW-GLASS: during a city switch the row keeps its Liquid Glass look in every frame.
   The 1.5 s colour transition of the shared glass recipe is switched off only while the page swaps
   (class set by src/city-navigation.js from the press until two frames after the swap), so neither the
   pressed nor the previous city button fades; hover keeps the normal 1.5 s pace. */
html.kx-city-switching .city-row a[data-city],
html.kx-city-switching .city-row a[data-city]::after,
.city-row[aria-busy="true"] a[data-city] {
  transition: none !important;
  animation: none !important;
}