/* The nationality mark on a recipe card.
 *
 * Its own file because the flag appears wherever a recipe card does — the
 * homepage, every category archive, every page/N of one, the search results —
 * and those pages have no reason to load the Recipe Bar's filter panel.
 *
 * TOP-RIGHT of the card's top band, which is Tom's explicit decision of
 * 8 September and what `Nationality.png` shows once the crop is read properly:
 * the card in that file is cut off on the LEFT, its right edge is the one
 * visible at x=204 with the top-right corner rounded, and the 81px flag sits
 * 44px in from that edge — a little over half its own width. Vertically it is
 * centred in the band: the flag spans y 187-267 of a band running 155-301.
 *
 * 0.55 of the band's height is 3.8rem here and 4.3rem on a phone, and 0.54 of
 * the flag's width is the 3rem inset the theme already pads `.top` by.
 */
.ttc-flag {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.8rem;
  height: 3.8rem;
  line-height: 0;
}
.ttc-flag img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

/* Room for it, so a long "From Tom the Chef / Published: …" never runs under
   the badge. Only where a flag actually went in: a card with no nationality
   keeps the theme's own spacing to the pixel. */
.ttc-flag ~ .chef-label-holder { padding-right: 5.4rem; }

@media screen and (max-width: 750px) {
  /* The theme drops `.top`'s padding from 3rem to 2rem here. */
  .ttc-flag { right: 2rem; width: 4.3rem; height: 4.3rem; }
  .ttc-flag ~ .chef-label-holder { padding-right: 5.9rem; }
}

/* The nutrition table. Its own rules rather than the theme's, because the
   theme has no table style that suits nine short rows of numbers. */
/* The nutrition table's styles used to live here. They moved to
   static/embeds/embeds.css on 9 September: this file is loaded by pages
   that show recipe CARDS, and the nutrition block is on a recipe PAGE,
   which does not load it — so the table rendered with the browser's
   defaults, values unbolded and left-aligned, for as long as it existed. */