/* mold theme — overrides.css
   Parchment & ink; straight lines; sharp corners; strong separation
   This file overrides provided styles.
*/
/* === SEARCH (OVERRIDES) === */
/* Input grows, button keeps natural width */
.search-input {
  flex: 1 1 auto;
  width: 100%;
  font-size: 1.125rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--rule);
  border-radius: 0.5rem;
  outline: none;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  background: var(--field);
  color: var(--ink);
}
.search-input:focus {
  border-color: var(--accent);
  box-shadow: var(--focus);
}
.search-btn:hover {
  filter: brightness(0.94);
  text-decoration: none;
}
.search-btn:focus-visible {
  box-shadow: var(--focus);
}
/* Results list */
.search-item {
  border: 1px solid var(--rule);
  border-radius: var(--radius);
}
.search-item:hover {
  border-color: color-mix(in srgb, var(--accent) 35%, var(--rule));
}
.search-kind {
  border-radius: var(--radius);
}
.search-date {
  color: var(--ink-muted);
}
.search-excerpt {
  color: var(--ink);
}
.search-empty {
  opacity: 0.8;
}
/* === COMMENTS (OVERRIDES) === */
.d1-parent-link {
  text-decoration: none;
}
.d1-comments__heading {
  font-family: var(--ui);
  border-bottom: 1px solid var(--line) !important;
}
@media (max-width: 700px) {
  .d1-comments__heading {
    padding: 0 0.6rem;
  }
}
.d1-comment {
  background: var(--paper) !important;
  border: 1px solid var(--rule);
  border-radius: var(--radius);
}
.d1-comment__meta {
  border: none;
  box-shadow: none;
  font-family: var(--ui);
}
.d1-comment__time {
  font-size: 0.86rem;
}
/* Nested replies */
.d1-replies {
  border-left: 2px solid var(--rule);
}
/* Body */
.d1-comment__body {
  background: var(--paper-soft);
}
/* Reply UX */
.d1-replying-hint {
  border-radius: 0;
}
.d1-comment__replying-note {
  font-family: var(--ui);
}
/* Avatar */
.d1-comment__avatar {
  border-radius: 50%;
}
/* Form */
.d1-form {
  background: var(--paper-soft) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius);
  font-family: var(--ui);
}
.d1-form-home {
  margin-top: 0.7rem;
}
.d1-form input[type="text"],
.d1-form input[type="email"],
.d1-form input[type="url"],
.d1-form textarea {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius);
}
.d1-form button[type="submit"] {
  border: 1px solid var(--line) !important;
  background: var(--paper) !important;
}
.d1-form button[type="submit"]:hover {
  background: var(--accent-weak) !important;
  border-color: var(--accent) !important;
}