/*
 Theme Name:     OceanWP Child
 Theme URI:      https://oceanwp.org/
 Description:    Thème enfant d’OceanWP pour personnalisations sécurisées
 Author:         Vincent Eysseric
 Author URI:     https://www.vincent-eysseric.com
 Template:       oceanwp
 Version:        2.0.0
*/

/* Ajouter ici CSS personnalisé */
<style>
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
</style>
/* LORA */
@font-face {
  font-family: 'Lora';
  src: url('./fonts/Lora-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('./fonts/Lora-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('./fonts/Lora-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
/* Correction du style des flèches (vers le bas) du menu principal */
#site-navigation-wrap .dropdown-menu > li > a .nav-arrow {
  font-family: "Font Awesome 6 Free"; /* ou "Font Awesome 6 Free" si c'est celle-ci qui est chargée */
  font-weight: 900; /* gras stable pour les icônes (remplace 400 ou 900) */
  font-style: normal;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  transition: none !important; /* pour éviter les clignotements à l'affichage */
}
/* Affiche la première image du slider instantanément même si le JS est lent */
.elementor-section .elementor-main-swiper .swiper-slide:first-child .elementor-ken-burns {
    opacity: 1 !important;
    visibility: visible !important;
}
/* Desktop (large écrans) */
.page-header .page-header-title,
.page-header.background-image-page-header .page-header-title {
  font-size: 3rem !important;
  font-weight: 700 !important;
  color: #23619F !important;
  line-height: 1.2 !important;
}
/* Tablette */
@media (max-width: 1024px) {
  .page-header .page-header-title,
  .page-header.background-image-page-header .page-header-title {
    font-size: 2.4rem !important;
  }
}
/* Petit tablette / grand smartphone */
@media (max-width: 768px) {
  .page-header .page-header-title,
  .page-header.background-image-page-header .page-header-title {
    font-size: 2.4rem !important;
  }
}
/* Smartphone */
@media (max-width: 480px) {
  .page-header .page-header-title,
  .page-header.background-image-page-header .page-header-title {
    font-size: 1.6rem !important;
  }
}