/* ==========================================================================
   Blok — Vraag (template-parts/blok/vraag.php)

   De band zelf is die van de homepage: assets/css/home/vraag.css, één bron.
   blokken/vraag/blok.php laadt dat bestand ook op subpagina's (vóór deze
   blok-CSS), en zonder Secure Custom Fields zet de template het vlak vóór
   het blok.

   Hier alleen wat het blok extra kan: teamfoto's en de andere banden. Alle
   regels zijn specifieker dan die in home/vraag.css, zodat de volgorde van
   de bestanden niet uitmaakt.
   ========================================================================== */

/* Teamfoto (arg 'persoon'): liggende portretfoto's met het gezicht al groot
   in beeld, dus niet extra inzoomen zoals bij de themafoto van de homepage. */
.b-vraag .b-vraag__portret--team img {
  object-position: 55% 30%;
  transform: none;
}

/* Banden: op de homepage roze. Op wit krijgt de rand om het portret de
   zachte roze tint (een witte rand valt daar weg); op grijs blijft hij wit. */
.b-vraag.band--wit :is(.s-vraag__portret, .s-vraag__icoon) { border-color: var(--roze-licht); }

/* Navy: lichte tekst en lijnen, een gedempte rand om het portret */
.b-vraag.band--navy :is(.s-vraag__portret, .s-vraag__icoon) { border-color: var(--navy-80); }
.b-vraag.band--navy .s-vraag__icoon { background: var(--navy-90); }
.b-vraag.band--navy .s-vraag__wie strong { color: var(--wit); }
.b-vraag.band--navy .s-vraag__bel-icoon { color: var(--blauw-licht); }
.b-vraag.band--navy .s-vraag__bel a { text-decoration-color: rgba(255, 255, 255, .4); }
.b-vraag.band--navy .s-vraag__bel a:hover { text-decoration-color: currentColor; }