/* Global journal search. Kept separate from tags and feed media so the diary
   can evolve without turning one stylesheet into a catch-all. */

#diaryApp {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#diaryApp > .diary-header,
#diaryApp > .diary-search,
#diaryApp > .diary-film,
#diaryApp > .diary-day-title,
#diaryApp > .diary-search-meta {
  flex: 0 0 auto;
}

#diaryApp > .diary-list {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

.diary-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  padding: 6px 0 7px;
  border-bottom: 1px solid #ececea;
}

.diary-search > svg {
  position: absolute;
  left: 12px;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #8d8d89;
  stroke-width: 1.6;
  stroke-linecap: round;
  pointer-events: none;
}

.diary-search input {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 0 38px 0 35px;
  border: 1px solid #e3e3e0;
  border-radius: 17px;
  outline: 0;
  background: #f7f7f5;
  color: #292927;
  font: 10px/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

.diary-search input:focus {
  border-color: #bdbdb8;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(45,45,42,.04);
}

.diary-search input::placeholder { color: #aaa; }
.diary-search input::-webkit-search-cancel-button {
  appearance: none;
  -webkit-appearance: none;
  display: none;
}

.diary-search #diarySearchClear {
  position: absolute;
  right: 6px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #888;
}

.diary-search #diarySearchClear[hidden] { display: none !important; }

.diary-search-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 43px;
  padding: 8px 2px;
  border-bottom: 1px solid #ececea;
}

.diary-search-meta[hidden] { display: none; }
.diary-search-meta strong { font: 500 12px/1.2 ui-sans-serif, -apple-system, sans-serif; color: #30302e; }
.diary-search-meta small { font-size: 8px; letter-spacing: .09em; color: #999; text-transform: uppercase; }

#diaryApp.is-searching > .diary-film,
#diaryApp.is-searching > .diary-day-title { display: none; }

.diary-search-results { padding-bottom: 28px; }

.diary-search-result {
  border-bottom: 1px solid #ececea;
}

.diary-search-result > button {
  display: block;
  width: 100%;
  min-height: 92px;
  padding: 14px 6px;
  border: 0;
  background: transparent;
  color: #292927;
  text-align: left;
}

.diary-search-result > button:active { background: #f7f7f5; }
.diary-search-result time { display: block; margin-bottom: 7px; color: #999; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.diary-search-result strong { display: block; font: 500 13px/1.45 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.diary-search-result p { margin: 5px 0 0; color: #666; font-size: 10px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.diary-search-result .diary-search-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.diary-search-result .diary-search-tags i { padding: 4px 7px; border: 1px solid #e5e5e2; border-radius: 999px; color: #777; font: 500 7px/1 ui-sans-serif, -apple-system, sans-serif; font-style: normal; }
.diary-search-mark {
  padding: 0 .08em;
  border-radius: 2px;
  background: #fff0a8;
  color: #242421;
  box-shadow: inset 0 -1px 0 rgba(118,95,20,.16);
}
.diary-search-result time .diary-search-mark,
.diary-search-tags .diary-search-mark { background: #f1df8a; }
.diary-search-empty { padding: 46px 8px; color: #999; text-align: center; font-size: 10px; line-height: 1.7; }
.diary-search-hit { animation: diary-search-hit 1.2s ease; }

@keyframes diary-search-hit {
  0%, 36% { background: rgba(226,226,219,.75); }
  100% { background: transparent; }
}

@media (max-width: 390px) {
  .diary-search { min-height: 43px; padding: 5px 0 6px; }
  .diary-search input { height: 32px; }
}