/*
Theme Name: Coachingspraktijk Bloei Theme
Theme URI: http://example.com
Author: Generated by Dirk-Jan with help of AI
Author URI: http://hemmelder.eu
Description: Coachingspraktijk Bloei. Beige background, green text, rounded buttons. Includes templates for the required pages.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: bloei
*/
body { background: #FAF5E6; color: #2F6B4F; font-family: "Poppins", Arial, sans-serif; margin:0; padding:0; }
a { color: #2F6B4F; text-decoration: none; }
.container { max-width:1000px; margin:0 auto; padding:20px; }
header.site-header { text-align:center; padding:30px 10px 10px; }
.site-title { font-size:32px; margin:0; font-weight:700; color:#2F6B4F; }
.nav-buttons { display:flex; gap:10px; justify-content:center; margin-top:12px; flex-wrap:wrap; }
.nav-buttons a { display:inline-block; padding:12px 18px; border-radius:12px; background:#ffffffaa; box-shadow:0 2px 6px rgba(0,0,0,0.05); color:#2F6B4F; font-weight:600; }

.main-block img.logo { max-width:160px; width:20%; height:auto; }
.main-block .text { width:80%; }
.center-buttons { display:flex; gap:18px; justify-content:center; margin:20px 0; flex-wrap:wrap; }
.big-btn { width:160px; height:120px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:18px; color:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.08); text-decoration:none; }
.big-btn.orange { background:#E67A3F; }
.big-btn.red { background:#D0482F; }
.big-btn.yellow { background:#F2C94C; color:#2F6B4F; }
.who-block { display:flex; gap:20px; align-items:center; margin:30px 0; padding:12px; border-radius:10px; }
.who-block img { width:20%; border-radius:8px; }
.who-block .who-text { width:80%; }
.page-content { padding:20px 0; }
.footer { background:#ffffffcc; padding:16px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid #eee; position:relative; }
.footer .center { text-align:center; flex:1; }
.footer .socials img { width:28px; margin-right:8px; vertical-align:middle; }
.terms-btn { padding:8px 12px; border-radius:8px; background:#ffffff; border:1px solid #ddd; text-decoration:none; color:#2F6B4F; }
@media (max-width:700px){
  .main-block, .who-block { flex-direction:column; }
  .main-block img.logo, .who-block img { width:40%; }
  .main-block .text, .who-block .who-text { width:100%; text-align:left; }
}
/* --- Homepagina: algemene informatie blok --- */
.home .main-block {
  display: flex;
  align-items: center;
  gap: 20px;
}

.home .main-block img {
  flex: 0 0 20%;
  max-width: 160px;
  height: auto;
}

.home .main-block .text {
  flex: 1 1 80%;
}

/* --- Coachingpagina's: tekst om afbeelding heen --- */
.page-template-page-kinder-coaching,
.page-template-page-jongeren-coaching,
.page-template-page-volwassenen-coaching {
  /* Zorg dat deze pagina's NIET de flex-instellingen van .main-block erven */
}

.page-template-page-kinder-coaching .coaching-block,
.page-template-page-jongeren-coaching .coaching-block,
.page-template-page-volwassenen-coaching .coaching-block {
  display: block;
  overflow: hidden;
  margin-bottom: 40px;
}

.page-template-page-kinder-coaching .coaching-block img,
.page-template-page-jongeren-coaching .coaching-block img,
.page-template-page-volwassenen-coaching .coaching-block img {
  float: left;
  width: 20%;
  max-width: 160px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.page-template-page-kinder-coaching .coaching-block .text,
.page-template-page-jongeren-coaching .coaching-block .text,
.page-template-page-volwassenen-coaching .coaching-block .text {
  display: block;
  width: auto;
}

@media (max-width: 700px) {
  .page-template-page-kinder-coaching .coaching-block img,
  .page-template-page-jongeren-coaching .coaching-block img,
  .page-template-page-volwassenen-coaching .coaching-block img {
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto 20px;
  }
}


/* --- Coachingpagina's: tekst die echt om de foto heen loopt --- */
.coaching-block {
  display: block; /* niet flex of grid! */
  overflow: hidden; /* voorkomt dat de float uitsteekt */
  margin-bottom: 40px;
}

.coaching-block img {
  float: left;
  width: 40%;
  max-width: 350px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.coaching-block .text {
  display: block;
  width: auto; /* laat tekst natuurlijk doorlopen */
}
  
/* Mobiel: foto boven tekst */
@media (max-width: 700px) {
  .coaching-block img {
    float: none;
    display: block;
    width: 100%;
    margin: 0 auto 20px;
  }
}
.site-header {
  text-align: center;
  padding: 20px 0;
}

.site-title {
  font-size: 2em;
  color: #2F6B4F;
  margin-bottom: 10px;
}

.main-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.nav-button {
  background-color: #f0e5d2;
  color: #2F6B4F;
  padding: 10px 15px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.nav-button:hover {
  background-color: #2F6B4F;
  color: #fff;
}