/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* =================================================================== */
/* 0. CONTAINER VOOR BEHEER (smal in het midden)                       */
/* =================================================================== */
.integratenl-beheer-wrap { 
  max-width: 1100px; 
  margin: 0 auto; 
  padding: 0 16px; 
}



/* =================================================================== */
/* 2. UITLIJNING (Quill + Gutenberg + klassiek), ALTIJD ACTIEF         */
/* =================================================================== */
/* Center */
.smart-content .ql-align-center,
.formulier-inzending .ql-align-center,
.smart-content .has-text-align-center,
.formulier-inzending .has-text-align-center,
.smart-content .aligncenter,
.formulier-inzending .aligncenter,
.smart-content .text-center,
.formulier-inzending .text-center { text-align: center !important; }

/* Right */
.smart-content .ql-align-right,
.formulier-inzending .ql-align-right,
.smart-content .has-text-align-right,
.formulier-inzending .has-text-align-right,
.smart-content .alignright,
.formulier-inzending .alignright,
.smart-content .text-right,
.formulier-inzending .text-right { text-align: right !important; }

/* Left */
.smart-content .ql-align-left,
.formulier-inzending .ql-align-left,
.smart-content .has-text-align-left,
.formulier-inzending .has-text-align-left,
.smart-content .alignleft,
.formulier-inzending .alignleft,
.smart-content .text-left,
.formulier-inzending .text-left { text-align: left !important; }

/* Justify */
.smart-content .ql-align-justify,
.formulier-inzending .ql-align-justify,
.smart-content .has-text-align-justify,
.formulier-inzending .has-text-align-justify,
.smart-content .text-justify,
.formulier-inzending .text-justify { text-align: justify !important; }

/* Afbeeldingen/figuren netjes centreren bij .aligncenter */
.smart-content figure.aligncenter,
.formulier-inzending figure.aligncenter,
.smart-content img.aligncenter,
.formulier-inzending img.aligncenter { 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
}


/* =================================================================== */
/* 4. CONTACT FORM 7 (.wpcf7-form)                                     */
/* =================================================================== */
.wpcf7-form { font-family: "Segoe UI", sans-serif; }

/* Teller alleen op formulierpagina's */
.page-template-formulier .wpcf7-form,
body.page-formulier .wpcf7-form { counter-reset: stapnummer; }

.page-template-formulier .wpcf7-form h2,
body.page-formulier .wpcf7-form h2 {
  counter-increment: stapnummer;
  position: relative;
  padding: 1.5rem 1rem 1.5rem 4.5rem;
  margin: 3rem 0 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.04);
  font-size: 1.4rem;
  font-weight: 600;
  color: #1e40af;
}
.page-template-formulier .wpcf7-form h2::before,
body.page-formulier .wpcf7-form h2::before {
  content: "Stap " counter(stapnummer);
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #2563eb;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  box-shadow: 0 0 0 3px #e0e7ff;
}


/* H2-styling op andere pagina’s (zonder cirkel) */
.wpcf7-form h2 {
  padding: 1.5rem 1rem;
  margin: 3rem 0 1.5rem;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.04);
  font-size: 1.4rem;
  font-weight: 600;
  color: #1e40af;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="file"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 1rem;
  box-sizing: border-box;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  border-color: #2563eb;
  outline: none;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3);
}
.wpcf7-form .wpcf7-form-control-wrap { margin-bottom: 1.5rem; }

.wpcf7-form input[type="submit"] {
  background-color: #2563eb;
  color: white;
  font-weight: bold;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 2rem;
  font-size: 1rem;
  transition: background-color 0.2s ease;
}
.wpcf7-form input[type="submit"]:hover { background-color: #1e3a8a; }

@media (max-width: 768px) {
  .page-template-formulier .wpcf7-form h2,
  body.page-formulier .wpcf7-form h2 {
    padding-left: 4rem;
    font-size: 1.15rem;
  }
  .page-template-formulier .wpcf7-form h2::before,
  body.page-formulier .wpcf7-form h2::before {
    font-size: 0.75rem;
    padding: 0.4rem 0.7rem;
  }
  .wpcf7-form input[type="submit"] { width: 100%; }
}