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

.kosovo-article-page {
  --article-accent:#3c6eb0;
  --article-accent-light:#ddeafa;
  --article-accent-dark:#294d7c;
  --article-tint:#f8fbff;
  margin:0;
}

.kosovo-article-page .article-hero.euro {
  --article-accent:#3c6eb0;
  --article-accent-light:#ddeafa;
  --article-accent-dark:#294d7c;
}

.kosovo-article-page .article-hero.wallet {
  --article-accent:#3f816d;
  --article-accent-light:#deeee8;
  --article-accent-dark:#295447;
}

.kosovo-article-page .article-hero.border {
  --article-accent:#bd7c2f;
  --article-accent-light:#fff0c9;
  --article-accent-dark:#78501f;
}

.kosovo-article-page .article-hero.rule {
  --article-accent:#9a4e59;
  --article-accent-light:#f5dfe2;
  --article-accent-dark:#66343b;
}

.kosovo-article-page .article-hero.tipping {
  --article-accent:#745c91;
  --article-accent-light:#eae3f2;
  --article-accent-dark:#4d3d60;
}

.kosovo-euro-path,
.kosovo-wallet-lanes,
.kosovo-border-line,
.kosovo-cash-rule,
.kosovo-tip-table {
  display:grid;
  gap:14px;
  align-items:center;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
}

.kosovo-euro-path {
  grid-template-columns:1fr auto 1fr;
  background:linear-gradient(145deg,#ddeafa,#fff 48%,#fff0c9);
  box-shadow:5px 6px 0 #294d7c;
}

.kosovo-euro-path div,
.kosovo-wallet-lanes div,
.kosovo-cash-rule div {
  min-width:0;
  padding:17px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
}

.kosovo-euro-path strong,
.kosovo-euro-path span,
.kosovo-wallet-lanes strong,
.kosovo-wallet-lanes span,
.kosovo-cash-rule strong,
.kosovo-cash-rule span {
  display:block;
}

.kosovo-euro-path strong,
.kosovo-wallet-lanes strong,
.kosovo-cash-rule strong {
  font-size:1.3rem;
}

.kosovo-euro-path span,
.kosovo-wallet-lanes span,
.kosovo-cash-rule span {
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

.kosovo-euro-path b {
  display:grid;
  place-items:center;
  width:66px;
  aspect-ratio:1;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
  font-size:1.4rem;
}

.kosovo-wallet-lanes {
  grid-template-columns:1fr 1fr;
  background:linear-gradient(145deg,#deeee8,#fff 52%,#ddeafa);
  box-shadow:5px 6px 0 #295447;
}

.kosovo-wallet-lanes div:last-child {
  transform:translateY(-7px);
}

.kosovo-border-line {
  grid-template-columns:minmax(0,1fr) auto;
  background:linear-gradient(145deg,#fff0c9,#fff 50%,#f5dfe2);
  box-shadow:5px 6px 0 #78501f;
}

.kosovo-border-line div {
  padding:18px;
  border:3px dashed var(--ink);
  background:#fff;
}

.kosovo-border-line h3,
.kosovo-border-line p {
  margin:0;
}

.kosovo-border-line p {
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

.kosovo-border-line > strong {
  display:grid;
  place-items:center;
  width:106px;
  aspect-ratio:1;
  border:4px double var(--ink);
  border-radius:50%;
  background:#f2c94c;
  box-shadow:3px 4px 0 var(--ink);
  text-align:center;
  font-size:1.45rem;
}

.kosovo-cash-rule {
  grid-template-columns:1fr auto 1fr;
  background:linear-gradient(145deg,#f5dfe2,#fff 50%,#ddeafa);
  box-shadow:5px 6px 0 #66343b;
}

.kosovo-cash-rule b {
  display:grid;
  place-items:center;
  min-width:74px;
  min-height:74px;
  padding:8px;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#f2c94c;
  text-align:center;
  font-size:1.1rem;
}

.kosovo-tip-table {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#eae3f2,#fff 52%,#fff0c9);
  box-shadow:5px 6px 0 #4d3d60;
}

.kosovo-tip-table 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;
  font-weight:950;
}

.kosovo-tip-table small {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

.kosovo-atm-receipt {
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:4px;
  background:linear-gradient(145deg,#fff,#ddeafa);
  box-shadow:4px 5px 0 #294d7c;
}

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

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

.kosovo-atm-receipt strong {
  text-align:right;
}

.kosovo-article-page .article-money-explorer {
  background:linear-gradient(145deg,#f8fbff,#fff 52%,#fff3d7);
}

@media (max-width:700px) {
  .kosovo-euro-path,
  .kosovo-wallet-lanes,
  .kosovo-border-line,
  .kosovo-cash-rule,
  .kosovo-tip-table {
    grid-template-columns:1fr;
  }

  .kosovo-euro-path b,
  .kosovo-border-line > strong,
  .kosovo-cash-rule b {
    margin:auto;
  }

  .kosovo-wallet-lanes div:last-child {
    transform:none;
  }

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

  .kosovo-atm-receipt strong {
    text-align:left;
  }
}