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

.ireland-article-page {
  --article-accent: #2d825c;
  --article-accent-light: #def2e7;
  --article-accent-dark: #205b41;
  --article-tint: #f7fcf9;
  margin: 0;
}

.ireland-article-page .article-hero.banknotes {
  --article-accent: #2d825c;
  --article-accent-light: #def2e7;
  --article-accent-dark: #205b41;
}

.ireland-article-page .article-hero.border {
  --article-accent: #6176a4;
  --article-accent-light: #e1e7f3;
  --article-accent-dark: #3c4d75;
}

.ireland-article-page .article-hero.transit {
  --article-accent: #d5a833;
  --article-accent-light: #faebba;
  --article-accent-dark: #735b1e;
}

.ireland-article-page .article-hero.toll {
  --article-accent: #a66a9c;
  --article-accent-light: #f0dff0;
  --article-accent-dark: #684160;
}

.ireland-article-page .article-hero.tipping {
  --article-accent: #bd654a;
  --article-accent-light: #f5dfd8;
  --article-accent-dark: #753d2d;
}

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

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

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

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

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

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

.ireland-border-line span,
.ireland-leap-line span,
.ireland-clock-line span {
  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;
}

.ireland-border-line small,
.ireland-leap-line small,
.ireland-clock-line small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 650;
}

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

.ireland-rounding span {
  display: grid;
  place-items: center;
  min-height: 88px;
  padding: 10px;
  border: 3px solid var(--ink);
  border-radius: 50%;
  background: linear-gradient(145deg, #f9edbd, #caa64e);
  box-shadow: 3px 4px 0 var(--ink);
  text-align: center;
  font-weight: 900;
}

.ireland-rounding small {
  display: block;
  font-weight: 700;
}

.ireland-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, #f2faf6, #fff 52%, #fff0c9);
}

@media (max-width: 700px) {
  .ireland-grid,
  .ireland-border-line,
  .ireland-leap-line,
  .ireland-clock-line {
    grid-template-columns: 1fr;
  }

  .ireland-rounding {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ireland-rounding span {
    min-height: 76px;
    border-radius: 6px;
  }
}