@font-face {
  font-family: "HostGrotesk";
  src: url("../../Font/HostGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HostGrotesk";
  src: url("../../Font/HostGrotesk-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HostGrotesk";
  src: url("../../Font/HostGrotesk-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HostGrotesk";
  src: url("../../Font/HostGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  color: #f7f7fb;
  font-family: 'Rubik', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6; /* Improved readability */
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

/* Button Micro-interactions & Global Styles */
.btn,
.mbr-section-btn .btn,
[role="button"]:not(.panel-title):not([data-faq-filter]),
button:not(.navbar-toggler):not(.nav-link):not(.accordion-button):not([data-faq-filter]) {
  padding: 0.75rem 1.5rem !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  border: none !important;
  background-color: #ff3ba7 !important;
  color: #FFFFFF !important;
  text-transform: none !important;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out !important;
}

.btn:hover,
.mbr-section-btn .btn:hover,
[role="button"]:not(.panel-title):not([data-faq-filter]):hover,
button:not(.navbar-toggler):not(.nav-link):not(.accordion-button):not([data-faq-filter]):hover {
  background-color: #d62d88 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: translateY(-2px);
}

/* Main Content Scaled Wrapper */
.main-content-scaled {
  /* Simulation du zoom navigateur à 80% */
  zoom: 0.8;
}

/* Fallback pour Firefox qui ne supporte pas zoom */
@supports not (zoom: 1) {
  .main-content-scaled {
    transform: scale(0.8);
    transform-origin: top center;
    width: 125%;
    margin-bottom: -20%; /* Compensation approximative de l'espace vide */
  }
}

/* Exclude specific components that shouldn't be pink buttons if necessary, 
   but user asked for "Tous les boutons". 
   Note: Navbar toggler is excluded above. 
   Accordion buttons (Bootstrap default) might be affected if they use <button>. 
   Let's check if .accordion-button needs exclusion. 
   Bootstrap 5 uses .accordion-button. It usually has specific styling. 
   If I make it pink, the whole header becomes pink. 
   The user said "Pour tous les boutons du site". 
   However, the accordion headers in FAQ are `a` tags (see faq.php line 63). 
   Standard Bootstrap 5 uses `button.accordion-button`. 
   The FAQ code uses `a` tags inside `.card-header`. 
   So exclusion of `.accordion-button` is safe/good practice just in case.
*/

/* Old button styles removed */


a {
  color: #ff8ad4;
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
  text-shadow: 0 0 8px rgba(255, 138, 212, 0.6);
}

#footer02-j {
  padding-top: 30px !important;
  padding-bottom: 45px !important;
  margin-top: -1px;
  overflow: hidden;
  border-bottom: 1px solid #7f8678 !important;
  border-top: 1px solid #7f8678 !important;
  background-color: #050213 !important;
}

#footer02-j .wrapper {
  display: flex;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

#footer02-j .produced {
  margin-top: 0.5rem;
  color: #ffffff !important;
  width: 100%;
  text-align: center !important;
}

#footer02-j p {
  text-align: center !important;
  color: #ffffff !important;
}

#footer02-j a {
  color: #ffffff !important;
  text-decoration: none !important;
}

#footer02-j a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

/* Custom Neosurf Submit Button Style for Home Page */
.btn-neosurf-submit,
.mbr-section-btn .btn-neosurf-submit {
  background-color: #ff3ba7 !important;
  border-color: #ff3ba7 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  border: 1px solid #ff3ba7 !important;
  text-decoration: none !important;
}

.btn-neosurf-submit:hover,
.btn-neosurf-submit:focus,
.btn-neosurf-submit:active,
.mbr-section-btn .btn-neosurf-submit:hover {
  background-color: #d62d88 !important;
  border-color: #d62d88 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}