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

.norway-article-page {
  --article-accent:#39798a;
  --article-accent-light:#dcecf1;
  --article-accent-dark:#285561;
  --article-tint:#fbfdfe;
  margin:0;
}

.norway-article-page .article-hero.notes {
  --article-accent:#39798a;
  --article-accent-light:#dcecf1;
  --article-accent-dark:#285561;
}

.norway-article-page .article-hero.payments {
  --article-accent:#b8444f;
  --article-accent-light:#f5dfe3;
  --article-accent-dark:#803037;
}

.norway-article-page .article-hero.transit {
  --article-accent:#315f93;
  --article-accent-light:#dfe9f5;
  --article-accent-dark:#224367;
}

.norway-article-page .article-hero.refund {
  --article-accent:#b98124;
  --article-accent-light:#fff0bd;
  --article-accent-dark:#765317;
}

.norway-article-page .article-hero.tipping {
  --article-accent:#3d7b63;
  --article-accent-light:#def0e8;
  --article-accent-dark:#2a5746;
}

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

.nok-note-map {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#dcecf1,#fff 48%,#f5dfe3);
  box-shadow:5px 6px 0 #285561;
}

.nok-wallet-grid,
.nok-payment-map {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#f5dfe3,#fff 48%,#fff0bd);
  box-shadow:5px 6px 0 #803037;
}

.nok-transit-map {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#dfe9f5,#fff 48%,#dcecf1);
  box-shadow:5px 6px 0 #224367;
}

.nok-tip-board {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#def0e8,#fff 48%,#fff0bd);
  box-shadow:5px 6px 0 #2a5746;
}

.nok-note-map > span,
.nok-wallet-grid > div,
.nok-payment-map > span,
.nok-transit-map > span,
.nok-tip-board > 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;
}

.nok-note-map strong,
.nok-note-map small,
.nok-wallet-grid strong,
.nok-wallet-grid span,
.nok-payment-map strong,
.nok-payment-map small,
.nok-transit-map strong,
.nok-transit-map small,
.nok-tip-board strong,
.nok-tip-board small {
  display:block;
}

.nok-note-map strong,
.nok-wallet-grid strong,
.nok-payment-map strong,
.nok-transit-map strong,
.nok-tip-board strong {
  font-size:1.05rem;
}

.nok-note-map small,
.nok-wallet-grid span,
.nok-payment-map small,
.nok-transit-map small,
.nok-tip-board small {
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

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

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

.nok-tax-slip {
  background:linear-gradient(150deg,#fff,#fff0bd);
  box-shadow:5px 6px 0 #765317;
}

.nok-tip-slip {
  background:linear-gradient(150deg,#fff,#def0e8);
  box-shadow:5px 6px 0 #2a5746;
}

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

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

.nok-cash-slip > strong {
  color:#803037;
}

.nok-transit-slip > strong {
  color:#224367;
}

.nok-tax-slip > strong {
  color:#765317;
}

.nok-tip-slip > strong {
  color:#2a5746;
}

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

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

.norway-article-page .article-money-explorer {
  background:linear-gradient(145deg,#fbfdfe,#fff 52%,#fff8dc);
}

@media (max-width:700px) {
  .nok-note-map,
  .nok-wallet-grid,
  .nok-payment-map,
  .nok-transit-map,
  .nok-tip-board {
    grid-template-columns:1fr;
  }

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