/* chipreader/bekijk.php: openbaar profiel. Basis in eigenaar-paginas.css; voorvoegsel .cb- */
.cb-kop { display: flex; gap: 1.1rem; align-items: center; flex-wrap: wrap; }
.cb-logo { width: 4.5rem; height: 4.5rem; flex-shrink: 0; border-radius: 50%; background: var(--band-groen); color: var(--primary-dark); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; overflow: hidden; }
.cb-logo img { width: 100%; height: 100%; object-fit: cover; }
.cb-kop-tekst { flex: 1; min-width: 12rem; }
.cb-kop-tekst h2 { font-family: var(--font-display); font-size: 1.6rem; font-weight: 600; margin: 0; }
.cb-kop-tekst p { margin: .2rem 0 .5rem; color: var(--text-muted); display: flex; gap: .4rem; align-items: center; }
.cb-labels { display: flex; flex-wrap: wrap; gap: .35rem; }
.cb-kop-tweede { margin-top: 1rem; }
.cb-tekst { margin: 0; line-height: 1.6; }
.cb-tijden { white-space: pre-line; font-variant-numeric: tabular-nums; }
.cb-dagen { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .25rem; font-size: .92rem; }
.cb-dagen li { display: flex; justify-content: space-between; gap: 1rem; padding: .3rem 0; border-top: 1px solid var(--border); }
.cb-dagen li:first-child { border-top: 0; }
.cb-dagen span { color: var(--text-muted); font-variant-numeric: tabular-nums; }
.cb-sterren { color: #d49b1f; letter-spacing: .05em; margin-left: .4rem; }
.cb-reviews .ep-rij-icoon { background: var(--band-blauw); color: var(--blue-dark); font-weight: 700; }
.cb-reviews .ep-rij-tekst strong { display: flex; align-items: center; gap: .2rem; flex-wrap: wrap; }
.cb-kaart { width: 100%; height: 13rem; border-radius: .7rem; overflow: hidden; background: var(--bg); }
.cb-regel { display: flex; gap: .6rem; align-items: center; padding: .55rem 0; font-size: .92rem; }
.cb-regel i { color: var(--text-muted); width: 1rem; }
/* Sterbeoordeling: omgekeerde volgorde zodat hover en selectie de sterren links kleuren */
.cb-sterkeuze { display: inline-flex; flex-direction: row-reverse; gap: .2rem; margin-top: .2rem; }
.cb-sterkeuze input { position: absolute; opacity: 0; width: 0; height: 0; }
.cb-sterkeuze label { font-size: 1.5rem; color: var(--border-strong); cursor: pointer; line-height: 1; }
.cb-sterkeuze input:checked ~ label, .cb-sterkeuze label:hover, .cb-sterkeuze label:hover ~ label { color: #d49b1f; }
.cb-sterkeuze input:focus-visible + label { outline: 2px solid var(--primary-border); outline-offset: 2px; }