// ============================================================
// Sidebar - Couleurs Fofana Capital Immobilier
// Bleu marine foncé (#1a2a4a) + Or (#c9a85c)
// ============================================================

// Variables de marque
$fci-navy:        #1a2a4a;
$fci-navy-light:  #22345c;
$fci-gold:        #c9a85c;
$fci-gold-light:  #e2c37a;
$fci-text:        rgba(255, 255, 255, 0.85);
$fci-text-muted:  rgba(255, 255, 255, 0.45);

.sidebar-dark {
  background-color: $fci-navy !important;
  border-right: 1px solid darken($fci-navy, 5%);

  // En-tête utilisateur
  .sidebar-user {
    background-color: darken($fci-navy, 4%) !important;
    border-bottom: 1px solid rgba($fci-gold, 0.25) !important;

    .media-title a,
    .font-weight-semibold {
      color: $fci-gold !important;
    }
    .text-muted {
      color: $fci-text-muted !important;
    }
  }

  // En-têtes de section
  .nav-item-header {
    color: $fci-gold !important;
    opacity: 0.75;
    letter-spacing: 0.5px;
  }

  // Liens de navigation
  .nav-sidebar > .nav-item > .nav-link,
  .nav-group-sub .nav-link {
    color: $fci-text !important;

    i {
      color: $fci-text-muted !important;
    }

    &:hover {
      background-color: rgba($fci-gold, 0.12) !important;
      color: $fci-gold !important;

      i {
        color: $fci-gold !important;
      }
    }
  }

  // Lien actif
  .nav-sidebar > .nav-item > .nav-link.active,
  .nav-group-sub .nav-link.active {
    background-color: rgba($fci-gold, 0.18) !important;
    color: $fci-gold !important;
    font-weight: 600;

    i {
      color: $fci-gold !important;
    }
  }

  // Sous-menus ouverts
  .nav-item-submenu > .nav-link[aria-expanded="true"],
  .nav-item-submenu.active > .nav-link {
    background-color: rgba($fci-gold, 0.12) !important;
    color: $fci-gold !important;
  }

  // Fond des sous-menus
  .nav-group-sub {
    background-color: darken($fci-navy, 3%) !important;
  }

  // Scrollbar
  &::-webkit-scrollbar-track {
    background: $fci-navy;
  }
  &::-webkit-scrollbar-thumb {
    background: rgba($fci-gold, 0.4);
    border-radius: 3px;
  }
}

// Variante claire (appTheme == 1)
.sidebar-light {
  background-color: #f8f6f0 !important;
  border-right: 2px solid $fci-gold !important;

  .nav-item-header {
    color: $fci-navy !important;
    opacity: 0.7;
  }

  .nav-sidebar > .nav-item > .nav-link,
  .nav-group-sub .nav-link {
    color: $fci-navy !important;

    i { color: rgba($fci-navy, 0.5) !important; }

    &:hover {
      background-color: rgba($fci-navy, 0.07) !important;
      color: $fci-navy !important;
      i { color: $fci-navy !important; }
    }
  }

  .nav-sidebar > .nav-item > .nav-link.active,
  .nav-group-sub .nav-link.active {
    background-color: rgba($fci-navy, 0.1) !important;
    color: $fci-navy !important;
    font-weight: 600;
    border-left: 3px solid $fci-gold;
    i { color: $fci-navy !important; }
  }
}

// ============================================================

.navbar-brand {
  position: relative;

  a {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    img{
      height: 100% !important;
    }
  }
}
.vich-file{

  a{
    display: none!important;
  }
  .form-group{
    margin-bottom: 0!important;
  }
}
.feedback{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: inherit!important;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 9999999999;
  display: none;
}

#locataires_civilite{
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;

  .form-check{
    margin-left: 10px!important;
  }
}

#proprietaires_civilite{
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;

  .form-check{
    margin-left: 10px!important;
  }
}
.wraptypelacataite, #wrapnumerocheque, #wrapmobilemoney{
  display: none;
}
.custom-switch .form-check{
  padding-left: 0!important;
}

