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

.denmark-article-page {
  --article-accent:#b8444d;
  --article-accent-light:#f5dfe2;
  --article-accent-dark:#803036;
  --article-tint:#fffafb;
  margin:0;
}

.denmark-article-page .article-hero.notes {
  --article-accent:#b8444d;
  --article-accent-light:#f5dfe2;
  --article-accent-dark:#803036;
}

.denmark-article-page .article-hero.euro {
  --article-accent:#397da0;
  --article-accent-light:#ddecf4;
  --article-accent-dark:#28566d;
}

.denmark-article-page .article-hero.payments {
  --article-accent:#2f8170;
  --article-accent-light:#dcf0eb;
  --article-accent-dark:#20584c;
}

.denmark-article-page .article-hero.transit {
  --article-accent:#be8529;
  --article-accent-light:#ffefbd;
  --article-accent-dark:#785418;
}

.denmark-article-page .article-hero.tipping {
  --article-accent:#755d91;
  --article-accent-light:#ece5f2;
  --article-accent-dark:#504064;
}

.denmark-note-board,
.denmark-rate-board,
.denmark-wallet-grid,
.denmark-ticket-grid,
.denmark-tip-grid {
  display:grid;
  gap:14px;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
}

.denmark-note-board {
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:linear-gradient(145deg,#f5dfe2,#fff 52%,#ffefbd);
  box-shadow:5px 6px 0 #803036;
}

.denmark-rate-board {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#ddecf4,#fff 52%,#f5dfe2);
  box-shadow:5px 6px 0 #28566d;
}

.denmark-wallet-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#dcf0eb,#fff 52%,#ffefbd);
  box-shadow:5px 6px 0 #20584c;
}

.denmark-ticket-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#ffefbd,#fff 52%,#ddecf4);
  box-shadow:5px 6px 0 #785418;
}

.denmark-tip-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#ece5f2,#fff 52%,#f5dfe2);
  box-shadow:5px 6px 0 #504064;
}

.denmark-note-board > span,
.denmark-rate-board > span,
.denmark-wallet-grid > div,
.denmark-ticket-grid > div,
.denmark-tip-grid > 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;
}

.denmark-note-board strong,
.denmark-note-board small,
.denmark-rate-board strong,
.denmark-rate-board small,
.denmark-wallet-grid strong,
.denmark-wallet-grid span,
.denmark-ticket-grid strong,
.denmark-ticket-grid span,
.denmark-tip-grid strong,
.denmark-tip-grid small {
  display:block;
}

.denmark-note-board strong,
.denmark-rate-board strong,
.denmark-wallet-grid strong,
.denmark-ticket-grid strong,
.denmark-tip-grid strong {
  font-size:1.05rem;
}

.denmark-note-board small,
.denmark-rate-board small,
.denmark-wallet-grid span,
.denmark-ticket-grid span,
.denmark-tip-grid small {
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

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

.denmark-fx-slip {
  background:linear-gradient(150deg,#fff,#ddecf4);
  box-shadow:5px 6px 0 #28566d;
}

.denmark-transit-slip {
  background:linear-gradient(150deg,#fff,#ffefbd);
  box-shadow:5px 6px 0 #785418;
}

.denmark-tip-slip {
  background:linear-gradient(150deg,#fff,#ece5f2);
  box-shadow:5px 6px 0 #504064;
}

.denmark-cash-slip > span,
.denmark-fx-slip > span,
.denmark-transit-slip > span,
.denmark-tip-slip > span {
  display:block;
  font-size:.78rem;
  font-weight:950;
}

.denmark-cash-slip > strong,
.denmark-fx-slip > strong,
.denmark-transit-slip > strong,
.denmark-tip-slip > strong {
  display:block;
  margin:7px 0 16px;
  padding:9px;
  border:3px double var(--ink);
  text-align:center;
  font-size:clamp(1.35rem,4vw,2.1rem);
}

.denmark-cash-slip > strong { color:#803036; }
.denmark-fx-slip > strong { color:#28566d; }
.denmark-transit-slip > strong { color:#785418; }
.denmark-tip-slip > strong { color:#504064; }

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

.denmark-cash-slip div:last-child,
.denmark-fx-slip div:last-child,
.denmark-transit-slip div:last-child,
.denmark-tip-slip div:last-child {
  border-bottom:0;
}

.denmark-article-page .article-money-explorer {
  background:linear-gradient(145deg,#fffafb,#fff 52%,#edf7f5);
}

@media (max-width:700px) {
  .denmark-note-board,
  .denmark-rate-board,
  .denmark-wallet-grid,
  .denmark-ticket-grid,
  .denmark-tip-grid {
    grid-template-columns:1fr;
  }

  .denmark-cash-slip div,
  .denmark-fx-slip div,
  .denmark-transit-slip div,
  .denmark-tip-slip div {
    display:grid;
    gap:3px;
  }
}