/* Global styles */
html, body {
    min-height: 100vh;
    margin: 0;
}

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

/* Navbar styles */
.navbar.is-primary {
    background-color: #F5F9FC;
}

.navbar {
    height: 100px; /* Adjust the height as needed */
}

.navbar.is-primary .navbar-brand > a.navbar-item,
.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-start > a.navbar-item {
    color: #003366;
}

.navbar.is-primary .navbar-brand > a.navbar-item:hover,
.navbar.is-primary .navbar-start > a.navbar-item:hover {
    background-color: #e6f0f9;
    color: #003366;
}

/* Adjust logo size in navbar */
.navbar-item img {
    width: auto;
    height: 100px; /* Set the height to be twice as big */
    max-height: none; /* Remove any max-height restrictions */
}

/* Button styles */
.button.is-info {
    background-color: #003366;
    border-color: #003366;
    color: white;
}

.button.is-info:hover {
    background-color: #004080;
    border-color: #004080;
    color: white;
}

.button.is-primary {
    background-color: #003366;
    border-color: #003366;
    color: white;
}

.button.is-primary:hover {
    background-color: #004080;
    border-color: #004080;
    color: white;
}

/* Footer styles */
.footer {
    flex-shrink: 0;  /* Prevents footer from shrinking */
    margin-top: auto;  /* Pushes footer to bottom when content is short */
}

.footer.has-background-grey-dark {
    background-color: #003366;
    padding: 1.5rem;
}

/* Logo styles */
.logo {
    background-color: transparent;
    padding: 10px;
    display: inline-block;
}

/* Login form styles */
.columns.is-centered .column.is-one-third .box {
    padding: 2rem;
    margin-top: 1rem;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
}

.columns.is-centered .column.is-one-third .box .field:not(:last-child) {
    margin-bottom: 1rem;
}

.columns.is-centered .column.is-one-third .box .button.is-info.is-fullwidth {
    margin-top: 1rem;
}

/* Form validation styles */
.input:invalid {
    border-color: #ff3860;
}

.input:invalid:focus {
    box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

/* Form field spacing */
.field:not(:last-child) {
    margin-bottom: 1rem;
}

/* Box shadow for form container */
.box {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
    background-color: white;
}

.box:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Notification styles */
.notification {
    margin-bottom: 1rem;
    border-radius: 4px;
}

.notification.is-danger {
    background-color: #ff3860;
    color: #fff;
}

.notification.is-success {
    background-color: #23d160;
    color: #fff;
}

/* Section and Content styles */
.section {
    flex: 1 0 auto;  /* This will make the section grow to fill available space */
    background-color: #00d1b2;  /* Bulma's is-primary color */
    display: flex;
    flex-direction: column;
}

.section .container {
    flex: 1 0 auto;  /* Makes the container grow within the section */
}

/* Make sure tables have white background for contrast */
.table {
    background-color: white;
}