/* Marca Sooma nas paginas do MAS (login, registo, consentimento, conta).
   Injetada pelo nginx antes do </head>, tal como a sooma.css do Element.
   Nao se toca nos templates em /usr/local/share/mas: assim sobrevive a
   actualizacoes do MAS e serve os dois tenants a partir de um so ficheiro. */

/* Mesmo fundo da pagina de entrada do Element, MAS so nas paginas de
   formulario (login, registo, recuperacao, consentimento), que sao as que
   tem .layout-container. A pagina /account/ e uma aplicacao React com outra
   estrutura: com o fundo por tras ficava texto solto sobre a fotografia,
   ilegivel. Melhor sem marca do que ilegivel. */
body:has(.layout-container) {
  background: center/cover fixed url(/brand/fundo-login.jpg) !important;
  min-height: 100vh;
}

/* o conteudo passa a cartao legivel por cima da fotografia */
.layout-container {
  background: rgba(16, 19, 23, .88);
  border-radius: 16px;
  padding: 32px 24px 28px !important;
  margin-top: 6vh !important;
  margin-bottom: 6vh !important;
  box-shadow: 0 2px 28px rgba(0, 0, 0, .38);
}
@media (prefers-color-scheme: light) {
  .layout-container { background: rgba(255, 255, 255, .93); }
}

/* simbolo Sooma no lugar do icone generico do MAS */
.page-heading .icon {
  background-color: transparent !important;
  background-image: url(/brand/icon-sooma.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 44px !important;
}
.page-heading .icon svg { display: none !important; }

/* acento Sooma: #E91A24 e o vermelho de interface, nao o #EB1D25 da
   identidade, pela mesma razao de contraste que vale no Element */
.cpd-button[data-kind="primary"] {
  background-color: #E91A24 !important;
  color: #fff !important;
}
.cpd-button[data-kind="primary"]:hover { background-color: #d4161f !important; }
.cpd-button[data-kind="tertiary"], .legal-footer a, a:not(.cpd-button):not(.sooma-voltar) {
  color: #F9302E !important;
}
@media (prefers-color-scheme: light) {
  .cpd-button[data-kind="tertiary"], .legal-footer a, a:not(.cpd-button):not(.sooma-voltar) {
    color: #E91A24 !important;
  }
}

/* Ligacao de volta ao chat, injectada pelo nginx antes do </body>.
   Sem isto o convidado que aterra no MAS fica sem saida: a pagina de conta
   nao tem nenhuma ligacao para a aplicacao. */
a.sooma-voltar {
  position: fixed; left: 16px; top: 16px; z-index: 99;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px 9px 13px; border-radius: 999px;
  background: #E91A24; color: #fff !important; text-decoration: none;
  font: 600 14px/1 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  box-shadow: 0 1px 6px rgba(0,0,0,.28);
}
a.sooma-voltar:hover { background: #d4161f; }
@media (max-width: 560px) { a.sooma-voltar { left: 12px; top: 12px; } }