// This file is for additional SCSS rules beyond what are in variables.scss.
// Amelia for Tiki Bootstrap 5

// Image path example:
//$imagePath: "../images/";
// body {
//    background-image: url('#{$imagePath}bg.jpg');
// }

// Color system
.bg-dark { background: #ad1d28 !important; }

// Body
body.fullscreen { background: $body-bg; }

// Typography
.text-primary { color: #F9CFC8 !important; }
.text-secondary { color: #E7D58D !important; }
.text-info { color: #DFD7EE !important; }
.text-success, .valid-feedback { color: #AEE6A7  !important; }
.text-warning { color: #EDDFA6  !important; }
.text-danger, .invalid-feedback, .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #F3D7C4  !important; }

// Forms
legend {
    font-family: 'Lobster', cursive;
    color: #ffffff;
}

// Cards
.card,
.autotoc > .nav {
//  background-color: #13a0aa !important;
  border-color: #0d747c !important;
}

.card-body  a:not(.btn,.dropdown-item),
.card-body .btn-link {
    color: #F2E4A6;
}

.card-header,
.modal-header{
  color: #ffffff;
  background-color: #6e0d0d !important;
  border-color: #0d747c !important;
}

.card-title a,
.card-title small,
.card-title .small,
.card-title small a,
.card-title .small a {
  color: inherit;
}

// Navs
.bg-light-parent {
    a,
    .btn-link {
        color: $navbar-light-color;
        &:hover {
            color: $navbar-light-hover-color;
        }
    }
}
.navbar-light .cssmenu_horiz > li > a { // Old
  color: $navbar-light-color;
}

// Buttons
.btn.btn-outline-dark {
    color: #de3b48;
    background: #000;
    &:hover {
        background: $gray-800;
    }
}

// Badges
.badge.bg-dark { color: #fff; }

// Tiki-specific
.tiki_trackers {
    .icon-status-open, .icon-status-pending, .icon-status-closed {
        filter: drop-shadow(0 0 1px black);
    }
}

.textarea-toolbar a.toolbar { color: #222; }

.tiki .select2-selection__choice__value {
    color: $input-placeholder-color;
}