/*--------------------------------------------------------------
# video

Vzniklo rozpustenim 15-prevzato-z-astry.css. Pravidla sem prisla
beze zmeny, jen se presunula pod komponentu, ktere patri.
--------------------------------------------------------------*/

.wp-block-embed-youtube .wp-block-embed__wrapper { aspect-ratio: 16 / 9; height: auto; }
.wp-block-embed-youtube .wp-block-embed__wrapper { border-radius: 5px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); /* bez tohohle drží iframe svou natvrdo danou height="675" i po zúžení na šířku sloupce (100% width odjinud, výška se ale neškáluje) - jakmile async wp-block-library-css dotáhne a omezí šířku, poměr stran se rozjede skoro na čtverec. aspect-ratio + 100%/100% iframe to drží na 16:9 bez ohledu na pořadí načítání CSS. */ aspect-ratio: 16 / 9; /* Complianz (cmplz_set_blocked_content_container v complianz.js) najde iframe.cmplz-placeholder-element a přilepí na jeho RODIČE (= tenhle wrapper) třídu cmplz-blocked-content-container s "height: inherit" - to má nižší specificitu (1 třída) než tohle pravidlo (2 třídy), takže explicitní height:auto tady spolehlivě vyhraje a nechá aspect-ratio dál platit, ať Complianz svou třídu přidá v jakýkoli okamžik. */ height: auto; }
.wp-block-embed-youtube .wp-block-embed__wrapper iframe { width: 100%; height: 100%; }
@media (max-width: 600px) {
  .wp-block-columns:has(.wp-block-embed-youtube) > .wp-block-column:has(.wp-block-embed-youtube) { order: 2; }
  .wp-block-columns:has(.wp-block-embed-youtube) > .wp-block-column:not(:has(.wp-block-embed-youtube)) { order: 1; }
  .wp-block-columns:has(.wp-block-embed-youtube) p { font-size: 18px !important; }
  .wp-block-columns:has(.wp-block-embed-youtube) h3 { font-size: 26px !important; }
}