/* ─────────────────────────────────────────────
   INVERTIR ORDEN (flex-direction) — regla base, siempre disponible
   Ruta: banner-carousel/assets/flex-reverse.css

   Mismo criterio que full-width.css: encolado sin condición en TODA
   página (bc_frontend_enqueue()), porque cualquier bloque con layout
   "Fila" (flex horizontal — ej. un Grupo con "Fila" en Personalizar →
   Diseño) puede usar este interruptor, no solo los bloques de este
   plugin. Pensado para el caso típico de imagen+texto en fila, que en
   mobile suele necesitar el orden invertido — no tiene efecto (ni
   rompe nada) en un bloque que no sea un contenedor flex, ya que
   flex-direction ahí simplemente no hace nada.

   Escritorio, tablet y mobile son TRES interruptores INDEPENDIENTES
   (ver flex-reverse-editor.js): cada uno solo toca su propio rango de
   ancho, sin superponerse con los otros dos, así que activar uno no
   afecta a los demás. Mobile ≤768px / Tablet 769–1024px / Escritorio
   ≥1025px — mismo corte de mobile (768px) que ya usan mega-menu,
   prefooter y product-grid en este sitio; el corte de tablet es nuevo
   acá, no hay otro plugin propio con ese breakpoint todavía. */
@media (min-width: 1025px) {
    .hb-flex-reverse-desktop { flex-direction: row-reverse !important; }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .hb-flex-reverse-tablet { flex-direction: row-reverse !important; }
}

@media (max-width: 768px) {
    .hb-flex-reverse-mobile { flex-direction: row-reverse !important; }
}