.mr-recept{font-family:Arial, sans-serif;margin:12px 0}
.mr-ingredient-items{list-style:none;padding-left:0}
.mr-ingredient{margin:4px 0}
.mr-stars .mr-star{cursor:pointer;font-size:20px;padding:0 2px;color:#ccc}
.mr-stars .mr-star.filled{color:#f5b301}

/* Added 2025-11-05: ingredient checklist */
.mr-ingredient{display:flex; align-items:flex-start; gap:8px}
.mr-ingredient input.mr-check{flex:0 0 auto; margin-top:2px}
.mr-ingredient.checked .mr-name,
.mr-ingredient.checked .mr-unit,
.mr-ingredient.checked .mr-qty{ text-decoration: line-through; opacity:.7 }

.mr-ingredient input.mr-check{ width:22px; height:22px; accent-color:#00427a !important; }


/* 2025-11-05: Custom styled ingredient checkbox (keeps structure/classes) */
.mr-ingredient input.mr-check{
  -webkit-appearance:none;
  appearance:none;
  width:22px;
  height:22px;
  border:2px solid #00427a;
  border-radius:4px;
  background:#fff;
  position:relative;
  margin-top:2px;
  flex:0 0 auto;
}
.mr-ingredient input.mr-check:checked{
  background:#00427a;
  border-color:#00427a;
}
.mr-ingredient input.mr-check:checked::after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:6px;
  height:11px;
  border:2px solid #fff;
  border-top:0;
  border-left:0;
  transform:rotate(45deg);
}

/* Robust custom checkbox skin (schová nativní vzhled) */
.mr-ingredient input[type="checkbox"].mr-check{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:22px;
  height:22px;
  border:2px solid #00427a;
  border-radius:4px;
  background:#fff;
  position:relative;
  margin-top:2px;
  flex:0 0 auto;
  outline:none;
  box-shadow:none;
  background-image:none;
  accent-color: initial; /* neutralizace případných dědičných stylů */
}
.mr-ingredient input[type="checkbox"].mr-check:checked{
  background:#00427a;
  border-color:#00427a;
}
.mr-ingredient input[type="checkbox"].mr-check:checked::after{
  content:"";
  position:absolute;
  left:6px;   /* +1 px doprava oproti předchozímu */
  top:2px;
  width:6px;
  height:11px;
  border:2px solid #fff;
  border-top:0;
  border-left:0;
  transform:rotate(45deg);
}

/* Větší text u kroků postupu v editoru */
.mr-step .mr-step-text p{
  font-size: 1.8rem;
}