/* Real SVG flags: never rely on emoji flags; Windows/Chrome may render them as AR/PE text. */
.directory-country-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 16px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .14);
  background: #fff;
}
.directory-country-flag img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.directory-country-code {
  font-size: .72rem;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: #071f4f;
  opacity: .88;
  font-weight: 900;
}
.directory-country-name {
  min-width: 0;
}
.directory-country-flag--title {
  width: 28px;
  height: 20px;
  vertical-align: .08em;
  margin-right: .3rem;
}

/* Layer 2 country pages: when the external-ad block is empty Drupal can still
   render an empty sidebar region. Collapse it so cards do not stretch badly. */
@media (min-width: 992px) {
  .site-main__grid.has-right-sidebar:not(:has(.site-sidebar--second .directory-external-ads img, .site-sidebar--second .directory-ad-sidebar img, .site-sidebar--second .block-directory-ads-contextual img)) {
    grid-template-columns: minmax(0, min(100%, 1120px));
    justify-content: center;
  }
  .site-main__grid.has-right-sidebar:not(:has(.site-sidebar--second .directory-external-ads img, .site-sidebar--second .directory-ad-sidebar img, .site-sidebar--second .block-directory-ads-contextual img)) > .site-sidebar--second {
    display: none;
  }
}

.site-content{
  background: initial !important;
  border: 0px !important;
  border-radius: 0px !important;
  box-shadow: initial !important;
  padding-top: 0px !important;
}
.site-header {
  padding-bottom: 0px;
}
