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

.luxembourg-article-page {
  --article-accent:#4b91bd;
  --article-accent-light:#deeff8;
  --article-accent-dark:#32627f;
  --article-tint:#f7fbfd;
  margin:0;
}

.luxembourg-article-page .article-hero.banknotes {
  --article-accent:#4b91bd;
  --article-accent-light:#deeff8;
  --article-accent-dark:#32627f;
}

.luxembourg-article-page .article-hero.free {
  --article-accent:#3f8b67;
  --article-accent-light:#dff2e7;
  --article-accent-dark:#285d44;
}

.luxembourg-article-page .article-hero.border {
  --article-accent:#b4494c;
  --article-accent-light:#f4dfe0;
  --article-accent-dark:#753033;
}

.luxembourg-article-page .article-hero.fuel {
  --article-accent:#d0a62d;
  --article-accent-light:#faeab2;
  --article-accent-dark:#765c17;
}

.luxembourg-article-page .article-hero.tipping {
  --article-accent:#775c9b;
  --article-accent-light:#e9e1f2;
  --article-accent-dark:#503d68;
}

.luxembourg-coin-line,
.luxembourg-free-line,
.luxembourg-border-line,
.luxembourg-tip-line {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:28px 0;
}

.luxembourg-coin-line span,
.luxembourg-free-line span,
.luxembourg-border-line span,
.luxembourg-tip-line span {
  min-width:0;
  padding:16px 10px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:linear-gradient(145deg,var(--article-accent-light),#fff);
  box-shadow:3px 4px 0 var(--article-accent-dark);
  text-align:center;
  font-weight:900;
}

.luxembourg-coin-line small,
.luxembourg-free-line small,
.luxembourg-border-line small,
.luxembourg-tip-line small {
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-weight:650;
}

.luxembourg-fare-map {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin:28px 0;
  padding:18px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(135deg,#dff2e7 0 48%,#fff 48% 52%,#f4dfe0 52%);
  box-shadow:4px 5px 0 var(--ink);
}

.luxembourg-fare-map span {
  text-align:center;
  font-weight:900;
}

.luxembourg-fare-map small {
  display:block;
  margin-top:5px;
  font-weight:650;
}

.luxembourg-fare-map b {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#fff;
  font-size:.78rem;
}

.luxembourg-fuel-board {
  margin:28px 0;
  overflow:hidden;
  border:3px solid var(--ink);
  border-radius:6px;
  background:#122a34;
  box-shadow:5px 6px 0 #d0a62d;
  color:#fff;
}

.luxembourg-fuel-board header {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:2px solid rgba(255,255,255,.35);
  color:#f7d85d;
  font-weight:900;
}

.luxembourg-fuel-board div {
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.18);
}

.luxembourg-fuel-board div:last-child {
  border-bottom:0;
}

.luxembourg-fuel-board strong {
  color:#f7d85d;
}

.luxembourg-bill {
  margin:28px 0;
  padding:18px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#fff,#e9e1f2);
  box-shadow:4px 5px 0 var(--article-accent-dark);
}

.luxembourg-bill div {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:9px 0;
  border-bottom:2px dotted rgba(22,22,22,.32);
}

.luxembourg-bill div:last-child {
  border-bottom:0;
  font-weight:900;
}

.luxembourg-article-page .article-money-explorer {
  background:linear-gradient(145deg,#f2f9fd,#fff 52%,#fff0c9);
}

@media (max-width:700px) {
  .luxembourg-coin-line,
  .luxembourg-free-line,
  .luxembourg-border-line,
  .luxembourg-tip-line {
    grid-template-columns:1fr;
  }

  .luxembourg-fare-map {
    grid-template-columns:1fr;
    background:linear-gradient(180deg,#dff2e7 0 44%,#fff 44% 56%,#f4dfe0 56%);
  }

  .luxembourg-fare-map b {
    margin:auto;
  }
}