/* Round flags in the language switcher (ld_flag() in lazydog-site.php).
   Kept in its own file so rebuilding wp.css can't drop it. */
.flag {
  display: inline-block; flex: none; box-sizing: border-box;
  width: 22px; height: 22px; border-radius: 50%; overflow: hidden;
  border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(20,17,14,.18);
  background: #fff; vertical-align: middle; line-height: 0;
}
.flag svg { display: block; width: 100%; height: 100%; }

.lang > summary .flag { display: inline-block !important; }
.lang ul a { display: flex !important; align-items: center; gap: .7rem; }
.lang ul a > span:not(.flag) { display: inline; line-height: 1.3; }
.lang ul .flag { width: 24px; height: 24px; }

/* Over the photo hero: lighter outer ring so the badge reads on dark images */
.site-header--over:not(.is-stuck) .lang > summary .flag { box-shadow: 0 0 0 1px rgba(255,255,255,.35); }