/* Reader-overrides — laadt als laatste, wint van de popover-CSS */

/* ---- kleine popover: vertaal-tabs duidelijk zichtbaar ---- */
.ccp-bijbel-actions .ccp-tabs.ccp-tabs-inline{
  border:1px solid var(--accent,#d6a268); border-radius:8px; overflow:hidden; background:transparent;
}
.ccp-bijbel-actions .ccp-tabs.ccp-tabs-inline .ccp-tab{
  background:transparent; color:#ecd8c1; font-weight:700; padding:3px 10px; border:0; cursor:pointer;
}
.ccp-bijbel-actions .ccp-tabs.ccp-tabs-inline .ccp-tab + .ccp-tab{ border-left:1px solid rgba(214,162,104,.5); }
.ccp-bijbel-actions .ccp-tabs.ccp-tabs-inline .ccp-tab:hover{ background:rgba(214,162,104,.20); color:#fff; }
.ccp-bijbel-actions .ccp-tabs.ccp-tabs-inline .ccp-tab.active{ background:var(--accent,#d6a268); color:#1a1206; }

/* ---- context-modal: linker vertaling-toggle (HSV/NBG-51/SVV) ---- */
.ccp-left-toggle{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.ccp-left-toggle .ccp-left-btn{
  background:transparent; color:#ecd8c1; border:1px solid rgba(214,162,104,.65);
  border-radius:7px; padding:2px 11px; font-size:13px; font-weight:700; cursor:pointer; line-height:1.7;
}
.ccp-left-toggle .ccp-left-btn:hover{ background:rgba(214,162,104,.20); color:#fff; }
.ccp-left-toggle .ccp-left-btn.active{ background:var(--accent,#d6a268); color:#1a1206; border-color:var(--accent,#d6a268); }

/* pane-head iets meer ademruimte voor de toggle */
.ccp-context-pane-head{ align-items:center; padding-bottom:6px; }