/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
  --main-bg-color: #3b5a85;
  --main-bg-text-color: #f5f5f5;
}

.button.is-primary {
  --bulma-primary: hsla(39deg, 100%, 47%, 1);
  --bulma-primary-h: 39;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 47%;
  --bulma-button-border-width: 0px;
  --bulma-button-color-l: 100%;
  --bulma-button-outer-shadow-a: 0;
}

.table {
  --bulma-table-cell-padding: 0.5em 0.5em; /* bulma is 0.75em 0.5em */
}

table#billing_invoice_lines {
  width: 100%;
}

table#snapshot td {
  border: none;
}

td.notes {
  white-space: pre-wrap;
}

/* the white-space setting keeps the negative sign from wrapping to the next line */
.amount-display {
  text-align: right !important;
  white-space: nowrap;
}

.columns > .field.column {
  margin-bottom: 0;
  padding-bottom: 0;
}

.hidden {
  display: none;
}

.account-column {
  min-width: 320px;
}

.card {
  --bulma-card-header-background-color: var(--main-bg-color);
  --bulma-card-header-color: var(--main-bg-text-color);
}

/* #invoice-lines tr:not(:hover):not(:focus-within) input,
#invoice-lines tr:not(:hover):not(:focus-within) select,
#invoice-lines tr:not(:hover):not(:focus-within) textarea {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  resize: none
} */

.navbar {
  --bulma-navbar-background-color: var(--main-bg-color);
  --bulma-navbar-item-color: #ffffff;
  --bulma-navbar-dropdown-arrow: #ffffff;
}

table .has-background-light {
  background-color: #3b5a85 !important;
  strong {
    color: #fff !important;
  }
}

.tabs {
  --bulma-tabs-link-active-color: #3b5a85;
}