/*
 * Ponto focal por breakpoint (par do assets/editor-focal-point.js).
 * As custom properties --focal-d/--focal-t/--focal-m são gravadas no wrapper
 * do bloco (figure do core/image, div do core/cover) e herdam para o <img>.
 * Fallback em cascata: mobile → tablet → desktop → 50% 50%.
 * Carregado no front E no editor (add_editor_style) — o device preview do
 * editor dispara as mesmas media queries.
 */
figure[style*="--focal"] img,
.wp-block-cover[style*="--focal"] .wp-block-cover__image-background {
  object-position: var(--focal-d, 50% 50%);
}

@media (max-width: 1024px) {
  figure[style*="--focal"] img,
  .wp-block-cover[style*="--focal"] .wp-block-cover__image-background {
    object-position: var(--focal-t, var(--focal-d, 50% 50%));
  }
}

@media (max-width: 600px) {
  figure[style*="--focal"] img,
  .wp-block-cover[style*="--focal"] .wp-block-cover__image-background {
    object-position: var(--focal-m, var(--focal-t, var(--focal-d, 50% 50%)));
  }
}