/*
  Fil: /assets/css/flags-ui.css
  Syfte: UI-regler för flagg-sprites (admin + public)
  OBS: sprite-klasser + background-image finns i /css/flaggor.css
*/

/* === Basflagga === */
.flag{
  display: inline-block;
  vertical-align: middle;

  transform: scale(0.45);
  transform-origin: center center; /* viktig: gör spacing mer "symmetrisk" */
}

/* === Wrap: "flagga + text" === */
.flag-wrap{
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

/* Text får inte bete sig konstigt i flex */
.flag-wrap > strong,
.flag-wrap > span{
  min-width: 0;
}

/* === Avstånd mellan flagga och text (utan gap) === */
/* flagga före text */
.flag-wrap > .flag:first-child{
  margin-right: 0.65rem;
}
/* flagga efter text */
.flag-wrap > .flag:last-child{
  margin-left: 0.65rem;
}

/* === Matchrad: "luft mot kanten" per sida === */
.match-row{
  /* ingen padding här – vi styr per sida */
}

/* vänster lag: lite luft från vänster kant */
.match-row > .flag-wrap:first-child{
  padding-left: 0.35rem;
}

/* höger lag: lite luft från höger kant */
.match-row > .flag-wrap:last-child{
  padding-right: 0.35rem;
}

/* === Tabeller/listor: lite tightare === */
.table .flag,
.table-sm .flag{
  transform: scale(0.40);
}

/* Tightare text/flagga i tabeller */
.table .flag-wrap > .flag:first-child,
.table-sm .flag-wrap > .flag:first-child{
  margin-right: 0.45rem;
}
.table .flag-wrap > .flag:last-child,
.table-sm .flag-wrap > .flag:last-child{
  margin-left: 0.45rem;
}