/* Rijles32 maatwerk: schakelaar handgeschakeld/automaat, tarievenpagina, app-blok. */

/* Schakelaar */
.r32-schakel { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 22px; }
.r32-vraag { font-size: 15px; color: var(--mute); }
.r32-seg { display: inline-flex; padding: 4px; border: 1.5px solid var(--ink); border-radius: 999px; background: var(--white); }
.r32-seg button {
  appearance: none; border: 0; border-radius: 999px; background: transparent; color: var(--ink);
  font: 600 15px/1 var(--font-body); padding: 0 20px; min-height: 44px; cursor: pointer;
  transition: background .2s, color .2s;
}
.r32-seg button[aria-pressed="true"] { background: var(--ink); color: var(--white); }
.r32-seg button:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (hover: hover) { .r32-seg button[aria-pressed="false"]:hover { background: var(--paper-2); } }

/* Prijs per stand: .r32-s = handgeschakeld, .r32-a = automaat */
.r32-a { display: none; }
html.r32-automaat .r32-s { display: none; }
html.r32-automaat .r32-a { display: inline; }
.r32-p i { font-style: normal; }
.pk-price b.r32-leeg { font-size: clamp(28px, 4vw, 36px); line-height: 1; }

/* On My Way-app */
.r32-app-kaart { display: grid; grid-template-columns: auto 1fr; gap: clamp(18px, 3vw, 36px); align-items: start;
  background: var(--white); border: 1.5px solid var(--ink); border-radius: var(--r); padding: clamp(22px, 4vw, 48px); }
.r32-app-icoon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--accent); color: var(--accent-ink); }
.r32-app-icoon .ms { font-size: 34px; }
.r32-app-titel { margin: 8px 0 12px; font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.03em; line-height: 1.02; }
.r32-app-kaart p { max-width: 62ch; }
.r32-app-knoppen { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
@media (max-width: 560px) {
  .r32-app-kaart { grid-template-columns: 1fr; }
  .r32-app-knoppen .btn { width: 100%; justify-content: center; }
}

/* Logo: "les" is donkerpaars en valt weg op donker. Daar (kopbalk bovenaan, open menu,
   voet) de lichte variant uit deze plug-in; na scrollen is de kopbalk licht en staat het origineel.
   De afbeelding zelf schuift uit beeld (object-position), de achtergrond toont de variant. */
.hd:not(.scrolled) .logo img, html.menu-open .hd .logo img, .ft .logo img {
  background: url(logo-licht.png) center / contain no-repeat;
  object-position: -9999px 0;
}