/* Bloc image : largeur et alignement configurables depuis le Panel */

.layout-section .block-type-image,
.layout-column .block-type-image,
.block-type-image {
  display: block;
  box-sizing: border-box;
  width: var(--image-display-width, 100%);
  max-width: 100%;
  margin: 0;
}

.block-type-image--width-full {
  --image-display-width: 100%;
}

.block-type-image--width-large {
  --image-display-width: 75%;
}

.block-type-image--width-medium {
  --image-display-width: 50%;
}

.block-type-image--width-small {
  --image-display-width: 33.333%;
}

.block-type-image--width-xs {
  --image-display-width: 25%;
}

.block-type-image__link {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}

.block-type-image__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.block-type-image__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.block-type-image--align-left {
  margin-left: 0;
  margin-right: auto;
}

.block-type-image--align-center {
  margin-left: auto;
  margin-right: auto;
}

.block-type-image--align-right {
  margin-left: auto;
  margin-right: 0;
}

.block-type-image__caption {
  margin-top: 0.5rem;
  width: 100%;
  text-align: inherit;
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, 1.4));
  color: color-mix(in oklab, currentcolor 50%, transparent);
}

.block-type-image--align-left .block-type-image__caption {
  text-align: left;
}

.block-type-image--align-center .block-type-image__caption {
  text-align: center;
}

.block-type-image--align-right .block-type-image__caption {
  text-align: right;
}