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

.greece-article-page {
  --article-accent: #3478b4;
  --article-accent-light: #dceefb;
  --article-accent-dark: #245680;
  --article-tint: #f7fbff;
  margin: 0;
}

.greece-article-page .article-hero.banknotes {
  --article-accent: #3478b4;
  --article-accent-light: #dceefb;
  --article-accent-dark: #245680;
}

.greece-article-page .article-hero.receipt {
  --article-accent: #4f9b75;
  --article-accent-light: #dcefe5;
  --article-accent-dark: #306149;
}

.greece-article-page .article-hero.transit {
  --article-accent: #dfad31;
  --article-accent-light: #faeab7;
  --article-accent-dark: #765b19;
}

.greece-article-page .article-hero.islands {
  --article-accent: #2f8fa7;
  --article-accent-light: #d8f0f3;
  --article-accent-dark: #225e6e;
}

.greece-article-page .article-hero.tipping {
  --article-accent: #dd7460;
  --article-accent-light: #f8dfd8;
  --article-accent-dark: #884638;
}

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

.greece-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);
}

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

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

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

.greece-coin-story {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 28px 0;
}

.greece-coin-story span {
  display: grid;
  place-items: center;
  min-height: 92px;
  padding: 12px 8px;
  border: 3px solid var(--ink);
  border-radius: 50%;
  background: linear-gradient(145deg, #fff2bf, #c59437);
  box-shadow: 3px 4px 0 var(--ink);
  text-align: center;
  font-weight: 900;
}

.greece-coin-story small {
  display: block;
  margin-top: 3px;
  font-weight: 700;
}

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

.greece-tap-line span {
  padding: 15px 10px;
  border: 3px solid var(--ink);
  border-radius: 5px;
  background: linear-gradient(145deg, #faeab7, #fff);
  text-align: center;
  font-weight: 900;
}

.greece-tap-line small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 600;
}

.greece-port-wallet {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 28px 0;
}

.greece-port-wallet span {
  padding: 16px 10px;
  border: 2px solid var(--ink);
  border-radius: 5px;
  background: linear-gradient(145deg, #d8f0f3, #fff);
  box-shadow: 3px 4px 0 #225e6e;
  text-align: center;
  font-weight: 900;
}

.greece-article-page .article-money-explorer {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(22px, calc((100vw - 1180px) / 2));
  border-block: 3px solid var(--ink);
  background: linear-gradient(145deg, #f3f9fc, #fff 52%, #fff0c9);
}

@media (max-width: 700px) {
  .greece-grid,
  .greece-tap-line,
  .greece-port-wallet {
    grid-template-columns: 1fr;
  }

  .greece-coin-story {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .greece-coin-story span {
    min-height: 80px;
    border-radius: 6px;
  }
}