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

.switzerland-article-page {
  --article-accent: #c24449;
  --article-accent-light: #f7dedf;
  --article-accent-dark: #873034;
  --article-tint: #fffafa;
  margin: 0;
}

.switzerland-article-page .article-hero.notes {
  --article-accent: #7257a0;
  --article-accent-light: #eee8f7;
  --article-accent-dark: #4e3c70;
}

.switzerland-article-page .article-hero.payments {
  --article-accent: #317b73;
  --article-accent-light: #dcefeb;
  --article-accent-dark: #22564f;
}

.switzerland-article-page .article-hero.transit {
  --article-accent: #c24449;
  --article-accent-light: #f7dedf;
  --article-accent-dark: #873034;
}

.switzerland-article-page .article-hero.fx {
  --article-accent: #3f6f9d;
  --article-accent-light: #e0ebf5;
  --article-accent-dark: #2c4e6e;
}

.switzerland-article-page .article-hero.hut {
  --article-accent: #537447;
  --article-accent-light: #e5efdf;
  --article-accent-dark: #3a5132;
}

.switzerland-article-page .article-hero.tipping {
  --article-accent: #bd7040;
  --article-accent-light: #f7e7dc;
  --article-accent-dark: #844e2c;
}

.switzerland-article-page .article-hero.refund {
  --article-accent: #a1842e;
  --article-accent-light: #f5eccb;
  --article-accent-dark: #705c20;
}

.chf-note-map,
.chf-wallet-map,
.chf-rail-map,
.chf-franc-map,
.chf-hut-map,
.chf-tip-map,
.chf-tax-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, #eee8f7, #fff 48%, #f7dedf);
  box-shadow: 5px 6px 0 #4e3c70;
}

.chf-wallet-map { background: linear-gradient(145deg, #dcefeb, #fff 48%, #e0ebf5); box-shadow: 5px 6px 0 #22564f; }
.chf-rail-map { background: linear-gradient(145deg, #f7dedf, #fff 48%, #f5eccb); box-shadow: 5px 6px 0 #873034; }
.chf-franc-map { background: linear-gradient(145deg, #e0ebf5, #fff 48%, #f7dedf); box-shadow: 5px 6px 0 #2c4e6e; }
.chf-hut-map { background: linear-gradient(145deg, #e5efdf, #fff 48%, #f5eccb); box-shadow: 5px 6px 0 #3a5132; }
.chf-tip-map { background: linear-gradient(145deg, #f7e7dc, #fff 48%, #f7dedf); box-shadow: 5px 6px 0 #844e2c; }
.chf-tax-map { background: linear-gradient(145deg, #f5eccb, #fff 48%, #e5efdf); box-shadow: 5px 6px 0 #705c20; }

.chf-note-map > span,
.chf-wallet-map > span,
.chf-rail-map > span,
.chf-franc-map > span,
.chf-hut-map > span,
.chf-tip-map > span,
.chf-tax-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;
}

.chf-note-map :is(strong, small),
.chf-wallet-map :is(strong, small),
.chf-rail-map :is(strong, small),
.chf-franc-map :is(strong, small),
.chf-hut-map :is(strong, small),
.chf-tip-map :is(strong, small),
.chf-tax-map :is(strong, small) {
  display: block;
}

.chf-note-map strong,
.chf-wallet-map strong,
.chf-rail-map strong,
.chf-franc-map strong,
.chf-hut-map strong,
.chf-tip-map strong,
.chf-tax-map strong {
  font-size: 1.05rem;
}

.chf-note-map small,
.chf-wallet-map small,
.chf-rail-map small,
.chf-franc-map small,
.chf-hut-map small,
.chf-tip-map small,
.chf-tax-map small {
  margin-top: 5px;
  color: var(--muted);
  font-weight: 750;
}

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

.chf-cash-slip { background: linear-gradient(150deg, #fff, #dcefeb); box-shadow: 5px 6px 0 #22564f; }
.chf-rail-slip { background: linear-gradient(150deg, #fff, #f7dedf); box-shadow: 5px 6px 0 #873034; }
.chf-fx-slip { background: linear-gradient(150deg, #fff, #e0ebf5); box-shadow: 5px 6px 0 #2c4e6e; }
.chf-hut-slip { background: linear-gradient(150deg, #fff, #e5efdf); box-shadow: 5px 6px 0 #3a5132; }
.chf-tip-slip { background: linear-gradient(150deg, #fff, #f7e7dc); box-shadow: 5px 6px 0 #844e2c; }
.chf-tax-slip { background: linear-gradient(150deg, #fff, #f5eccb); box-shadow: 5px 6px 0 #705c20; }

.chf-note-slip > span,
.chf-cash-slip > span,
.chf-rail-slip > span,
.chf-fx-slip > span,
.chf-hut-slip > span,
.chf-tip-slip > span,
.chf-tax-slip > span {
  display: block;
  font-size: 0.78rem;
  font-weight: 950;
}

.chf-note-slip > strong,
.chf-cash-slip > strong,
.chf-rail-slip > strong,
.chf-fx-slip > strong,
.chf-hut-slip > strong,
.chf-tip-slip > strong,
.chf-tax-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;
}

.chf-note-slip > strong { color: #4e3c70; }
.chf-cash-slip > strong { color: #22564f; }
.chf-rail-slip > strong { color: #873034; }
.chf-fx-slip > strong { color: #2c4e6e; }
.chf-hut-slip > strong { color: #3a5132; }
.chf-tip-slip > strong { color: #844e2c; }
.chf-tax-slip > strong { color: #705c20; }

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

.chf-note-slip div:last-child,
.chf-cash-slip div:last-child,
.chf-rail-slip div:last-child,
.chf-fx-slip div:last-child,
.chf-hut-slip div:last-child,
.chf-tip-slip div:last-child,
.chf-tax-slip div:last-child {
  border-bottom: 0;
}

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

@media (max-width: 700px) {
  .chf-note-map,
  .chf-wallet-map,
  .chf-rail-map,
  .chf-franc-map,
  .chf-hut-map,
  .chf-tip-map,
  .chf-tax-map {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .chf-note-slip div,
  .chf-cash-slip div,
  .chf-rail-slip div,
  .chf-fx-slip div,
  .chf-hut-slip div,
  .chf-tip-slip div,
  .chf-tax-slip div {
    display: grid;
    gap: 3px;
  }
}