/* Aanvullingen op style.css (oktober 2026).
   style.css wordt niet meer vanuit de SCSS gecompileerd; nieuwe styling hier. */

/* Specialisaties: icoon en titel naast elkaar, ook bij titels over twee regels */
.service-vendor ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.service-vendor .specialisaties-container svg {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2.5rem;
  margin-right: 0.6rem; }
  @media screen and (min-width: 75em) {
    .service-vendor .specialisaties-container svg {
      width: 3.5rem;
      -webkit-transform: none;
              transform: none; } }

/* Specialisaties zonder eigen pagina */
.service-vendor ul li span {
  color: #fffffd;
  font-weight: bold; }

/* Met 10 specialisaties iets compacter op desktop */
@media screen and (min-width: 64em) {
  .service-vendor ul li {
    margin-bottom: 1rem; } }

/* Google reviews boven de contactsectie in de footer */
.google-reviews {
  padding: 3rem 0 3rem; }
  @media screen and (min-width: 64em) {
    .google-reviews {
      padding: 5rem 0 5rem; } }

.google-reviews-intro {
  margin-bottom: 1.5rem; }
  .google-reviews-intro h2 {
    margin-bottom: 1rem; }

/* Google reviews badge, hangt rechts onder de vaste header */
.header-reviews {
  position: absolute;
  top: 100%;
  right: 1rem;
  margin-top: 0.75rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: top right;
          transform-origin: top right; }
  @media screen and (min-width: 64em) {
    .header-reviews {
      right: 2rem;
      margin-top: 1rem;
      -webkit-transform: none;
              transform: none; } }