/* =========================================================
   1. LOGO ANAMNESIST AL POSTO DI "Docmost" NELLA NAVBAR
   ========================================================= */

a.mantine-Text-root[href="/home"] {
  font-size: 0 !important;
  position: relative;
  display: inline-block !important;
  width: 120px;
  height: 24px;
  padding: 0 !important;
}

a.mantine-Text-root[href="/home"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 120px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url("/branding/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

/* =========================================================
   2. SPOTLIGHT SEARCH – SOLO TONDO E PULITO
   ========================================================= */

/* Popup principale: bordi arrotondati, niente layout cambiato */
.mantine-Spotlight-content {
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* Campo di ricerca più morbido */
.mantine-Spotlight-search {
  border-radius: 14px !important;
}

/* Wrapper input */
.mantine-Spotlight-content .mantine-Input-wrapper {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Pulsanti filtro arrotondati (quello che rimane) */
.mantine-Spotlight-content .mantine-Button-root {
  border-radius: 12px !important;
}

/* Risultati con hover più morbido */
.mantine-Spotlight-actionsList button {
  border-radius: 10px !important;
}

.mantine-Spotlight-actionsList button:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

[data-mantine-color-scheme="dark"] .mantine-Spotlight-actionsList button:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Nasconde il secondo filtro "Type: Pages" nella barra dei filtri */
.mantine-Spotlight-content ._filtersContainer_63krg_1 .mantine-Button-root:nth-of-type(2) {
  display: none !important;
}

/* =========================================================
   3. BOTTONE DI RICERCA MOBILE PIÙ BELLO, SENZA TOCCARE ALTRO
   ========================================================= */

@media (max-width: 768px) {
  /* Solo il pulsante che contiene l’icona della lente
     (di solito il pulsante Spotlight in navbar) */
  header button:has(.tabler-icon-search) {
    width: 44px !important;
    height: 36px !important;
    border-radius: 12px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.12s ease-out, box-shadow 0.12s ease-out !important;
  }

  header button:has(.tabler-icon-search) svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.7 !important;
  }

  header button:has(.tabler-icon-search):active {
    transform: scale(0.96) !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  }

  /* Variante dark mode */
  [data-mantine-color-scheme="dark"] header button:has(.tabler-icon-search) {
    background: rgba(40, 40, 40, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
  }
}

/* =========================================================
   4. FONT GENERALE (OPZIONALE, MA CARINO)
   ========================================================= */

body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    system-ui, sans-serif !important;
}