/* Estilo alinhado com docs.duo.pt: paleta red, Inter + JetBrains Mono (via tema). */

/* Homepage hero */
.hero-title {
  text-align: center;
  font-size: 2.2rem;
  margin: 2.5rem 0 1.5rem;
}
.hero-search {
  max-width: 34rem;
  margin: 0 auto 2.5rem;
  padding: .85rem 1.4rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 2rem;
  background: var(--md-default-bg-color);
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  color: var(--md-default-fg-color--light);
  cursor: pointer;
  transition: box-shadow .2s, border-color .2s;
}
.hero-search:hover {
  box-shadow: 0 4px 18px rgba(0,0,0,.16);
  border-color: var(--md-accent-fg-color);
}
.hero-cta { text-align: center; margin: 3rem 0 2rem; }

/* Cards */
.grid.cards > ul > li, .grid > .card {
  border-radius: .6rem;
}
.grid.cards > ul > li:hover {
  border-color: var(--md-accent-fg-color);
}

/* Logo Sooma: versão cor em modo claro, branca em modo escuro */
[data-md-color-scheme="slate"] .md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-nav__button.md-logo img {
  content: url("../assets/sooma-logo-white-full.svg");
}

/* Logo maior, base das letras alinhada com o texto do site_name */
.md-header__inner { padding-top: .6rem; }
.md-header__button.md-logo { padding-block: .2rem; }
.md-header__button.md-logo img {
  height: 2rem;
  transform: translateY(-9.3px);
}


/* Página do assistente */
#sooma-chat {
  height: min(65vh, 640px);
  max-width: 46rem;
  margin: 0 auto;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .6rem;
  overflow: hidden;
}
#sooma-chat .chat-layout { height: 100%; }
:root {
  --chat--color-primary: #ef5552;
  --chat--color-secondary: #ef5552;
}


/* Formulário Zammad */
#sooma-zammad-form { max-width: 34rem; margin: 0 auto; }
#sooma-zammad-form .form-control, #sooma-zammad-form input, #sooma-zammad-form textarea {
  width: 100%; padding: .55rem .8rem; margin-bottom: .8rem;
  border: 1px solid var(--md-default-fg-color--lightest); border-radius: .4rem;
  background: var(--md-default-bg-color); color: var(--md-default-fg-color);
}
#sooma-zammad-form button[type=submit] {
  background: var(--md-accent-fg-color); color: #fff; border: 0;
  padding: .6rem 1.6rem; border-radius: 2rem; cursor: pointer; font-weight: 600;
}

/* Capturas de ecrã: telemóvel estreito, desktop limitado */
.md-typeset img[src*="/mobile-"] { width: auto; max-width: min(260px, 100%); height: auto; display: block; margin: .6em 0; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 12px; }
.md-typeset img[src*="/desktop-"] { width: auto; max-width: min(720px, 100%); height: auto; display: block; margin: .6em 0; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 4px; }
.md-typeset img[src*="/tablet-"] { width: auto; max-width: min(520px, 100%); height: auto; display: block; margin: .6em 0; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 8px; }

/* Janelas da aplicação de suporte remoto (capturas 2x com cantos transparentes) */
.md-typeset img[src*="/rustdesk-"] { width: auto; max-width: min(300px, 100%); height: auto; display: block; margin: .8em 0; filter: drop-shadow(0 2px 8px rgb(0 0 0 / .18)); }
.md-typeset img[src*="/rustdesk-janela-macos"] { max-width: min(220px, 100%); }