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

.australia-article-page {
  --article-accent:#287f9a;
  --article-accent-light:#dceff4;
  --article-accent-dark:#1c596c;
  --article-tint:#f7fcfd;
  margin:0;
}

.australia-article-page .article-hero.notes {
  --article-accent:#287f9a;
  --article-accent-light:#dceff4;
  --article-accent-dark:#1c596c;
}

.australia-article-page .article-hero.cards {
  --article-accent:#c95449;
  --article-accent-light:#f8dfdc;
  --article-accent-dark:#85372f;
}

.australia-article-page .article-hero.transit {
  --article-accent:#347e59;
  --article-accent-light:#dff1e6;
  --article-accent-dark:#24593e;
}

.australia-article-page .article-hero.refund {
  --article-accent:#bd7a22;
  --article-accent-light:#fff0c6;
  --article-accent-dark:#795018;
}

.australia-article-page .article-hero.tipping {
  --article-accent:#725895;
  --article-accent-light:#eae2f4;
  --article-accent-dark:#4d3b65;
}

.australia-rounding-board,
.australia-payment-split,
.australia-city-grid,
.australia-tip-grid {
  display:grid;
  gap:14px;
  margin:28px 0;
  padding:20px;
  border:3px solid var(--ink);
  border-radius:6px;
}

.australia-rounding-board {
  grid-template-columns:repeat(5,minmax(0,1fr));
  background:linear-gradient(145deg,#dceff4,#fff 48%,#fff0c6);
  box-shadow:5px 6px 0 #1c596c;
}

.australia-rounding-board span,
.australia-payment-split > div,
.australia-city-grid > div,
.australia-tip-grid > span {
  min-width:0;
  padding:15px 9px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:#fff;
  box-shadow:3px 4px 0 var(--ink);
  text-align:center;
}

.australia-rounding-board b,
.australia-rounding-board small,
.australia-payment-split strong,
.australia-payment-split span,
.australia-city-grid strong,
.australia-city-grid span,
.australia-city-grid small,
.australia-tip-grid strong,
.australia-tip-grid small {
  display:block;
}

.australia-rounding-board b {
  font-size:1.18rem;
}

.australia-rounding-board small,
.australia-payment-split span,
.australia-city-grid span,
.australia-city-grid small,
.australia-tip-grid small {
  margin-top:5px;
  color:var(--muted);
  font-weight:750;
}

.australia-rounding-board span:nth-child(1),
.australia-rounding-board span:nth-child(5) {
  transform:rotate(-2deg);
}

.australia-rounding-board span:nth-child(4) {
  transform:rotate(2deg);
}

.australia-payment-split {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#f8dfdc,#fff 52%,#dceff4);
  box-shadow:5px 6px 0 #85372f;
}

.australia-payment-split strong,
.australia-city-grid strong,
.australia-tip-grid strong {
  font-size:1.08rem;
}

.australia-surcharge-slip,
.australia-trs-receipt {
  width:min(100%,610px);
  margin:28px auto;
  padding:22px;
  border:3px solid var(--ink);
  border-radius:5px;
  background:linear-gradient(150deg,#fff,#fff0c6);
  box-shadow:5px 6px 0 #795018;
}

.australia-surcharge-slip > span,
.australia-trs-receipt > span {
  display:block;
  font-size:.78rem;
  font-weight:950;
}

.australia-surcharge-slip > strong,
.australia-trs-receipt > strong {
  display:block;
  margin:7px 0 16px;
  padding:9px;
  border:3px double var(--ink);
  text-align:center;
  font-size:clamp(1.35rem,4vw,2.2rem);
}

.australia-surcharge-slip > strong {
  color:#85372f;
}

.australia-trs-receipt > strong {
  color:#795018;
}

.australia-surcharge-slip div,
.australia-trs-receipt div {
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:9px 0;
  border-bottom:2px dotted rgba(22,22,22,.32);
}

.australia-surcharge-slip div:last-child,
.australia-trs-receipt div:last-child {
  border-bottom:0;
}

.australia-city-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  background:linear-gradient(145deg,#dff1e6,#fff 50%,#dceff4);
  box-shadow:5px 6px 0 #24593e;
}

.australia-city-grid > div {
  text-align:left;
}

.australia-city-grid b {
  display:inline-grid;
  place-items:center;
  width:42px;
  aspect-ratio:1;
  margin-bottom:10px;
  border:3px solid var(--ink);
  border-radius:50%;
  background:#f2c94c;
  box-shadow:2px 3px 0 var(--ink);
}

.australia-tip-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(145deg,#eae2f4,#fff 52%,#fff0c6);
  box-shadow:5px 6px 0 #4d3b65;
}

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

@media (max-width:700px) {
  .australia-rounding-board,
  .australia-payment-split,
  .australia-city-grid,
  .australia-tip-grid {
    grid-template-columns:1fr;
  }

  .australia-rounding-board span {
    transform:none !important;
  }

  .australia-surcharge-slip div,
  .australia-trs-receipt div {
    display:grid;
    gap:3px;
  }
}