/**
 * Pages intérieures — bannière pleine largeur (HubSpot dnd)
 */

.dnd_area-row-0-force-full-width-section > .row-fluid {
  max-width: none !important;
}

.dnd_area-row-0-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Le HTML importé inclut déjà body-container ; éviter double marge latérale */
.body-container-wrapper > .body-container,
.body-container-wrapper .body-container.body-container--home {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: 100%;
}

.custom-banner-section {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Sections bleu foncé (PMIS, C-11, etc.) — renfort si styles inline absents */
.body-container-wrapper [style*="background-color: #030638"],
.body-container-wrapper [style*="background: #030638"] {
  background-color: #030638 !important;
}

.body-container-wrapper .md-downloadMenu-wrp .md-downloadMenu-inner {
  background: #69f;
}

/* Vidéo HubSpot → lecteur HTML5 (EB5 Wohali, etc.) */
.dl-video-embed {
  max-width: 1920px;
  margin: 1.5rem auto 2rem;
}

.dl-video-embed__inner {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background: #000;
}

.dl-video-embed__player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Canadian Immigration Programs — grille comparatif */
.body-container-wrapper #widget_1622699447265.boxGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.body-container-wrapper #widget_1622699447265.boxGroup .w20 {
  width: 20%;
  padding: 15px;
  box-sizing: border-box;
}

.body-container-wrapper #widget_1622699447265 .bxGrpTitleInner h4 a {
  color: inherit;
  text-decoration: none;
}

.body-container-wrapper #widget_1622699447265 .bxGrpTitleInner h4 a:hover {
  text-decoration: underline;
}

/* Canadian Immigration Programs — pas de menu Study/Skilled en tête de page */
.body-container-wrapper .cell_16098737791502-row-2-vertical-alignment,
.body-container-wrapper .module_16231675919783-hidden,
.body-container-wrapper #hs_cos_wrapper_module_16231675919783 .custom_serviceMenu,
.body-container-wrapper .cell_1623167591978-hidden,
.body-container-wrapper .cell_1741232329116-hidden {
  display: none !important;
}

@media (max-width: 1080px) {
  .body-container-wrapper #widget_1622699447265.boxGroup .w20 {
    width: 33.333%;
  }
}

@media (max-width: 991px) {
  .body-container-wrapper #widget_1622699447265.boxGroup .w20 {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .body-container-wrapper #widget_1622699447265.boxGroup .w20 {
    width: 100%;
  }
}

/* Blog listing — bannière */
.body-container-wrapper .blog-header.hs-blog-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*
 * Espacement titres + ligne bleue (HubSpot hs_editor_style)
 * Pattern : h2/h3 → .md-left-border → texte (ex. consultation-virtuelle, programmes)
 */
.body-container-wrapper .dnd_area-row-1-padding {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.body-container-wrapper .md-left-border {
  display: block;
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 3px;
}

.body-container-wrapper .md-right-border {
  margin-bottom: 27px;
  padding-bottom: 24px;
}

/* Espace sous le titre, avant la ligne */
.body-container-wrapper .row-fluid-wrapper.dnd-row:has(+ .dnd-row .md-left-border) .hs_cos_wrapper_type_rich_text h2,
.body-container-wrapper .row-fluid-wrapper.dnd-row:has(+ .dnd-row .md-left-border) .hs_cos_wrapper_type_rich_text h3,
.body-container-wrapper .row-fluid-wrapper.dnd-row:has(+ .dnd-row .md-left-border) .widget-type-rich_text h2,
.body-container-wrapper .row-fluid-wrapper.dnd-row:has(+ .dnd-row .md-left-border) .widget-type-rich_text h3 {
  margin-bottom: 0 !important;
  padding-bottom: 15px !important;
}

/* Espace sous la ligne, avant le paragraphe */
.body-container-wrapper .row-fluid-wrapper.dnd-row:has(.md-left-border) + .dnd-row .hs_cos_wrapper_type_rich_text,
.body-container-wrapper .row-fluid-wrapper.dnd-row:has(.md-left-border) + .dnd-row .widget-type-rich_text {
  display: block;
  padding-top: 15px !important;
}

/* Titres de section (32px) sans ligne adjacente */
.body-container-wrapper .hs_cos_wrapper_type_rich_text h2[style*="32px"],
.body-container-wrapper .hs_cos_wrapper_type_rich_text h3[style*="32px"],
.body-container-wrapper .widget-type-rich_text h2[style*="font-size: 32px"],
.body-container-wrapper .widget-type-rich_text h3[style*="font-size: 32px"] {
  margin-top: 10px;
  margin-bottom: 15px;
}

.body-container-wrapper .hs_cos_wrapper_type_rich_text h3[style*="margin-bottom: 10px"] {
  margin-bottom: 10px !important;
  margin-top: 10px;
}