/* Alleen voor dit mobiele blok namespacen we alles met .vf-mobile */
  .vf-mobile{font-family:"autopro reg","Auto Pro",sans-serif}
  .vf-mobile h3{font-family:"autopro reg";font-weight:700}

  /* Layout: één kolom */
  .vf-mobile .vf-wrap{display:block}

  /* Mobiele filterknop */
  .vf-mobile .filter-toggle{
  appearance:none;         /* standaard pijltje uitzetten (Safari/Chrome) */
  -webkit-appearance:none; /* voor iOS Safari */
  -moz-appearance:none;    /* voor Firefox */
  background:rgba(0,157,142,0.25);
  color:#009d8e;
  border:1px solid #e5e7eb;
  border-radius:10px;
  width:100%;
  padding:.8rem 1rem;
  font-weight:700;
  text-align:left;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  margin-bottom:.75rem;
  font-family:"autopro reg","Auto Pro",sans-serif;
  position:relative;       /* voor icoontje rechts */
}
  .vf-mobile .filter-toggle #filter-count-m{
    float:right;
    display:inline-block;
    min-width:1.6em;
    padding:0 .5em;
    border-radius:999px;
    border:1px solid #e5e7eb;
    font-weight:800;
    text-align:center;
  }
.vf-mobile .filter-toggle .toggle-icon{
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  color:#009d8e!important;           /* altijd onze kleur */
  font-size:1.1em;
  transition:transform .3s ease;
}
.vf-mobile .filter-toggle .toggle-icon::before{
  content:"▼";             /* pijltje */
}
.vf-mobile .filter-toggle[aria-expanded="true"] .toggle-icon{
  transform:translateY(-50%) rotate(180deg); /* omhoog bij open */
}

  /* Filterpaneel (accordion) */
  .vf-mobile #blog-filter-m{
    position:static; top:auto; box-shadow:none; margin-bottom:1rem;
    display:none; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:1rem 1.2rem;
  }
  .vf-mobile #blog-filter-m.open{display:block}
  .vf-mobile #blog-filter-m h3{margin:0 0 .6rem;font-size:1.05rem;font-weight:900}
  .vf-mobile #blog-filter-m .filter-grid{display:grid;grid-template-columns:1fr;gap:.5em;margin-bottom:1em}
  .vf-mobile #blog-filter-m .filter-grid label{display:block;cursor:pointer;background:#fff;padding:.4em .6em;border-radius:4px;font-size:.9em;border:1px solid #e5e7eb}
  .vf-mobile #blog-filter-m input[type="text"]{width:100%;padding:6px;margin-top:8px;border-radius:4px;border:1px solid #ccc}

  /* Resultatenraster (1 kolom op mobiel, met cards) */
  .vf-mobile #posts-container-m{display:grid;grid-template-columns:1fr;gap:1em}
  .vf-mobile .vf-card{
    background:#fff; box-shadow:2px 4px 12px rgba(0,0,0,.15);
    display:flex; flex-direction:column; height:100%;
  }
  .vf-mobile .vf-card h4{
    font-size:1.1rem;margin:.5em 0 .2em; padding:5px; text-align:center; min-height:50px; font-weight:700;
  }
  .vf-mobile .vf-thumb{width:100%;height:240px;overflow:hidden}
  .vf-mobile .vf-thumb img{width:100%!important;height:100%;object-fit:cover;display:block}

  /* Meta */
  .vf-mobile .vf-meta{
    display:grid; grid-template-columns:1fr; row-gap:6px; justify-items:center;
    margin:.2rem .9rem .8rem; color:#111827; font-size:14px; height:78px;
  }
  .vf-mobile .vf-meta-item{display:inline-flex;align-items:center;gap:.35rem;height:22px}
  .vf-mobile .vf-meta-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
  .vf-mobile .vf-meta svg{width:16px;height:16px;flex:0 0 16px;fill:#009d8e}
  .vf-mobile .vf-meta svg.clock{fill:none;stroke:#009d8e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  /* Knop */
  .vf-mobile .btn-vacature{
    display:inline-block;padding:10px;background:#63b9e9;color:#fff;border-radius:4px;text-decoration:none;
    font-size:16px;text-transform:lowercase;font-weight:600;width:70%;margin:auto auto 10px;text-align:center
  }
  .vf-mobile .btn-vacature:hover{background:#009d8e}

  .vf-mobile #laad-meer-m{margin:2em auto;display:block;padding:.8em 1.5em;font-size:1em;background:#009d8e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}
  .vf-mobile #laad-meer-m:hover{background:#00776b}

  /* Verberg dit hele blok boven 860px, voor de zekerheid (Divi regelt zichtbaarheid ook) */
  @media (min-width: 861px){
    .vf-mobile{display:none !important;}
  }