// Accent override for company accounts only.
// Personal accounts keep #00dcfb via --dc-primary default.

:root {
  --dc-primary: #00dcfb;
  --dc-primary-hover: #9ef3ff;
  --dc-primary-active: #05c0db;
  --dc-primary-soft: rgba(0, 220, 251, 0.08);
}

body.account-empresa {
  --dc-primary: #3882ff;
  --dc-primary-hover: #5a9aff;
  --dc-primary-active: #2f6fe0;
  --dc-primary-soft: rgba(56, 130, 255, 0.08);
  --primary: #3882ff;
  --blue: #3882ff;

  .dc-text-primary {
    color: var(--dc-primary) !important;
  }

  .dc-bg-primary {
    background-color: var(--dc-primary) !important;
  }

  .dc-icon-primary {
    stroke: var(--dc-primary) !important;
    color: var(--dc-primary) !important;
  }

  .dc-border-color-primary {
    border-color: var(--dc-primary) !important;
  }

  .text-primary:not(:disabled):not(.disabled) {
    color: var(--dc-primary) !important;
  }

  .btn-primary:not(:disabled):not(.disabled) {
    background-color: var(--dc-primary) !important;
    border-color: var(--dc-primary) !important;

    &:hover,
    &:focus,
    &:active,
    &.focus,
    &:active,
    &.active {
      background-color: var(--dc-primary-active) !important;
      border-color: var(--dc-primary-active) !important;
    }
  }

  .form-control:focus {
    border-color: var(--dc-primary);
  }

  .button-registration:not(:disabled) {
    background-color: var(--dc-primary);

    &:hover,
    &:focus {
      background-color: var(--dc-primary-active);
    }
  }

  .btn-outline-primary:not(:disabled):not(.disabled) {
    color: var(--dc-primary) !important;
    border-color: var(--dc-primary) !important;

    &:hover,
    &:focus,
    &:active {
      background-color: var(--dc-primary-soft) !important;
      color: var(--dc-primary) !important;
      border-color: var(--dc-primary) !important;
    }
  }

  .dc-button.dc-button--outline.dc-button--primary:not(:disabled):not(.disabled),
  .dc-button.dc-button--primary:not(:disabled):not(.disabled) {
    color: var(--dc-primary) !important;
    border-color: var(--dc-primary) !important;
  }

  .dc-button--link:not(:disabled):not(.disabled) {
    color: var(--dc-primary) !important;
  }

  .dc-button-link--primary:not(:disabled):not(.disabled) {
    color: var(--dc-primary) !important;
  }

  .spinner-border.text-primary,
  .text-primary.spinner-border {
    color: var(--dc-primary) !important;
    // Keep the transparent edge so Bootstrap's spinner rotation is visible.
    border-right-color: transparent !important;
  }

  app-configuration-layout a:not(.nav-link):not(.dropdown-item):not(.page-link):not(.btn) {
    color: var(--dc-primary);

    &:hover {
      color: var(--dc-primary-hover);
    }
  }

  .blueCircle {
    background-color: var(--dc-primary);
  }

  .navbar-vertical .navbar-nav.nav-tabs .active.nav-link,
  .navbar-vertical .navbar-nav.nav-tabs .active .nav-link,
  .navbar-vertical .navbar-nav.nav-tabs .nav-link.active {
    border-left-color: var(--dc-primary) !important;
    color: var(--dc-primary) !important;
  }

  .nav-link:hover,
  .nav-link.active,
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: var(--dc-primary) !important;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    border-color: transparent transparent var(--dc-primary);
  }

  .btn-soft-primary {
    color: var(--dc-primary) !important;
  }

  .btn-soft-primary:not(:disabled):not(.disabled):active,
  .btn-soft-primary:not(:disabled):not(.disabled).active,
  .show > .btn-soft-primary.dropdown-toggle {
    color: #f4f4f4 !important;
    background-color: var(--dc-primary) !important;
  }

  .badge-soft-primary {
    color: var(--dc-primary) !important;
  }

  a.badge-soft-primary:hover,
  a.badge-soft-primary:focus {
    background-color: var(--dc-primary) !important;
  }

  .toggle-switch-input:checked + .toggle-switch-label {
    background-color: var(--dc-primary) !important;
  }

  .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--dc-primary) !important;
    background-color: var(--dc-primary) !important;
  }

  .page-item.active .page-link {
    background-color: var(--dc-primary) !important;
    border-color: var(--dc-primary) !important;
  }

  .dc-badge-primary {
    color: #ffffff !important;
    background-color: #15375b !important;
  }

  img[src*='empty-prestados.svg'],
  img[src*='empty-tomados.svg'],
  img[src*='empty-publicados.svg'] {
    filter: hue-rotate(30deg) brightness(1.12);
  }

  img[src*='publicidad_convert.png'],
  a.dc-card:has(img[src*='publicidad_convert.png']),
  .promotion-card:has(img[src*='publicidad_convert.png']) {
    display: none !important;
  }

  .modal-content:has(app-modal-generic),
  app-modal-generic,
  app-modal-generic .dc-modal {
    background: #1f1f1f !important;
  }

  app-modal-generic .dc-modal {
    background-image: none !important;
  }

  app-modal-generic .dc-detail-list__item {
    border-bottom: none;
  }

  app-modal-generic i-feather.dc-icon-light.size-medium {
    svg [stroke='#00DCFB'] {
      stroke: var(--dc-primary) !important;
    }

    svg [fill='#00DCFB'] {
      fill: var(--dc-primary) !important;
    }

    svg stop[stop-color='#00DCFB'] {
      stop-color: var(--dc-primary) !important;
    }
  }

  .modal {
    z-index: 1050;
  }

  .modal-backdrop {
    z-index: 1040 !important;
  }
}