@import url("brand-refresh.css");

.expanded-emergency-search-notice {
  display: grid;
  gap: 3px;
  margin: -4px 0 16px;
  padding: 12px 14px;
  border: 1px solid rgba(163, 62, 50, 0.24);
  border-radius: 12px;
  background: #fff4f1;
  color: #75453f;
  font-size: 0.8rem;
  line-height: 1.4;
}

.expanded-emergency-search-notice[hidden] {
  display: none;
}

.expanded-emergency-search-notice strong {
  color: var(--danger);
  font-size: 0.82rem;
}

.expanded-emergency-search-notice a {
  width: fit-content;
  margin-top: 5px;
  color: var(--danger);
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.expanded-emergency-search-notice.is-unresolved {
  border-color: rgba(146, 98, 28, 0.28);
  background: #fff8e9;
  color: #6b512a;
}

.expanded-emergency-search-notice.is-unresolved strong,
.expanded-emergency-search-notice.is-unresolved a {
  color: #815c1d;
}

.clinic-card.is-extended-emergency {
  border-color: rgba(163, 62, 50, 0.45);
  background: linear-gradient(180deg, #fffaf8, var(--white));
}

.extended-emergency-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border: 1px solid rgba(163, 62, 50, 0.18);
  border-radius: 10px;
  background: #fae6e2;
  color: var(--danger);
  font-size: 0.76rem;
  line-height: 1.3;
}

.extended-emergency-note strong {
  font-size: 0.78rem;
}

.extended-emergency-note span {
  color: #75453f;
  text-align: right;
}

.custom-marker.is-expanded-emergency {
  outline: 4px solid rgba(216, 148, 63, 0.48);
  outline-offset: 3px;
}

@media (max-width: 460px) {
  .expanded-emergency-search-notice {
    margin-bottom: 12px;
  }

  .extended-emergency-note {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .extended-emergency-note span {
    text-align: left;
  }
}