/* Home et pages éditoriales d’Immoinvestcourtage : compléments aux classes Tailwind du thème (préfixe bh-iic-). */
[data-bloc], [id] { scroll-margin-top: calc(var(--header-h, 7.25rem) + 1rem); }
.bh-iic-hero { min-height: calc(100svh - var(--header-h, 7.25rem)); }
.bh-iic-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bh-iic-carte img { transition: transform .3s ease; }
.bh-iic-carte:hover img { transform: scale(1.03); }
.bh-iic-defile { display: flex; gap: 1.5rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: .5rem; }
.bh-iic-defile > * { scroll-snap-align: start; flex: 0 0 min(22rem, 85%); }
.bh-iic-faq summary::-webkit-details-marker { display: none; }
.bh-iic-faq details[open] .bh-iic-chevron { transform: rotate(180deg); }
.bh-iic-chevron { transition: transform .2s ease; }
.bh-iic-etapes [data-etape] { cursor: pointer; }
.bh-iic-etapes [data-etape].kv-actif, .bh-iic-etapes [data-etape][aria-current="step"] { border-color: var(--color-accent); background: var(--color-background); box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); }
.bh-iic-calcul input { width: 100%; min-height: 2.75rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: .5rem .75rem; background: var(--color-background); color: var(--color-text); font: inherit; }
.bh-iic-calcul input:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 1px; }
.bh-iic-lottie { width: 4.5rem; height: 4.5rem; flex: none; }
@media (prefers-reduced-motion: reduce) {
  .bh-iic-carte img, .bh-iic-chevron { transition: none; }
  .bh-iic-carte:hover img { transform: none; }
}
@media (min-width: 640px) {
  .bh-iic-hero .bh-iic-defile { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; overflow: visible; padding-bottom: 0; }
  .bh-iic-hero .bh-iic-defile > * { flex: initial; }
}
.bh-iic-defile-large > * { flex-basis: min(32rem, 85%); }
@media (max-width: 639px) { .bh-iic-defile-large > * { flex-basis: 100%; } }
.bh-iic-lottie [data-lottie-render] { width: 100%; height: 100%; }
.bh-iic-lottie [data-lottie-render] svg { width: 100% !important; height: 100% !important; }