/****************** Toogla ************************/

details.mtshift {
  border: 1px solid #A66900;
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 10px;
  padding: 5px 10px;
  scroll-margin-top: 60px;   /* odsazení při skoku na kotvu #neemaily apod. */
}

details.mtshift summary {
  cursor: pointer;
  outline: none;
  font-weight: bold;
  padding: 8px 5px;
  list-style: none;
}
details.mtshift summary::-webkit-details-marker { display: none; }

details.mtshift summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 8px;
  color: #A66900;
  transition: transform .2s ease;
}
details.mtshift[open] summary::before { transform: rotate(90deg); }

details.mtshift .mpruhledny {
  color: #666;
  padding: 5px 20px 10px 27px;
}
details.mtshift .mpruhledny p,
details.mtshift .mpruhledny ul {
  margin-bottom: 10px;
}
details.mtshift .mpruhledny p:last-child,
details.mtshift .mpruhledny ul:last-child {
  margin-bottom: 0;
}

/* animace rozbalení */
details.mtshift[open] .mpruhledny {
  animation: mtshift-open .25s ease;
}
@keyframes mtshift-open {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}