/* Site-specific custom CSS — theme customiser + this file only. */

/* ============================================================
   Team photo alignment (Home EN + FR)
   François (square), Éthienne & Édouard were rendering at
   different heights (294x294 vs 294x236) -> misaligned row.
   Force a uniform square crop via object-fit:cover.
   ============================================================ */
body.home .et_pb_image_0 img,
body.home .et_pb_image_1 img,
body.home .et_pb_image_2 img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 20%;
}

/* ============================================================
   Team photo alignment — About pages (EN + FR)
   Same square crop so François / Éthienne / Édouard line up
   (previously square / portrait / landscape heights).
   ============================================================ */
img.wp-image-795,
img.wp-image-794,
img.wp-image-796 {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 20%;
}

/* ============================================================
   Brand consistency pass (round 4)
   1) Links unmistakably clickable everywhere (brand teal)
   2) Project + blog single pages styled to match the brand
   3) Interior page H1/H2 headings in brand navy
   ============================================================ */

/* 1) Links */
#page-container a:not(.et_pb_button):not(.et_pb_menu__icon):not(.et_pb_menu_logo) {
  color: #1b6a8a;
}
#page-container a:not(.et_pb_button):hover {
  color: #0f3d5c;
  text-decoration: underline;
}

/* 2) Project single pages */
body.single-project .et_pb_post_content,
body.single-project .entry-content {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.06em;
  line-height: 1.7;
  color: #1f2a36;
}
body.single-project .et_pb_text_inner h1,
body.single-project .entry-title {
  color: #0f3d5c;
  letter-spacing: 0.01em;
}
body.single-project .nav-links a,
body.single-project .post-navigation a {
  color: #1b6a8a;
  font-weight: 600;
}

/* 3) Blog single posts */
body.single-post .entry-title {
  color: #0f3d5c;
}
body.single-post .et_pb_post_content,
body.single-post .entry-content {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* ============================================================
   Learn / Apprendre pages (912 EN, 913 FR)
   Dark hero tagline + styled Proton toolkit cards
   ============================================================ */
body.page-id-912 .et_pb_section:first-of-type,
body.page-id-913 .et_pb_section:first-of-type {
  background-color: #0a1626;
}
body.page-id-912 .et_pb_section:first-of-type .et_pb_text_inner,
body.page-id-913 .et_pb_section:first-of-type .et_pb_text_inner {
  color: #ffffff !important;
}
body.page-id-912 .et_pb_section:first-of-type h1,
body.page-id-913 .et_pb_section:first-of-type h1 {
  color: #ffffff !important;
}
body.page-id-912 .privasage-toolkit h3,
body.page-id-913 .privasage-toolkit h3 {
  color: #0f3d5c;
  border-left: 4px solid #22d3ee;
  padding-left: 12px;
  margin-top: 1.6em;
  margin-bottom: 0.4em;
}
body.page-id-912 .privasage-toolkit p,
body.page-id-913 .privasage-toolkit p {
  color: #33404d;
  margin-bottom: 0.5em;
}
body.page-id-912 .privasage-toolkit strong,
body.page-id-913 .privasage-toolkit strong {
  color: #1b6a8a;
}