/*
 * impoqrik.am first-party CSS fixes (GPL-2.0-or-later, (c) impoqrik.am).
 * Loaded automatically by templates/ja_teline_v/tpls/blocks/head.php (is_file check, lines 58-59).
 * Interim fixes for the JA Teline V template until tpl_impoqrik replaces it.
 */

/* WEB-07: JA content-type videos are printed with fixed width="1140" height="648"
   (templates/ja_teline_v/html/layouts/joomla/content/video_play.php), causing horizontal
   overflow on phones/tablets. Keep them inside their column as a 16:9 box (no cropping). */
iframe.ja-video {
  max-width: 100%;
}

/* Below the 1200px container breakpoint the column can be narrower than the fixed width:
   let the height follow the width. Desktop (>= 1200px) keeps its exact original size. */
@media (max-width: 1199.98px) {
  iframe.ja-video {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}