/* ===== COMPATIBILITÉ LEGACY ===== */
/* Mapping des anciennes classes vers les nouvelles classes BEM */

/* === NAVIGATION LEGACY === */
.modern-navbar {
  @extend .c-navbar;
}

.modern-navbar-container {
  @extend .c-navbar__container;
}

.modern-navbar-left {
  @extend .c-navbar__brand;
}

.modern-navbar-title {
  @extend .c-navbar__brand-title;
}

.modern-navbar-right {
  @extend .c-navbar__nav;
}

.modern-nav-btn {
  @extend .c-navbar__link;
}

.admin-separator {
  @extend .c-navbar__separator;
}

/* === CHATBOT LEGACY === */
.cb-widget {
  @extend .c-chatbot;
}

.cb-widget__header {
  @extend .c-chatbot__header;
}

.cb-widget__title {
  @extend .c-chatbot__title;
}

.cb-widget__messages {
  @extend .c-chatbot__messages;
}

.cb-widget__form {
  @extend .c-chatbot__form;
}

.cb-widget__input {
  @extend .c-chatbot__input;
}

.cb-widget__button {
  @extend .c-chatbot__btn;
}

.cb-widget__button--send {
  @extend .c-chatbot__btn--send;
}

.cb-widget__button--mic {
  @extend .c-chatbot__btn--mic;
}

.cb-widget__disclaimer {
  @extend .c-chatbot__disclaimer;
}

.cb-widget__login {
  @extend .c-chatbot__login;
}

/* === AVATAR LEGACY === */
.cb-avatar-wrapper {
  @extend .c-chatbot__avatar-wrapper;
}

.cb-avatar {
  @extend .c-chatbot__avatar;
}

.cb-avatar__img {
  @extend .c-chatbot__avatar-img;
}

.cb-avatar.heartbeat {
  @extend .c-chatbot__avatar--heartbeat;
}

/* === MESSAGES LEGACY === */
.cb-message {
  /* Utilise les nouveaux styles de message */
  display: flex;
  align-items: flex-start;
  gap: var(--cb-spacing-3);
  margin-bottom: var(--cb-spacing-2);
}

.cb-message--bot {
  justify-content: flex-start;
}

.cb-message--user {
  justify-content: flex-end;
}

.cb-message__content {
  background: transparent;
  color: var(--cb-text-primary);
  border-radius: var(--cb-radius-lg);
  padding: var(--cb-spacing-3) var(--cb-spacing-4);
  max-width: 75%;
  font-size: var(--cb-font-size-base);
  box-shadow: var(--cb-shadow-sm);
  line-height: 1.4;
}

.cb-message--user .cb-message__content {
  background: var(--cb-primary);
  color: var(--cb-text-inverse);
}

/* Note: @extend n'est pas supporté en CSS pur, on utilise donc des déclarations directes */
/* pour maintenir la compatibilité pendant la transition */

/* === NAVIGATION COMPATIBILITY === */
/* DÉSACTIVÉ: Les styles sont maintenant dans 03-generic/navbar-styles.css */
/*
.modern-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  background: var(--cb-gradient-primary);
  z-index: var(--cb-z-fixed);
  box-shadow:
    0 4px 6px -1px rgba(var(--cb-primary-rgb), 0.3),
    0 10px 15px -3px rgba(var(--cb-primary-rgb), 0.2),
    0 20px 25px -5px rgba(var(--cb-primary-rgb), 0.1);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modern-navbar-container {
  max-width: var(--cb-container-xxl);
  margin: 0 auto;
  padding: 0 var(--container-padding);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  transition: var(--cb-transition-spring);
}

.modern-navbar-left {
  display: flex;
  align-items: center;
  gap: var(--cb-spacing-4);
  text-decoration: none;
  padding: var(--cb-spacing-2);
  color: var(--cb-text-inverse) !important;
  transform-origin: center;
  transition: var(--cb-transition-spring);
}

.modern-navbar-title {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--cb-text-inverse) !important;
  letter-spacing: 0.75px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(255, 255, 255, 0.2);
  transform-origin: center;
  transition: var(--cb-transition-spring);
}

.modern-navbar-right {
  display: flex;
  align-items: center;
  gap: var(--cb-spacing-5);
}

.modern-nav-btn {
  display: flex;
  align-items: center;
  gap: var(--cb-spacing-2);
  padding: var(--cb-spacing-2) var(--cb-spacing-4);
  color: var(--cb-text-inverse);
  text-decoration: none;
  font-weight: var(--cb-font-weight-medium);
  font-size: var(--cb-font-size-base);
  border-radius: var(--cb-radius-md);
  border: 2px solid transparent;
  transition: var(--cb-transition-normal);
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.admin-separator {
  width: 1px;
  height: 1.5rem;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 var(--cb-spacing-2);
}
*/

/* === PROFILE LEGACY COMPATIBILITY === */
/* Mapping des anciennes classes profile vers BEM */
.profile-container {
  /* Redirige vers le nouveau composant BEM */
  @extend .c-profile;
}

.profile-card {
  @extend .c-profile__card;
}

.profile-header {
  @extend .c-profile__header;
}

.profile-avatar {
  @extend .c-profile__avatar;
}

.profile-title {
  @extend .c-profile__title;
}

.profile-section {
  @extend .c-profile__section;
}

.profile-field {
  @extend .c-profile__field;
}

.profile-actions {
  @extend .c-profile__actions;
}

.save-btn {
  @extend .c-profile__btn;
  @extend .c-profile__btn--save;
}

.cancel-btn {
  @extend .c-profile__btn;
  @extend .c-profile__btn--cancel;
}

/* === DOCUMENTS LEGACY COMPATIBILITY === */
/* Mapping des anciennes classes documents vers BEM */
.documents-container {
  @extend .c-documents;
}

.documents-card {
  @extend .c-documents__card;
}

.documents-header {
  @extend .c-documents__header;
}

.documents-title {
  @extend .c-documents__title;
}

.documents-content {
  @extend .c-documents__content;
}

.documents-section {
  @extend .c-documents__section;
}

.documents-actions {
  @extend .c-documents__actions;
}

.action-btn {
  @extend .c-documents__action-btn;
}

.action-btn.primary {
  @extend .c-documents__action-btn--primary;
}

.action-btn.secondary {
  @extend .c-documents__action-btn--secondary;
}

/* === APPOINTMENTS LEGACY COMPATIBILITY === */
/* Mapping des anciennes classes appointments vers BEM */
.appointments-card {
  @extend .c-appointments__card;
}

.appointments-header {
  @extend .c-appointments__header;
}

.appointments-body {
  @extend .c-appointments__body;
}

.appointment-card {
  @extend .c-appointments__appointment;
}

.appointments-list {
  @extend .c-appointments__list;
}

.empty-state {
  @extend .c-appointments__empty-state;
}

.type-badge {
  @extend .c-appointments__type-badge;
}

/* === BUTTON LEGACY COMPATIBILITY === */
/* Mapping des boutons Bootstrap vers BEM */
.btn {
  /* Les boutons Bootstrap coexistent avec BEM */
  /* Voir bootstrap-overrides.css pour les styles */
}

/* === CARD LEGACY COMPATIBILITY === */
/* Mapping des cartes Bootstrap vers BEM */
.card {
  /* Les cartes Bootstrap coexistent avec BEM */
  /* Voir bootstrap-overrides.css pour les styles */
}

/* === STYLE DIRECT COMPATIBILITY === */
/* Classes utilitaires pour transition progressive */
.btn-cb-primary {
  @extend .c-button;
  @extend .c-button--primary;
}

.card-cb {
  @extend .c-card;
}

.card-cb-primary {
  @extend .c-card;
  @extend .c-card--primary;
}