/* ============================================================
   Homepage custom.css
   Subtle polish on top of the slate theme
   ============================================================ */

/* ---------- Service & bookmark cards ---------- */

.service-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.service-card:hover {
  transform: translateY(-1px);
}

/* ---------- Group headings ---------- */

.service-group-name {
  letter-spacing: 0.02em;
}

/* ---------- Search bar: full-width row below all top widgets ---------- */

/* Make #widgets-wrap a positioning context with room below for the search */
#widgets-wrap {
  position: relative;
  padding-bottom: 4rem;
}

/* Take the search out of the flex flow and stretch it across the full width */
.information-widget-search {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
}

/* Inner wrapper: override h-8 height constraint, full width */
.information-widget-search > div {
  height: 3rem !important;
  width: 100% !important;
  margin: 0 !important;
}

/* The input itself */
.information-widget-search input[role="combobox"] {
  font-size: 1.1rem !important;
  padding: 0.5rem 1rem !important;
}

.information-widget-search input[role="combobox"]::placeholder {
  opacity: 0.6;
  letter-spacing: 0.02em;
}

.information-widget-search button {
  padding: 0.5rem 1rem !important;
}

/* ---------- Date/time widget ---------- */

.information-widget-datetime {
  font-variant-numeric: tabular-nums;
}