a { text-decoration: none; }

.custom-link { color: var(--bs-body-color); }
.custom-link:hover,
.custom-link:focus { color: var(--bs-link-hover-color); }

#header { transition: transform 0.2s ease-out; }

/* === Boosty === */
body[data-section="boosty"] .author-card {
  position: relative;
  width: 150px;
  height: auto;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

body[data-section="boosty"] .author-link { color: var(--bs-body-color); }

body[data-section="boosty"] .author-link:hover > div {
  box-shadow: 0 0 10px var(--bs-link-color);
  color: var(--bs-body-color);
}

body[data-section="boosty"] #post_content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

body[data-section="boosty"] #post_content hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

body[data-section="boosty"][data-page="post"][data-bs-theme="light"] {
  background-color: #f4f0e8;
}

/* === Main === */
body[data-section="main"][data-page="reader"][data-bs-theme="light"] {
  background-color: #f4f0e8;
}

body[data-section="main"] .annotation p {
  margin-bottom: 0.4rem;
  font-size: 15px;
}

/* По умолчанию скрыты; включаем по медиа-запросам */
body[data-section="main"] .desktop { display: none; border: none; }
body[data-section="main"] .mobile  { display: none; border: none; }

@media (min-width: 571px) {
  body[data-section="main"] .desktop { display: flex; border: 5px; }
}

@media (max-width: 570px) {
  body[data-section="main"] .mobile { display: block; }
}

/* Инпуты и кнопка очистки */
body[data-section="main"] #clear-button {
  padding-left: 15px;
  display: none;
}

body[data-section="main"] #searchbar:focus ~ #clear-button,
body[data-section="main"] #searchbar:not(:placeholder-shown) ~ #clear-button,
body[data-section="main"] #orderbar:focus ~ #clear-button,
body[data-section="main"] #orderbar:not(:placeholder-shown) ~ #clear-button {
  display: block;
}

body[data-section="main"] #search-submit { padding-right: 15px; }