/* burial-flow.css — “Bury / Cremate” flow, file upload, progress, ceremony */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400&family=Work+Sans:wght@400;500&display=swap');

/* Global font defaults */
html, body {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}

h1, h2, h3 {
  font-family: 'Lexend', sans-serif;
  font-weight: 300; /* Light weight */
}


#methodSelector {
  text-align: center;
  margin-bottom: 1rem;
}
.method-btn {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 1rem;
  margin-right: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fffefa;
  cursor: pointer;
  transition: background-color .2s, border-color .2s;
}
.method-btn input {
  margin-right: 0.5rem;
}
.method-btn:hover {
  background: #f5f1dd;
}
.method-btn:has(input:checked) {
  background: #f5f1dd;
  border-color: #70695d;
}

.upload-box {
  border: 2px dashed #aaa;
  border-radius: 12px;
  padding: 2rem;
  text-align: center;
  background: #fffefa;
  cursor: pointer;
  margin-bottom: 2rem;
  font-weight: bold;
  transition: background-color .2s ease;
}
.upload-box:hover {
  background: #f5f1dd;
}

.hidden {
  display: none;
}

.progress-bar {
  width: 100%;
  background: #e1ddd1;
  border: 1px solid #ccc;
  height: 20px;
  margin-top: 1rem;
}
.progress-fill {
  height: 100%;
  width: 0;
  background: #70695d;
  transition: width 5s linear;
}

.ceremony {
  margin-top: 2rem;
}

/* Tombstone card: arch top + subtle stone shading */
.tombstone {
  margin-top: 2rem;
  padding: 2rem;
  border: 2px solid #555;
  background: #f1f1ee;
  text-align: center;
  font-size: 1.3rem;
  opacity: 0;
  transition: opacity 2s ease-in;

  /* new: mega-rounded top corners, small bottom corners */
  border-radius: 36px 36px 10px 10px;

  /* new: gentle “stone” shading */
  box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
  background-image: linear-gradient(180deg, rgba(0,0,0,.035), rgba(0,0,0,0) 40%);
  background-blend-mode: multiply;
}
.tombstone.show {
  opacity: 1;
}

/* Hide "Check the remains" when method is bury (no markup rename required) */
.tombstone[data-method="bury"] .js-remains,
.tombstone[data-method="bury"] .button.remains,
.tombstone[data-method="bury"] [data-role="remains"] {
  display: none !important;
}

.options-afterlife {
  margin-top: 2rem;
  text-align: center;
  font-size: .95rem;
}

.button {
  display: block;
  margin: 1.5rem auto .5rem auto;
  padding: .6rem 1.2rem;
  font-size: 1rem;
  border: none;
  background: #3a3a3a;
  color: #fff;
  cursor: pointer;
}
.link {
  display: block;
  margin-top: 1rem;
  text-align: center;
  color: #555;
  text-decoration: underline;
  cursor: pointer;
  font-size: .9rem;
}
/* Make file inputs programmatically clickable while staying invisible */
.hidden-file {
  position: fixed;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.license-note {
  font-size: 0.85rem;
  opacity: 0.8;
  margin-top: 0.5rem;
  text-align: center;
}

.license-note a {
  color: inherit;
  text-decoration: underline;
}

.license-note a:hover {
  text-decoration: none;
}

/* section titles inside cards */
.card-title{
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--muted);
  text-transform: uppercase;
}

/* tidy rows in the report */
.report-grid .row{
  display:flex; gap: 10px; align-items: baseline;
  padding: 4px 0;
}
.report-grid strong{ min-width: 150px; }

/* input styling to match the new system */
.input{
  height: 42px; width: 100%;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: #fff;
  font: inherit;
}

/* license line */
.license-note{
  font-size: 0.85rem;
  opacity: .85;
}
.license-note a{ text-decoration: underline; }
.license-note a:hover{ text-decoration: none; }