#service-types-checkboxes:not(:has(input[name="tree-services"]:checked)) ~ #tree-services-checkboxes {
  display: none;
}

#service-types-checkboxes:not(:has(input[name="landscaping-services"]:checked)) ~ #landscaping-services-checkboxes {
  display: none;
}

.hidden {
  display: none;
}

textarea[name="address"] {
  width: 100%;
  height: 4em;
}

textarea[name="description"] {
  width: 100%;
  height: 10em;
}

nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

nav img {
  width: 80px;
}

nav h1 {
  margin: 0;
}

@media (max-width: 600px) {
  nav h1 {
    font-size: 1.4em;
  }
}

fieldset:has(input[type="checkbox"]) {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

label:has(input[type="checkbox"]) {
  border: 1px solid white;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;

  input {
    display: none;
  }
}
label:has(input[type="checkbox"]:checked) {
  background-color: #F0FFF066;
}