/**
* Style shim that enables us to transition from semantic-ui to Narmi Design System.
* This file serves to resolve any styling conflicts between semantic-ui and NDS.
*
* Once `banking` no longer relies on semantic-ui, this file can be removed.
*/

/*
* anchors in .ui context should use semantic-ui default link color
*/
.ui a,
.ui a:hover {
    color: rgba(var(--theme-rgb-primary));
}

/*
* prevent the catchall style above from affecting NDS buttons
* as anchor elements inside of a `.ui` context. Skip disabled
* buttons (and buttons containing a disabled element) so the
* design-system's disabled color is preserved.
*
* Exclude disabled buttons, as they usually have darker text.
*/
.ui .nds-button--primary:not(:disabled),
.ui .nds-button--primary:not(:disabled):hover {
    color: var(--color-white);
}

.ui .nds-button--plain,
.ui .nds-button--plain:hover {
  color: rgba(var(--theme-rgb-secondary));

}

.nds-dropdownTrigger-label {
  font-size: var(--font-size-default);
  font-family: var(--font-family-default);
  font-weight: var(--font-weight-default);
}

.nds-checkbox p {
  margin-block-end: 2px !important;
}

/**
* prevent semnatic-ui from overriding the NDS input/textarea placeholder color
*/
::placeholder {
  color: var(--color-mediumGrey) !important;
}