/*magazin_clanek_detail*/
/* karta bez pozadí */
.card{ background-color:transparent; }

/* --- DŮLEŽITÉ: Obrázky v obsahu a perexu vždy responsivně do šířky sloupce --- */

/* === Obsah článku – sjednocené styly pro nové (.clanek-obsah) i staré (.content-article) názvy === */

.clanek-obsah{
  font-family: 'Roboto Slab', Arial, sans-serif;
  color: #111;
  font-size: 20px;
}

/* Obrázky: platí jak pro wrapper, tak pro třídu přímo na <img> */
:is(.clanek-obsah) img,
img.clanek-obsah{
  display: block;
  /* nepřetékej do šířky sloupce */
  max-width: 100% !important;
  /* udrž poměr stran */
  height: auto !important;

  /* ⬇️ NOVÉ: omez velmi vysoké obrázky na 800px */
  max-height: 800px !important;

  /* ať se šířka dopočítá podle výšky / max-width */
  width: auto;

  border-radius: .5rem;
  margin-bottom: .75rem;
}

/* Figure nikdy nepřetékej */
:is(.clanek-obsah) figure{
  max-width: 100%;
  overflow: hidden;
}

/* Iframy responsivně do šířky sloupce */
:is(.clanek-obsah) iframe,
iframe.clanek-obsah{
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

/* Tabulky – žádný horizontální scroll */
:is(.clanek-obsah) table,
table.clanek-obsah{
  width: 100% !important;
  table-layout: auto;
}

/* „Aligny“ z editorů – necháme marginy, volitelně můžeš odkomentovat float */
:is(.clanek-obsah) img[align="left"],
img.clanek-obsah[align="left"]{
  margin: 0 1rem 1rem 0;
  /* float: left; */
}
:is(.clanek-obsah) img[align="right"],
img.clanek-obsah[align="right"]{
  margin: 0 0 1rem 1rem;
  /* float: right; */
}


	

/* Perex: zpětně .lead i nově .clanek-perex */

.clanek-perex{
  font-size: 25px;
  font-weight: 300;
  line-height: 1.6;
}

.clanek-perex figure{
  max-width: 100%;
  overflow: hidden;
}

.clanek-perex{
  max-width: 100%;
}
img, .clanek-perex img, img.clanek-perex{
  display: block;
  max-width: 100% !important;
  height: auto !important;

  /* ⬇️ stejný limit výšky i pro perex */
  max-height: 800px !important;

  width: auto;
  border-radius: .5rem;
  margin-bottom: .75rem;
}

/* ⬇️ NOVÉ: odsazení shora pro všechny <h2 class="clanek-obsah"> */
article h2 .clanek-obsah{
  margin-top: 10px !important;
  font-size: 1.5rem;
}

/* (volitelné) prevence horizontálního scrollu */
article .clanek-obsah{
  overflow-x: hidden;
}


/* (volitelné) prevence vodorovného scrollu, kdyby něco uniklo */
article .clanek-obsah{ overflow-x: hidden; }

article blockquote {
  quotes: none;
  font-size: 1.18rem;
  line-height: 1.3;
  text-align: center;
  padding: 15px 0;
  margin: 0 0 20px;
  color: #cc5730;
  font-family: Oswald, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
article blockquote a { text-decoration: underline; color: #cc5730; }
article blockquote a:hover { text-decoration: underline; color: #cc5730; }

/* Edit bar */
.magazin-editbar { position: sticky; top: 1rem; z-index: 1030; }

/* Inline editor (iframe) */
/*#inlineEditWrap { border: 1px dashed rgba(0,0,0,.15); border-radius: .5rem; }
#inlineEditFrame { width: 100%; min-height: 120vh; border: 0; display:block; }
*/
article joomla-tab>joomla-tab-element {
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-radius: 0 0 .25rem .25rem;
    padding: 0px 0px 0px 0px;
    display: none;
    position: relative;
    box-shadow: 0 0 3px #0000000a;
}	
.clanek-popis-obrazku{
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #808080;
  font-style: italic;
  text-align: center !important;
}


blockquote {
  quotes: none;
  font-size: 1.18rem;
  line-height: 1.3;
  text-align: center;
  padding: 15px 0;
  margin: 0 0 20px;
  color: #cc5730;
  font-family: Oswald, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
blockquote a { text-decoration: underline; color: #cc5730; }
blockquote a:hover { text-decoration: underline; color: #cc5730; }

.clanek-obrazek{
	max-width:950px;
	height: auto;
}

.clanek-video .mce-object .mce-object-iframe{
	margin: 10px auto; 
	display: block; 
	vertical-align: center;
}