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

.slovenia-article-page {
  --article-accent:#3e8197;
  --article-accent-light:#dff0f2;
  --article-accent-dark:#2b5b6b;
  --article-tint:#f8fcfb;
  margin:0;
}

.slovenia-article-page .article-hero.banknotes {
  --article-accent:#3e8197;
  --article-accent-light:#dff0f2;
  --article-accent-dark:#2b5b6b;
}

.slovenia-article-page .article-hero.urbana {
  --article-accent:#2f8b5d;
  --article-accent-light:#dff3e7;
  --article-accent-dark:#206342;
}

.slovenia-article-page .article-hero.vignette {
  --article-accent:#c75a46;
  --article-accent-light:#f8e0d8;
  --article-accent-dark:#853b2e;
}

.slovenia-article-page .article-hero.huts {
  --article-accent:#597a52;
  --article-accent-light:#e4efdf;
  --article-accent-dark:#3d5538;
}

.slovenia-article-page .article-hero.tipping {
  --article-accent:#9a5479;
  --article-accent-light:#f2e1ea;
  --article-accent-dark:#6b3a54;
}

.slovenia-article-page .article-hero.vignette .article-visual-mark,
.slovenia-article-page .article-hero.huts .article-visual-mark {
  font-size:3.15rem;
}

.slovenia-coin-ribbon {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:28px 0;
  padding:18px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#dff0f2,#fff 48%,#e8efd9);
  box-shadow:5px 6px 0 #2b5b6b;
}

.slovenia-coin-ribbon span,
.slovenia-city-line span,
.slovenia-tip-line span {
  min-width:0;
  padding:14px 8px;
  border:2px solid var(--ink);
  border-radius:5px;
  background:#fff;
  text-align:center;
  font-weight:950;
}

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

.slovenia-urbana-card {
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  margin:28px 0;
  padding:22px;
  overflow:hidden;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(145deg,#bee4ca,#f7fff8 58%,#f2c94c);
  box-shadow:5px 6px 0 #206342;
}

.slovenia-urbana-card::before {
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-38px;
  bottom:-55px;
  border:18px solid rgba(255,255,255,.65);
  border-radius:50%;
}

.slovenia-urbana-card strong,
.slovenia-urbana-card span {
  position:relative;
  z-index:1;
}

.slovenia-urbana-card strong {
  font-size:clamp(1.5rem,5vw,2.5rem);
}

.slovenia-urbana-card span {
  display:grid;
  place-items:center;
  width:90px;
  aspect-ratio:1;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
  font-size:1.45rem;
  font-weight:950;
}

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

.slovenia-city-line span {
  background:linear-gradient(145deg,#dff3e7,#fff);
  box-shadow:3px 4px 0 #206342;
}

.slovenia-tip-line span {
  background:linear-gradient(145deg,#f2e1ea,#fff);
  box-shadow:3px 4px 0 #6b3a54;
}

.slovenia-axle-check {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:end;
  gap:14px;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(180deg,#dff0f2 0 56%,#a8b79c 56% 64%,#f8e0d8 64%);
  box-shadow:5px 6px 0 #853b2e;
}

.slovenia-axle-check span {
  padding:14px 10px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
  text-align:center;
  font-weight:950;
}

.slovenia-axle-check small {
  display:block;
  margin-top:4px;
  font-weight:650;
}

.slovenia-axle-check b {
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
  text-align:center;
}

.slovenia-hut-wallet {
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  margin:28px 0;
  padding:22px;
  border:3px solid var(--ink);
  border-radius:6px;
  background:linear-gradient(180deg,#dcecf5 0 42%,#c9d7be 42% 60%,#718765 60%);
  box-shadow:5px 6px 0 #3d5538;
}

.slovenia-hut-wallet div {
  padding:15px;
  border:3px solid var(--ink);
  border-radius:4px;
  background:#fff;
}

.slovenia-hut-wallet h3,
.slovenia-hut-wallet p {
  margin:0;
}

.slovenia-hut-wallet p {
  margin-top:5px;
  color:var(--muted);
  font-weight:700;
}

.slovenia-hut-wallet span {
  display:grid;
  place-items:center;
  width:108px;
  min-height:72px;
  padding:8px;
  border:3px solid var(--ink);
  border-radius:4px 4px 14px 14px;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
  text-align:center;
  font-weight:950;
}

.slovenia-receipt {
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:4px;
  background:linear-gradient(145deg,#fff,#f2e1ea);
  box-shadow:4px 5px 0 #6b3a54;
}

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

.slovenia-receipt div:last-child {
  border-bottom:0;
}

.slovenia-receipt strong {
  text-align:right;
}

.slovenia-article-page .article-money-explorer {
  background:linear-gradient(145deg,#f7fcfd,#fff 50%,#eef4df);
}

@media (max-width:700px) {
  .slovenia-coin-ribbon {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .slovenia-city-line,
  .slovenia-tip-line,
  .slovenia-axle-check,
  .slovenia-hut-wallet {
    grid-template-columns:1fr;
  }

  .slovenia-axle-check b,
  .slovenia-hut-wallet span {
    margin:auto;
  }

  .slovenia-urbana-card {
    grid-template-columns:1fr;
  }

  .slovenia-urbana-card span {
    width:76px;
  }

  .slovenia-receipt div {
    display:grid;
    gap:3px;
  }

  .slovenia-receipt strong {
    text-align:left;
  }
}