/* Trail Conditions pills + status modal — hiking-trail pages. Matches the
   drive-time / surf / volcano pill vocabulary (999px pill, 13px bold
   uppercase, white on colored bg). px font sizes per site convention. */

.hg-tc-wrap { display:inline-block; vertical-align:middle; margin:0 6px; }

.hg-tc-pill {
  display:inline-flex; align-items:center; gap:6px;
  border:none; padding:8px 14px; border-radius:999px;
  font-family:inherit; font-size:13px; font-weight:700;
  color:#fff;
  background:#475569;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  line-height:1.2;
  text-transform:uppercase; letter-spacing:.3px;
  -webkit-appearance:none; appearance:none;
  cursor:default;
}
.hg-tc-pill.is-clickable { cursor:pointer; }
.hg-tc-pill.is-clickable:hover { filter:brightness(.92); }
.hg-tc-pill.is-clickable:focus { outline:2px solid #fff; outline-offset:-2px; }
.hg-tc-pill .fa { font-size:13px; opacity:.9; }

/* Closure status */
.hg-tc-pill.is-open    { background:#1D9771; }
.hg-tc-pill.is-caution { background:#b07e00; }
.hg-tc-pill.is-closed  { background:#c3232f; }

/* Mud check */
.hg-tc-pill.is-dry        { background:#475569; }
.hg-tc-pill.is-damp       { background:#475569; }
.hg-tc-pill.is-muddy      { background:#b07e00; }
.hg-tc-pill.is-very-muddy { background:#c4590c; }

/* NWS alert */
.hg-tc-pill.is-alert        { background:#c4590c; }
.hg-tc-pill.is-alert-severe { background:#c3232f; }

/* Status detail modal */
.hg-tc-modal {
  position:fixed; inset:0; z-index:100000;
  display:none;
  align-items:center; justify-content:center;
  background:rgba(15,25,35,.55);
  padding:18px;
}
.hg-tc-modal.is-open { display:flex; }
.hg-tc-modal-card {
  position:relative;
  background:#fff;
  border-radius:14px;
  max-width:520px;
  width:100%;
  padding:22px 24px 18px;
  box-shadow:0 18px 60px rgba(0,0,0,.3);
  box-sizing:border-box;
}
.hg-tc-modal-close {
  position:absolute; top:8px; right:12px;
  background:none; border:none;
  font-size:26px; line-height:1;
  color:#7a8a96; cursor:pointer;
  padding:4px 8px;
  font-family:inherit;
}
.hg-tc-modal-close:hover { color:#1a2b3c; }
.hg-tc-modal-title {
  margin:0 32px 10px 0;
  font-size:20px;
  color:#1a2b3c;
}
.hg-tc-modal-title.is-open    { color:#157a5b; }
.hg-tc-modal-title.is-caution { color:#9a6e00; }
.hg-tc-modal-title.is-closed  { color:#c3232f; }
.hg-tc-modal-detail {
  font-size:16px;
  line-height:1.55;
  color:#34434e;
  margin:0 0 12px;
}
.hg-tc-modal-meta {
  font-size:13px;
  color:#6a7884;
  border-top:1px dashed #dde6ec;
  padding-top:10px;
  margin:0;
}
.hg-tc-modal-meta a { color:#0a5793; font-weight:700; }

@media print {
  .hg-tc-wrap, .hg-tc-modal { display:none !important; }
}