/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1774641631
Updated: 2026-03-27 21:00:31
*/


/* ============================================
   HERO CENTRE
   ============================================ */

/* Titre dynamique : ligne 2 sur une seule ligne (desktop / tablette) */
.c-hero-title__line2 {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .c-hero-title__line2 {
    white-space: normal;
  }
}


/* ============================================
   HERO CENTRE — Carte avis Google
   ============================================ */

.elementor-element.c-rating-card.e-con.e-con {
  /* Largeur minimale 270px mais peut grandir pour accueillir le nowrap */
  width: auto;
  min-width: 270px;
  height: 121px;
  margin-left: -10px;
  border: none;

  /* Force la carte en row : bloc-gauche puis bloc-droit côte à côte */
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 14px 25px;
}

/* Bloc gauche : logo Google + étoiles, empilés et centrés */
.elementor-element.c-rating-card > .e-con:first-child {
  flex: 0 0 auto;        /* prend la place de son contenu, pas plus */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: auto;
  padding: 0;
}

/* Logo Google : taille fixe propre */
.c-rating-card__logo {
  width: auto;
}

.c-rating-card__logo img {
  display: block;
  width: 50px;
  height: auto;
}

/* Étoiles : compactes, alignées sous le logo */
.c-rating-card__stars-icons .e-rating-wrapper {
  gap: 2px;
}

/* Bloc droit : 5/5 grand au-dessus, count en dessous */
.c-rating-card__meta {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  padding: 0;
}

.c-rating-card__meta h2.elementor-heading-title {
  margin: 0;
  line-height: 1;
}

/* Count : reste sur une ligne, ne wrappe jamais */
.c-rating-card__count {
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
}

/* ============================================
   HERO CENTRE — Carte infos pratiques
   ============================================ */

.elementor-element.c-info-card.e-con.e-con {
  width: fit-content !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: flex-start;
  padding: 14px 12px;
  border-radius: 4px 4px 4px 4px;
  background-color: #FFFFFF;
}

.c-centre-line {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #ffcc2b;
}

@media (max-width: 768px) {
  .elementor-element.c-info-card.e-con.e-con {
    width: 100% !important;
  }
}

/* Header : icône + "Ouvert depuis 2017" */
.c-info-card__header {
  align-items: center;
}

.c-info-card__header * {
  white-space: nowrap;
}

/* Adresse */
.c-info-card__address {
  align-items: center;
}

.c-info-card__address p {
  margin: 0;
  font-size: 16px;
  color: #002654;
}

/* Distance + Téléphone côte à côte */
.c-info-card__distance,
.c-info-card__phone {
  align-items: center;
}

/* Boutons CTA */
.c-info-card__btn--primary,
.c-info-card__btn--primary a {
  border-radius: 14px 4px 14px 4px;
  background-color: #FFCC2B !important;
  color: #002654 !important;
}

.c-info-card__btn--secondary,
.c-info-card__btn--secondary a {
  border-radius: 14px 4px 14px 4px;
  background-color: #002654 !important;
  color: #FFFFFF !important;
}

.c-info-card__btn--ghost a {
  display: block;
  width: 100%;
  border-radius: 14px 4px 14px 4px;
  background-color: transparent !important;
  color: #002654 !important;
  border: 1.5px solid #777777 !important;
  text-align: center;
}

/* Icônes des boutons CTA */
.c-info-card__btn--primary .elementor-button-icon,
.c-info-card__btn--secondary .elementor-button-icon,
.c-info-card__btn--ghost .elementor-button-icon {
  width: 24px;
  height: 24px;
}

.c-info-card__btn--primary .elementor-button-icon svg,
.c-info-card__btn--secondary .elementor-button-icon svg,
.c-info-card__btn--ghost .elementor-button-icon svg {
  width: 100%;
  height: 100%;
}

/* Centrage vertical icône + texte dans les 3 boutons */
.c-info-card__btn--primary .elementor-button-content-wrapper,
.c-info-card__btn--secondary .elementor-button-content-wrapper,
.c-info-card__btn--ghost .elementor-button-content-wrapper {
  align-items: center;
}

/* ============================================
   FIL D'ARIANE — Rank Math Breadcrumb
   ============================================ */

.rank-math-breadcrumb a {
  color: #009fe6;
  text-decoration: none;
  transition: color 0.2s ease;
}

.rank-math-breadcrumb a:hover,
.rank-math-breadcrumb a:focus {
  color: #8a9bb0;
}

.rank-math-breadcrumb .last {
  color: #0d2255;
}

.rank-math-breadcrumb .separator {
  color: #0d2255;
}

/* ============================================
   Menu Header
   ============================================ */

.btn--menu--header .elementor-button {
  border-radius: 14px 4px 14px 4px;
  background-color: #F4C731 !important;
  color: #002654 !important;
white-space: nowrap;
}

/* Survol : souligné + jaune #FFCC2B */
.main_menu_wordpress .elementor-nav-menu a.elementor-item:hover,
.main_menu_wordpress .elementor-nav-menu a.elementor-item:focus,
.main_menu_wordpress .elementor-nav-menu a.elementor-item.elementor-item-active {
  color: #FFCC2B !important;
  text-decoration: underline !important;
}

/* ============================================
   UTILITAIRES — Largeur container Elementor
   ============================================ */

/* Force un container à prendre uniquement la largeur de son contenu */
.u-fit-content {
  width: fit-content !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

/* Variante : prend toute la place dispo (l'inverse) */
.u-fill {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
}

.u-items-center {
  align-items: center !important;
}

.u-self-center {
  align-self: center !important;
}

.u-fit-contentv2 {
  width: fit-content !important;
	height: fit-content !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
}

.sospb-separator-v {
  width: 1px !important;
  height: 40px !important;
  border: none !important;
  background: #99A1AF;
  margin: 0 !important;
}

/* Surcharge le hr interne */
.sospb-separator-v hr {
  width: 1px !important;
  height: 40px !important;
  border: none !important;
  background: currentColor;
  margin: 0 !important;
}

/* Style définition avantages header */
.avantage-low {
  display: inline-block;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #000000;
}

.c-sidebar {
	flex: 0 0 auto !important;
	width: fit-content !important;
}

/* Style généraux */

/*Pour avoir des titres bicolore en jaune : */

.titre-accent {
  color: #FFCC2B;
}


/*Pour avoir des textes accentués en gras + Bleu : */

.texte-accent {
  color: #21326A;
  font-weight: 700;
}

/*Pour avoir des auteur accentué en bleu gras dans les avis clients : */

.avis-client-auteur {
  color: #009FE6;
  font-weight: 700;
}