/*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: Arial;
font-weight: 400;
font-style: normal;
/*font-size: 18px;*/
font-size: 1.12rem;
line-height: 140%;
letter-spacing: 0px;

}
h2.clanek-obsah{
font-family: Oswald;
font-weight: 700;
font-style: normal;
font-size: 35px;
line-height: 130%;
letter-spacing: 0px;
text-align: left;
color: #1D1E1B;

}

/* 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 figure{
  max-width: 100%;
  overflow: hidden;
}

.clanek-perex{
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
/*font-size: 22px;*/
font-size: 1.3rem;
line-height: 130%;
letter-spacing: 0px;
}
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: 20px !important;
  margin-bottom: .75rem;
}

/* ⬇️ NOVÉ: odsazení shora pro všechny <h2 class="clanek-obsah"> */
article h2 .clanek-obsah{
	font-family: Oswald, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  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 !important;
  font-style: italic;
  text-align: center !important;
  margin: 0; 
  padding: 0px 0px 20px 0px;
}


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;
}

/* Responsivní 4:3, max 800 px, vždy na střed */
p > .wf-responsive-container{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(100%, 800px) !important;
  aspect-ratio: 4 / 3;
  height: auto !important;          /* přepíše inline height */
  position: relative;
}

p > .wf-responsive-container > iframe{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block !important;
  margin: 0 auto !important;
}


.clanek-zdroje{
font-family: Arial;
font-weight: 700;
font-style: Bold;
font-size: 18px;
line-height: 100%;
letter-spacing: 0px;
}

.clanek-skladby{
	font-family: Oswald, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 1.18rem;
  line-height: 1.4;
	 color: #cc5730 !important;
	 font-weight: 700;
	 margin: 0; 
  text-align: center !important;
  display: block;
  width: 100%;
  margin: 0;
	
}

.clanek-poslouchejte{
	font-family: Oswald, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 1.28rem;
  line-height: 1.3;
	 color: #cc5730 !important;
	 font-weight: 500;
	 margin: 0; 
  text-align: center !important;
  display: block;
  width: 100%;
  margin: 0;
}

/* rozšíří obsah jen na stránce s class="page-videa" */
body.page-videa .content-section .auto-container,
body.page-videa .article-content,
body.page-videa .com-content-article,
body.page-videa .section-content {
  max-width: 1620px !important; /* místo 1200 px */
  width: 100% !important;
  background-color: #1D1E1B;
  color:#EDEBDD;
}

/* pokud chceš, aby samotný video-blok šel úplně "edge-to-edge" přes viewport */
body.page-videa .outerScriptsSectionWrapper {
  position: relative;
  /*left: 50vw;
  right: 50vw;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;*/
}

/* uvnitř full-bleed wrapperu nech klidně mřížku s gutters */
body.page-videa .outerScriptsSectionWrapper .row {
  margin-left: 0;
  margin-right: 0;
}