/**
 * Coastal subtheme styling for node add page.
 */

/* Style the add content intro text */
.add-content-intro {
  max-width: 46rem;
  margin-bottom: 1.4rem;
  color: rgba(26, 35, 42, 0.82);
  font-family: var(--lots-font-ui);
}

/* Style the node add grid */
.node-add-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  margin: 1.75rem 0 0;
}

/* Style each node add card */
.node-add-card {
  position: relative;
  display: block;
  min-height: 100%;
  padding: 1.15rem 1.1rem 1.05rem;
  border: 1px solid var(--lots-border);
  border-radius: 16px;
  background: rgba(255,255,255,0.88);
  box-shadow: 0 10px 26px rgba(26, 35, 42, 0.06);
  overflow: hidden;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.node-add-card:hover,
.node-add-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(26, 35, 42, 0.10);
  border-color: rgba(93, 72, 57, 0.42);
}

/* Style the node add card icon */
.node-add-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.25rem;
  height: 5.25rem;
  margin-bottom: 1rem;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(93, 72, 57, 0.16), rgba(32, 58, 83, 0.16));
}

/* Style the node add card title */
.node-add-card__title {
  margin: 0 0 0.45rem;
  font-size: 1.35rem;
  line-height: 1.2;
  color: var(--lots-ink);
}

.node-add-card__title a {
  color: inherit;
}

.node-add-card__title a:hover,
.node-add-card__title a:focus {
  color: var(--lots-accent);
}

/* Style the node add card description */
.node-add-card__description {
  margin: 0;
  color: rgba(26, 35, 42, 0.78);
  font-family: var(--lots-font-ui);
  font-size: 0.98rem;
  line-height: 1.45;
}
.add-content-suggestion-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 58rem;
  margin: 1.25rem 0 1.75rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(93, 72, 57, 0.22);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(244, 238, 225, 0.86));
  box-shadow: 0 12px 28px rgba(26, 35, 42, 0.07);
}

.add-content-suggestion-cta h2 {
  margin: 0 0 0.35rem;
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--lots-ink);
}

.add-content-suggestion-cta p {
  margin: 0;
  color: rgba(26, 35, 42, 0.78);
  font-family: var(--lots-font-ui);
  line-height: 1.45;
}

.add-content-suggestion-cta__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  border-radius: 999px;
  background: var(--lots-accent);
  color: #fff;
  font-family: var(--lots-font-ui);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(26, 35, 42, 0.12);
}

.add-content-suggestion-cta__button:hover,
.add-content-suggestion-cta__button:focus {
  color: #fff;
  filter: brightness(0.95);
}

@media (max-width: 680px) {
  .add-content-suggestion-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

.intake-notification-banner__item--needs-more-info {
  border-left-color: #b76e2f;
}

.lots-published-status-focus {
  border-color: rgba(183, 110, 47, 0.52);
}