/*
 * Sweetly — modifiche allo stile vendorizzato di GO.cam.
 *
 * File aggiuntivo, mai un patch del loro main.css: così un `git pull`
 * dall'upstream (github.com/Godotcam/goCamOpenSource) non va in conflitto,
 * e questo foglio si carica dopo il loro per vincere la cascata.
 *
 * Nota AGPL-3.0: questo è codice MODIFICATO rispetto all'originale. Chi
 * gestisce il servizio deve offrire il sorgente modificato a chi interagisce
 * con esso in rete — vedi il link ".sweetlySourceLink" in base.twig.
 */

/* Il logo GO.cam (`/static/img/logo.svg`, sostituito dal marchio Sweetly —
   vedi `app/frontend/static/img/logo.svg`) compare in ogni schermata
   "intro"/risultato: resta visibile, cambia solo il file. La forma non è
   quadrata (459×488), quindi si vincola l'altezza e non solo la larghezza —
   senza, un logo alto sfonda il riquadro con 20px di margine fisso. */
#avsMainContainer .page .headerLogo img {
  max-height: 64px;
  width: auto;
}

/* Font e raggio dei pulsanti più vicini al resto del sito, senza toccare
   la logica JS che decide colori/stati — quella resta la loro. */
#avsMainContainer {
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    'Segoe UI',
    sans-serif;
}

#avsMainContainer .page .submitArea .button {
  border-radius: 9999px;
}

/* Il cerchio dietro le icone selfie/documento (main.css lo fissa in
   turchese, indipendente dal `colorConfig` che l'API manda) — qui allineato
   al brand. Stesso magenta in entrambi i temi: è decorazione, non testo, e
   sul bianco come sul prugna scuro il contrasto regge comunque. */
#avsMainContainer .page .introIcon {
  background: #d3208b;
  border-color: rgb(211 32 139 / 0.25);
}

/* Le checkbox native (termini e condizioni) prendono il colore del sistema
   di default — un azzurro che non è mai stato nostro. */
#avsMainContainer input[type='checkbox'] {
  accent-color: #d3208b;
}

/* Il link al codice sorgente (obbligo AGPL, vedi base.twig) deve leggersi
   sia sul fondo bianco del tema chiaro sia sul prugna scuro: un colore fisso
   sparirebbe nell'uno o nell'altro, quindi porta il proprio sfondo invece di
   affidarsi a quello della pagina sotto. */
.sweetlySourceLink {
  position: fixed;
  right: 0.75rem;
  bottom: 0.5rem;
  z-index: 10000;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  background: rgb(36 28 54 / 0.55);
  font-size: 0.7rem;
  color: rgb(255 255 255 / 0.85);
  text-decoration: underline;
}