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

.bulgaria-article-page {
  --article-accent: #2f8665;
  --article-accent-light: #dff2e7;
  --article-accent-dark: #205e47;
  --article-tint: #f6fbf8;
  margin: 0;
}

.bulgaria-article-page .article-hero.banknotes {
  --article-accent: #cf9d35;
  --article-accent-light: #fff0c4;
  --article-accent-dark: #7e5816;
}

.bulgaria-article-page .article-hero.changeover {
  --article-accent: #2f8665;
  --article-accent-light: #dff2e7;
  --article-accent-dark: #205e47;
}

.bulgaria-article-page .article-hero.payments {
  --article-accent: #4e82ad;
  --article-accent-light: #dcebf6;
  --article-accent-dark: #284f70;
}

.bulgaria-article-page .article-hero.transit {
  --article-accent: #d3635d;
  --article-accent-light: #ffe0dd;
  --article-accent-dark: #843d3b;
}

.bulgaria-article-page .article-hero.tipping {
  --article-accent: #9b72ae;
  --article-accent-light: #eee1f3;
  --article-accent-dark: #62466e;
}

.bulgaria-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.bulgaria-card {
  min-width: 0;
  padding: 18px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: linear-gradient(140deg, var(--article-accent-light), #fff 145%);
  box-shadow: 4px 5px 0 var(--article-accent-dark);
}

.bulgaria-card strong,
.bulgaria-card span,
.bulgaria-note strong,
.bulgaria-note span {
  display: block;
}

.bulgaria-card strong {
  margin-bottom: 6px;
}

.bulgaria-card span {
  color: var(--muted);
  font-size: .92rem;
}

.bulgaria-note {
  display: grid;
  gap: 8px;
  margin: 30px 0;
  padding: 21px 23px;
  border: 3px solid var(--ink);
  border-radius: 7px;
  background: linear-gradient(135deg, #dff2e7 0%, #fff0c4 53%, #ffe0dd 100%);
  box-shadow: 6px 7px 0 var(--ink);
  transform: rotate(-.3deg);
}

.bulgaria-note strong {
  font-size: 1.05rem;
}

.bulgaria-note span {
  color: #303735;
}

.timeline-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 28px 0;
}

.timeline-strip > div {
  min-width: 0;
  padding: 14px 10px;
  border: 2px solid var(--ink);
  border-radius: 5px;
  background: #fff;
  box-shadow: 3px 4px 0 var(--article-accent-dark);
}

.timeline-strip strong,
.timeline-strip span {
  display: block;
}

.timeline-strip strong {
  margin-bottom: 5px;
  color: var(--article-accent-dark);
}

.timeline-strip span {
  color: var(--muted);
  font-size: .82rem;
}

.conversion-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 26px 0;
}

.conversion-board span {
  padding: 15px 8px;
  border: 2px solid var(--ink);
  border-radius: 5px;
  background: #fff9e7;
  text-align: center;
  font-weight: 900;
}

.conversion-board b {
  color: #b44542;
}

.article-footnote {
  color: var(--muted);
  font-size: .88rem;
}

@media (max-width: 760px) {
  .timeline-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .bulgaria-grid,
  .conversion-board {
    grid-template-columns: 1fr;
  }

  .bulgaria-note {
    padding: 18px;
    transform: none;
  }
}