@import url('styles.min.css');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('form_contact.css');

:root {
    --be-color:#B1741C;
    --be-color-text:var(--be-color);
    --be-color-light:#fff0dd;
    --be-font-text:"Google Sans Flex", sans-serif;
    --be-font-title:"Noto Serif", serif;
}

#navPrimary.navbar-nav {
    text-align: center;
    align-items: center;
    color:var(--be-color-text);
}

.navbar {
    --bs-navbar-active-color: var(--be-color-light);
    --bs-navbar-color:var(--be-color-text);
    --bs-navbar-hover-color:var(--be-color-light);
}
.navbar .active a {
    border-bottom: 1px solid var(--be-color-light);
}


.bg-color {
    background-color: black;
}
.bg-color-alt{
    background-color: var(--be-color);
}

.btn-color {
    background-color: var(--be-color);
}
.btn-color:hover{
    border-color:var(--be-color);
}

.text-color {
    color: var(--be-color-text);
}
.text-color-light {
    color: var(--be-color-light);
}

h1.pageTitle {
  font-family: var(--be-font-title);
  font-weight: 400;
  font-style: normal;
  color: black;
  text-shadow: 0px 2px 4px rgb(255, 255, 255);
}

h1,h2,h3,h4 {
  font-family: var(--be-font-title);
}

a.text-color {
    transition: all 0.3s ease;
    position: relative;
    width: fit-content;
    z-index: 1;
}

a.text-color::after {
    content: '';
    position: absolute;
    width: calc(100% + 5px);
    transform: scaleX(0);
    height: 150%; /* Ne couvre que la moitié inférieure du texte */
    bottom: -25%;
    left: 0;
    background-color: var(--be-color);
    opacity: 0.4; /* Effet transparent */
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
    z-index: -1;
}

a.text-color:hover::after {
    transform: scaleX(1);
}

.content a {
    text-decoration: none;
    color:var(--be-color);
    transition: all 0.3s ease;
    /*
    position: relative;
    width: fit-content;
    */
}
/*
.content a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--be-color);
    opacity: 0.8;
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}*/

.content a:hover::after {
    transform: scaleX(1);
}



/* accueil */
.interactive-card {
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.interactive-card:hover,
.interactive-card:focus-within {
  background-color: #fff !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}

/* Flèches communes à Parcours et Expertises */
.animated-link__arrow {
  display: inline-block;
  transition: translate 200ms ease;
}

/* Animation au survol ou au focus du lien */
.animated-link:hover .animated-link__arrow,
.animated-link:focus-visible .animated-link__arrow,

/* Animation au survol ou au focus de toute la carte Parcours */
.interactive-card:hover .animated-link__arrow,
.interactive-card:focus-within .animated-link__arrow {
  translate: 4px 0;
}

/* Respect du réglage système de réduction des mouvements */
@media (prefers-reduced-motion: reduce) {
  .interactive-card,
  .animated-link__arrow {
    transition: none;
  }

  .animated-link__arrow,
  .animated-link:hover .animated-link__arrow,
  .animated-link:focus-visible .animated-link__arrow,
  .interactive-card:hover .animated-link__arrow,
  .interactive-card:focus-within .animated-link__arrow {
    translate: none;
  }
}