@charset "UTF-8";

/**
 * CSS's específicos da aplicação.
 *
 * Copyright (c) 2025 IFAP. Todos os direitos reservados.
 * @author joao.melo@ifap.pt
 */

/* Open Sans, by Steve Matteson - https://fonts.google.com/specimen/Open+Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@import '_branding.css';
@import '_env-banner.css';
@import '_footer.css';

:root,
[data-bs-theme=light] {
    --bs-font-sans-serif: "Open Sans", system-ui, apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-size: 13px;
}

html,
body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;

    font-family: 'Open Sans', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

main {
    flex: 1;
    /* ocupa o espaço disponível entre header e footer */
}

.navbar-light {
    background-color: rgba(251, 251, 251, 1);
}

.navbar-light a,
.navbar-light a:hover {
    color: inherit !important;
}

.navbar-light a:hover {
    text-decoration: underline;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
}

.navbar-light .navbar-brand,
.navbar-light a {
    color: inherit;
}

.jumbotron {
    border-radius: 0;
    background: inherit;
}

.clickable {
    cursor: pointer;
}

.clickable:hover,
.clickable:hover a {
    color: #267897;
}

/* Login page */
@media (min-width: 768px) {
    .h-md-100 {
        height: 100vh;
    }
}

.btn-round {
    border-radius: 30px;
}

.text-cyan {
    color: #35bdff;
}

.frosted-glass {
    background: rgba(245, 245, 245, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* para Safari */
}

/* Adorno à esquerda do input */
.input-group > .input-group-text:first-child {
  background-color: transparent;
  border-right: none;
}

.input-group > .form-control:not(:last-child) {
  border-right: none;
}

/* Adorno à direita do input */
.input-group > .input-group-text:last-child {
  background-color: transparent;
  border-left: none;
}

.input-group > .form-control:not(:first-child) {
  border-left: none;
}