/* ===== BCORP SECTION — Bloc-type CSS (chargé dynamiquement) ===== */
/* Note: .immo-section base layout is in immo-section.css (loaded separately) */

/* B-Corp scoped overrides */
.bcorp-section .immo-section__grid {
  gap: 0;
}

.bcorp-section .immo-section__col--left {
  text-align: left;
  border-left: 2px solid var(--accent);
  padding: 0 2rem;
}

.bcorp-section .immo-section__col--right {
  text-align: left;
  border-left: 2px solid var(--abenex-orange);
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bcorp-badge {
  height: 80px;
  opacity: 0.9;
  filter: brightness(0) invert(1);
}

.bcorp-header-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

/* Reveal animations (used by bcorp_section + impact_section) */
.reveal-from-left,
.reveal-from-right {
  overflow: hidden;
}

.reveal-from-left > .immo-col-inner {
  transform: translateX(-110%);
  transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
}

.reveal-from-left.visible > .immo-col-inner {
  transform: translateX(0);
}

.reveal-from-right > .immo-col-inner {
  transform: translateX(110%);
  transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s;
}

.reveal-from-right.visible > .immo-col-inner {
  transform: translateX(0);
}

.bcorp-reveal-delayed > .immo-col-inner {
  transition-delay: 0.8s !important;
}