/* Bulma primary color customization */
:root {
    --primary: #153896;
}

.button.is-primary {
    background-color: #153896 !important;
}

.button.is-primary:hover {
    background-color: #122d7a !important;  /* slightly darker shade for hover */
}

.has-text-primary {
    color: #153896 !important;
}

.input:focus, .input.is-focused,
.textarea:focus, .textarea.is-focused {
    border-color: #153896;
    box-shadow: 0 0 0 0.125em rgba(21, 56, 150, 0.25);
}

/* Add this if you're using tabs with primary color */
.tabs.is-primary a:hover {
    border-bottom-color: #153896;
}

.tabs.is-primary li.is-active a {
    border-bottom-color: #153896;
    color: #153896;
}

/* Navbar customization */
.navbar.is-primary {
    background-color: #153896 !important;
}

.navbar.is-primary .navbar-brand > a.navbar-item:hover,
.navbar.is-primary .navbar-brand > a.navbar-item:focus,
.navbar.is-primary .navbar-start > a.navbar-item:hover,
.navbar.is-primary .navbar-start > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item:focus {
    background-color: #122d7a !important;  /* darker shade for hover */
}

.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #122d7a !important;
}

.navbar.is-primary .navbar-dropdown a.navbar-item:hover {
    background-color: #153896;
    color: white;
}

/* Info button customization */
.button.is-info {
    background-color: #666666 !important;
}

.button.is-info:hover {
    background-color: #555555 !important;  /* slightly darker for hover */
}

/* For outlined info buttons */
.button.is-info.is-outlined {
    color: #666666;
    border-color: #666666;
}

.button.is-info.is-outlined:hover {
    background-color: #666666;
    color: white;
}

/* For info notifications/alerts if you're using them */
.notification.is-info {
    background-color: #666666;
    color: white;
}

/* Success notification customization */
.notification.is-success {
    background-color: #289866 !important;
    color: white;
}

/* Also adding success button styling to match */
.button.is-success {
    background-color: #289866 !important;
}

.button.is-success:hover {
    background-color: #228055 !important;  /* slightly darker for hover */
}

/* For outlined success buttons */
.button.is-success.is-outlined {
    color: #289866;
    border-color: #289866;
}

.button.is-success.is-outlined:hover {
    background-color: #289866;
    color: white;
}

.control button {
    touch-action: manipulation;
}

code {
    padding: .25em .5em .25em 0;
}

code.loading {
    padding: .25em .5em .25em;
}