@import url("../country-guide-base.css");

.sweden-article-page {
  --article-accent: #3b70a4;
  --article-accent-light: #dfebf6;
  --article-accent-dark: #294f73;
  --article-tint: #f8fbfe;
  margin: 0;
}

.sweden-article-page .article-hero.notes {
  --article-accent: #705ba8;
  --article-accent-light: #eee8f8;
  --article-accent-dark: #4f4078;
}

.sweden-article-page .article-hero.payments {
  --article-accent: #3b70a4;
  --article-accent-light: #dfebf6;
  --article-accent-dark: #294f73;
}

.sweden-article-page .article-hero.transit {
  --article-accent: #25788b;
  --article-accent-light: #dceff2;
  --article-accent-dark: #195461;
}

.sweden-article-page .article-hero.fx {
  --article-accent: #bc7641;
  --article-accent-light: #f7e8da;
  --article-accent-dark: #83522d;
}

.sweden-article-page .article-hero.tipping {
  --article-accent: #af555b;
  --article-accent-light: #f6dfe1;
  --article-accent-dark: #7a3b40;
}

.sweden-article-page .article-hero.refund {
  --article-accent: #5e8a4f;
  --article-accent-light: #e5f0e0;
  --article-accent-dark: #416137;
}

.sweden-article-page .article-hero.backup {
  --article-accent: #a38a2d;
  --article-accent-light: #f5edca;
  --article-accent-dark: #71601f;
}

.sek-note-map,
.sek-wallet-map,
.sek-transit-map,
.sek-euro-map,
.sek-tip-map,
.sek-tax-map,
.sek-backup-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
  padding: 20px;
  border: 3px solid var(--ink);
  border-radius: 6px;
  background: linear-gradient(145deg, #eee8f8, #fff 48%, #dfebf6);
  box-shadow: 5px 6px 0 #4f4078;
}

.sek-wallet-map { background: linear-gradient(145deg, #dfebf6, #fff 48%, #dceff2); box-shadow: 5px 6px 0 #294f73; }
.sek-transit-map { background: linear-gradient(145deg, #dceff2, #fff 48%, #dfebf6); box-shadow: 5px 6px 0 #195461; }
.sek-euro-map { background: linear-gradient(145deg, #f7e8da, #fff 48%, #eee8f8); box-shadow: 5px 6px 0 #83522d; }
.sek-tip-map { background: linear-gradient(145deg, #f6dfe1, #fff 48%, #f7e8da); box-shadow: 5px 6px 0 #7a3b40; }
.sek-tax-map { background: linear-gradient(145deg, #e5f0e0, #fff 48%, #dfebf6); box-shadow: 5px 6px 0 #416137; }
.sek-backup-map { background: linear-gradient(145deg, #f5edca, #fff 48%, #dfebf6); box-shadow: 5px 6px 0 #71601f; }

.sek-note-map > span,
.sek-wallet-map > span,
.sek-transit-map > span,
.sek-euro-map > span,
.sek-tip-map > span,
.sek-tax-map > span,
.sek-backup-map > span {
  min-width: 0;
  padding: 16px 10px;
  border: 3px solid var(--ink);
  border-radius: 5px;
  background: #fff;
  box-shadow: 3px 4px 0 var(--ink);
  text-align: center;
}

.sek-note-map :is(strong, small),
.sek-wallet-map :is(strong, small),
.sek-transit-map :is(strong, small),
.sek-euro-map :is(strong, small),
.sek-tip-map :is(strong, small),
.sek-tax-map :is(strong, small),
.sek-backup-map :is(strong, small) {
  display: block;
}

.sek-note-map strong,
.sek-wallet-map strong,
.sek-transit-map strong,
.sek-euro-map strong,
.sek-tip-map strong,
.sek-tax-map strong,
.sek-backup-map strong {
  font-size: 1.05rem;
}

.sek-note-map small,
.sek-wallet-map small,
.sek-transit-map small,
.sek-euro-map small,
.sek-tip-map small,
.sek-tax-map small,
.sek-backup-map small {
  margin-top: 5px;
  color: var(--muted);
  font-weight: 750;
}

.sek-note-slip,
.sek-cash-slip,
.sek-transit-slip,
.sek-fx-slip,
.sek-tip-slip,
.sek-tax-slip,
.sek-backup-slip {
  width: min(100%, 620px);
  margin: 28px auto;
  padding: 22px;
  border: 3px solid var(--ink);
  border-radius: 5px;
  background: linear-gradient(150deg, #fff, #eee8f8);
  box-shadow: 5px 6px 0 #4f4078;
}

.sek-cash-slip { background: linear-gradient(150deg, #fff, #dfebf6); box-shadow: 5px 6px 0 #294f73; }
.sek-transit-slip { background: linear-gradient(150deg, #fff, #dceff2); box-shadow: 5px 6px 0 #195461; }
.sek-fx-slip { background: linear-gradient(150deg, #fff, #f7e8da); box-shadow: 5px 6px 0 #83522d; }
.sek-tip-slip { background: linear-gradient(150deg, #fff, #f6dfe1); box-shadow: 5px 6px 0 #7a3b40; }
.sek-tax-slip { background: linear-gradient(150deg, #fff, #e5f0e0); box-shadow: 5px 6px 0 #416137; }
.sek-backup-slip { background: linear-gradient(150deg, #fff, #f5edca); box-shadow: 5px 6px 0 #71601f; }

.sek-note-slip > span,
.sek-cash-slip > span,
.sek-transit-slip > span,
.sek-fx-slip > span,
.sek-tip-slip > span,
.sek-tax-slip > span,
.sek-backup-slip > span {
  display: block;
  font-size: 0.78rem;
  font-weight: 950;
}

.sek-note-slip > strong,
.sek-cash-slip > strong,
.sek-transit-slip > strong,
.sek-fx-slip > strong,
.sek-tip-slip > strong,
.sek-tax-slip > strong,
.sek-backup-slip > strong {
  display: block;
  margin: 7px 0 16px;
  padding: 9px;
  border: 3px double var(--ink);
  text-align: center;
  font-size: clamp(1.1rem, 4vw, 2rem);
  overflow-wrap: anywhere;
}

.sek-note-slip > strong { color: #4f4078; }
.sek-cash-slip > strong { color: #294f73; }
.sek-transit-slip > strong { color: #195461; }
.sek-fx-slip > strong { color: #83522d; }
.sek-tip-slip > strong { color: #7a3b40; }
.sek-tax-slip > strong { color: #416137; }
.sek-backup-slip > strong { color: #71601f; }

.sek-note-slip div,
.sek-cash-slip div,
.sek-transit-slip div,
.sek-fx-slip div,
.sek-tip-slip div,
.sek-tax-slip div,
.sek-backup-slip div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 2px dotted rgba(22, 22, 22, 0.32);
}

.sek-note-slip div:last-child,
.sek-cash-slip div:last-child,
.sek-transit-slip div:last-child,
.sek-fx-slip div:last-child,
.sek-tip-slip div:last-child,
.sek-tax-slip div:last-child,
.sek-backup-slip div:last-child {
  border-bottom: 0;
}

.sweden-article-page .article-money-explorer {
  background: linear-gradient(145deg, #fbf9fe, #fff 52%, #e8f0f8);
}

@media (max-width: 700px) {
  .sek-note-map,
  .sek-wallet-map,
  .sek-transit-map,
  .sek-euro-map,
  .sek-tip-map,
  .sek-tax-map,
  .sek-backup-map {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .sek-note-slip div,
  .sek-cash-slip div,
  .sek-transit-slip div,
  .sek-fx-slip div,
  .sek-tip-slip div,
  .sek-tax-slip div,
  .sek-backup-slip div {
    display: grid;
    gap: 3px;
  }
}