/**
 * S5O Base - Public styles.
 *
 * @package S5o_Base
 */

/* ==========================================================================
   FONT OVERRIDES
   ========================================================================== */

/* Cards */
.ui.cards > .card > .content > .header,
.ui.card > .content > .header {
  font-family: 'ScanadoSans', system-ui, -apple-system, sans-serif !important;
}

/* Items */
.ui.items > .item > .content > .header {
  font-family: 'ScanadoSans', system-ui, -apple-system, sans-serif !important;
}

/* Statistics */
.ui.statistics .statistic > .value,
.ui.statistic > .value,
.ui.statistics .statistic > .label,
.ui.statistic > .label {
  font-family: 'ScanadoSans', system-ui, -apple-system, sans-serif !important;
}

/* Modal */
.ui.modal > .header {
  font-family: 'ScanadoSans', system-ui, -apple-system, sans-serif !important;
}

/* Popup */
.ui.popup > .header {
  font-family: 'ScanadoSans', system-ui, -apple-system, sans-serif !important;
}

/* Search */
.ui.search > .results .result .title,
.ui.search > .results > .message .header,
.ui.category.search > .results .category > .name {
  font-family: 'ScanadoSans', system-ui, -apple-system, sans-serif !important;
}

/* ==========================================================================
   FORMS
   ========================================================================== */
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="url"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="number"],
.ui.form textarea,
.ui.form select,
.ui.form .selection.dropdown,
.ui.input input[type="text"],
.ui.input input[type="email"],
.ui.input input[type="url"],
.ui.input input[type="password"],
.ui.input input[type="search"],
.ui.input input[type="tel"],
.ui.input input[type="number"] {
  border-color: var(--s5o-text-subtle);
  border-width: 2px;
}

.ui.toggle.checkbox label::before {
  background: var(--s5o-content-secondary) !important;
}

.ui.toggle.checkbox input:checked ~ label::before {
  background-color: var(--s5o-signal-green) !important;
}

.ui.form ::placeholder {
  color: var(--s5o-neutral-grey-700) !important;
}

.ui.search.dropdown .search {
  height: 100%;
}

/* ==========================================================================
   CHECKBOX
   ========================================================================== */
.ui.checkbox label::before {
  border: 2px solid var(--s5o-content-secondary);
}
.ui.checkbox label::before,
.ui.checkbox label::after {
  /*top: 0.4rem;*/
}

.ui.checkbox label:hover::before {
  border-color: var(--s5o-deep-cyan);
}
.ui.checkbox:not(.invisible) label:hover,
.ui.checkbox:not(.invisible) + label:hover {
  color: var(--s5o-deep-cyan);
}

/* ==========================================================================
   LABELS
   ========================================================================== */
.yellow.label {
  color: black !important;
}