/* Couche de compatibilite statique - jevendmavoiture.fr
   Restitue le comportement assure par Angular sur le site d'origine. */

/* Les balises de composants Angular sont des elements inconnus (inline par defaut) */
jevendsmavoiture-nx-root,
france-estimer-sa-voiture-nx-layout,
france-estimer-sa-voiture-nx-home,
france-estimer-sa-voiture-nx-contact,
france-estimer-sa-voiture-nx-rendez-vous,
france-estimer-sa-voiture-nx-estimer,
nx-header,
nx-footer,
nx-temoignage,
mat-accordion,
mat-expansion-panel,
mat-panel-title,
mat-panel-description {
  display: block;
}

/* Accordeon FAQ : ferme par defaut, ouvert via la classe .is-open */
mat-expansion-panel-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.mat-expansion-panel-content {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  transition: max-height .3s ease;
}

mat-expansion-panel.is-open > .mat-expansion-panel-content {
  max-height: 2000px;
  visibility: visible;
}

.mat-expansion-indicator {
  transition: transform .3s ease;
}

mat-expansion-panel.is-open .mat-expansion-indicator {
  transform: rotate(180deg);
}

/* Le menu mobile est alimente par JS : on lui donne la mise en forme d'origine */
.mobile-menu .menu-outer .navigation {
  padding: 0;
  margin: 0;
  list-style: none;
}

.mobile-menu .menu-outer .navigation li {
  position: relative;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.mobile-menu .menu-outer .navigation li a {
  position: relative;
  display: block;
  padding: 12px 25px;
  font-size: 15px;
  font-weight: 600;
  color: #292929;
  text-transform: capitalize;
}

.mobile-menu .menu-outer .navigation li a:hover,
.mobile-menu .menu-outer .navigation li.current > a {
  color: #dc1f26;
}

/* Icones sociales (header + footer)
   Les icones d'origine etaient chargees en hotlink depuis Wikimedia : ces deux
   URL renvoient desormais HTTP 400, d'ou les icones cassees. On utilise les
   glyphes FontAwesome deja embarques dans la CSS du site.
   Celle-ci contient "span.fa.fa-instagram { background-color: #1877f2 }",
   visiblement une erreur (background au lieu de color) qui dessine un bloc bleu
   derriere le glyphe : on la neutralise pour garder les trois icones homogenes,
   dans la couleur prevue par le theme (.social-nav li a). */
.social-nav li a span.fa {
  background-color: transparent;
  color: inherit;
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}