/* FAQ – základ */

#portmain .art-middle .vypis-faq .vbody { 
	display: none !important; 
}

#portmain .art-middle .vypis-faq .vitem.open .vbody { 
	display: block !important; 
}
 
#portmain .art-middle .vypis-faq .vitem {
  border-bottom: 1px solid rgba(0,0,0,.12);
  padding: 6px 0;
}

/* otázka jako klikací řádek */
#portmain .art-middle .vypis-faq .vsubj {
  position: relative;
  cursor: pointer;
  padding: 14px 44px 14px 0; /* místo na šipku vpravo */
  font-weight: 600;
  line-height: 1.25;
  user-select: none;
}

/* šipka vpravo (čisté CSS) */
#portmain .art-middle .vypis-faq .vsubj::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-60%) rotate(45deg); /* „>“ dolů */
  transition: transform .2s ease;
  opacity: .75;
}

/* odpověď defaultně skrytá */
#portmain .art-middle .vypis-faq .vbody {
  display: none;
  padding: 0 0 14px 0;
}

/* když je položka otevřená */
#portmain .art-middle .vypis-faq .vitem.open .vbody {
  display: block;
}

/* otočení šipky při otevření */
#portmain .art-middle .vypis-faq .vitem.open .vsubj::after {
  transform: translateY(-40%) rotate(-135deg); /* šipka nahoru */
}

/* jemný hover efekt (volitelné) */
#portmain .art-middle .vypis-faq .vsubj:hover {
  opacity: .9;
}

/* doformátovat */
#podbody #portmain .onecol .vypis-faq .vitem {
  width: 100.0%;
}
#portmain .art-middle .vypis-faq .vsubj {
  
  width: auto;
}