.elementor-9 .elementor-element.elementor-element-9231a4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9 .elementor-element.elementor-element-64a645f{--display:flex;}.elementor-9 .elementor-element.elementor-element-7072f557{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-75d14e54 */.cc-logo img { height: 34px; }
/* Forcer le header au-dessus du hero */
header, 
.elementor-location-header, 
header.elementor-sticky--active {
    z-index: 9999 !important;
    position: relative;
}

/* Le hero LF360 reste derrière */
.lf360-hero,
.lf360-section {
    z-index: 1 !important;
    position: relative;
}
/* Donner plus de place au logo + compacter la nav */
.cc-nav-inner {
  max-width: 1200px;   /* au lieu de 1000px */
  gap: 24px;           /* espace entre bloc logo et liens */
}

/* Réduire un peu la taille et l'espacement des liens */
.cc-nav-links {
  gap: 20px;           /* au lieu de 32px */
}

.cc-nav-link {
  font-size: 13px;     /* au lieu de 14px */
  padding: 18px 0;     /* au lieu de 24px : barre moins haute */
}

/* Légère réduction de la baseline pour qu'elle ne mange pas la ligne */
.cc-tagline {
  font-size: 15px;     /* 16 → 15 */
}

/* Sur écrans intermédiaires (style 1024px) on resserre encore un peu */
@media (max-width: 1100px) {
  .cc-nav-inner {
    padding: 8px 24px;
  }
  .cc-nav-links {
    gap: 16px;
  }
  .cc-tagline {
    font-size: 14px;
  }
  .cc-name {
    font-size: 12px;
  }
}
/* ===== LOGO – BOULE CORAIL ===== */
.cc-logo img {
  width: 65px;
  height: 65px;
  object-fit: contain;
  border-radius: 50%;
}/* End custom CSS */