@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Montserrat:wght@700;900&display=swap');

body {
  font-family: 'Roboto', 'Arial', sans-serif;
  background: #faf8f6;
  color: #222;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', 'Arial', sans-serif;
  font-weight: 700;
}

button, input, select, textarea {
  font-family: inherit;
}

/* QuickMenu buttons */
.quickmenu-btn {
  padding: 0.4rem 0.8rem;
  border-radius: 16px;
  border: 2px solid #ff9800;
  background: #fff3e0;
  color: #b85c00;
  cursor: pointer;
  font-size: 0.95rem;
  margin-bottom: 0.2rem;
  transition: background 0.2s, color 0.2s;
}
.quickmenu-btn:hover {
  background: #ff9800;
  color: #fff;
}

.quickmenu-btn-active {
  background: #ff9800;
  color: #fff;
}

/* SearchSidebar border */
.search-sidebar-input {
  border: 2px solid #ffb74d !important;
}

/* Pagination buttons */
.pagination-btn {
  border: 2px solid #ffb74d;
  background: #fff3e0;
  color: #b85c00;
  border-radius: 6px;
  padding: 0.3rem 0.8rem;
  margin: 0 0.2rem;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.pagination-btn:hover {
  background: #ff9800;
  color: #fff;
}

/* Quick Title styles */
.quick-title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
}
.quick-title span {
  display: inline-block;
}
.quick-title span:first-child, .quick-title span:last-child {
  filter: drop-shadow(0 2px 2px #ffb74d88);
}
.quick-title span:nth-child(2) {
  font-size: 1.1em;
  font-weight: 900;
  letter-spacing: 2px;
}
.quick-title span:nth-child(3) {
  font-size: 1em;
  font-weight: 700;
  margin-left: 0.2em;
}