/* 1. Verberg de paginatitel */
.page .entry-title,
.page-title {
  display: none;
}

/* 2. Centreer alle formulieren van Contact Form 7 */
.wpcf7 form {
  text-align: center;
}

/* 3. Centreer alle invoervelden en textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  display: block;
  margin: 0 auto 15px auto;
  width: 80%;
  max-width: 400px;
  box-sizing: border-box;
  text-align: center;
}

/* 4. Maak het berichtenvak iets kleiner */
.wpcf7 textarea {
  height: 90px;
  resize: vertical;
}

/* 5. Verzendknop centreren en stijlen */
.wpcf7 input[type="submit"] {
  display: block;
  margin: 20px auto;
  padding: 10px 30px;
  border-radius: 5px;
  background-color: #0073e6;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

/* 6. Hover-effect voor de knop */
.wpcf7 input[type="submit"]:hover {
  background-color: #005bb5;
}

/* 7. Homepage op mobiel: blokken breed, inhoud gecentreerd */
@media (max-width: 768px) {
  /* Breid alle blokken uit tot schermranden */
  .home .entry-content,
  .home .wp-block-group,
  .home .wp-block-column,
  .home .wp-block-cover,
  .home .wp-block-image,
  .home .wp-block-buttons,
  .home .wp-block-columns {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Inhoud binnen de blokken centreren */
  .home p,
  .home h1,
  .home h2,
  .home h3,
  .home h4,
  .home h5,
  .home h6,
  .home .wp-block-buttons,
  .home .wp-block-image {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Afbeeldingen mooi centreren en proportioneel */
  .home img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    height: auto;
    max-width: 100% !important;
  }

  /* Kolommen mooi onder elkaar en gecentreerd */
  .home .wp-block-columns {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    gap: 0 !important;
  }
}