/* GoldenHeritage — components.css */

.card{
  background: #fff;
  border: 1px solid rgba(25,30,34,.1);
  border-radius: 10px;
  padding: 1.3rem 1.4rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.card h3{ margin-top:0; }

.notice{
  border-left: 5px solid var(--warning);
  background: #fdf1e9;
  padding: 1rem 1.2rem;
  border-radius: 4px;
  margin: 1.4rem 0;
}
.notice-success{
  border-left-color: var(--success);
  background: #e9f4f0;
}
.notice p:last-child{ margin-bottom: 0; }

.verify-tag{
  display:inline-block;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--warning);
  border: 1px solid var(--warning);
  border-radius: 12px;
  padding: .1em .7em;
  margin-left: .4em;
  vertical-align: middle;
}

/* Planner */
.planner-form fieldset{
  border: 1px solid rgba(25,30,34,.15);
  border-radius: 8px;
  padding: 1rem 1.2rem 1.2rem;
  margin: 0 0 1.4rem;
}
.planner-form legend{
  font-family: var(--font-head);
  font-weight: 700;
  padding: 0 .5em;
}
.radio-row{
  display:flex;
  flex-wrap: wrap;
  gap: .6rem;
}
.radio-option{
  display:flex;
  align-items:center;
  gap: .5em;
  background: var(--bg-light);
  border: 1px solid rgba(25,30,34,.2);
  border-radius: 8px;
  padding: .55em .9em;
  cursor: pointer;
}
.radio-option:has(input:checked){
  border-color: var(--accent);
  background: #e9f2ec;
}
.radio-option input{ margin: 0; }

#planner-results-list{
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  gap: 1rem;
}
.point-card{
  border: 1px solid rgba(25,30,34,.15);
  border-left: 5px solid var(--accent);
  border-radius: 8px;
  padding: 1rem 1.2rem;
  background: #fff;
}
.point-card .point-title{
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1.05rem;
  margin: 0 0 .3em;
}
.point-meta{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem 1.2rem;
  font-size: .92rem;
  margin: .4rem 0;
}
.elev-up{ color: var(--warning); font-weight: 700; }
.elev-down{ color: var(--success); font-weight: 700; }
.elev-flat{ color: var(--text-on-light); font-weight: 700; }
.category-badge{
  display:inline-block;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .03em;
  background: var(--bg-light);
  border: 1px solid rgba(25,30,34,.2);
  border-radius: 12px;
  padding: .1em .7em;
}
.point-note{
  font-size: .85rem;
  color: rgba(25,30,34,.75);
  margin: .4rem 0 0;
}

.noscript-table-wrap{
  overflow-x: auto;
  margin: 1.2rem 0;
}

/* FAQ */
.faq-item{
  border-bottom: 1px solid rgba(25,30,34,.15);
  padding: 1rem 0;
}
.faq-item h3{ margin-bottom: .4em; }

/* skip control visuals already in base */

.btn{
  display:inline-block;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  font-family: var(--font-head);
  font-weight: 600;
  padding: .7em 1.3em;
  border-radius: 6px;
}
.btn:hover, .btn:focus{ background: var(--success); color:#fff; }