/**
 * =======================================================================================
 * custom_civicrm.css — OZK-aanpassingen op de CiviCRM back-office UI
 * =======================================================================================
 * Dit bestand wordt sitewide geladen via de CiviCRM-setting customCSSURL
 * (Beheer > Systeeminstellingen > Weergavevoorkeuren > Custom CSS URL):
 *   https://www.onvergetelijk.nl/sites/all/modules/civicrm_extensions/custom_civicrm.css
 *
 * LET OP: dit is iets anders dan custom_civicrm_email.css (nl.onvergetelijk.cssinliner),
 * dat alleen voor e-mailtemplates geldt. Dit bestand raakt uitsluitend de admin-UI.
 *
 * Na wijzigingen: browser hard verversen (Ctrl+Shift+R); CiviCRM cachet dit niet.
 * =======================================================================================
 */

/* ---------------------------------------------------------------------------------------
 * 1. mjwshared "Refund payment"-formulier: Ja/Nee-radio's naast elkaar
 * ---------------------------------------------------------------------------------------
 * De annuleer-vraag ("Wilt u deze registraties annuleren bij het terugbetalen?") rendert
 * de twee radio's standaard onder elkaar; naast elkaar leest prettiger.
 * Selectors komen uit templates/CRM/Mjwshared/Form/PaymentRefund.tpl (mjwshared).
 */
.crm-mjwshared-paymentrefund-participant-canceloption input[type="radio"],
.crm-mjwshared-paymentrefund-membership-canceloption input[type="radio"],
.crm-mjwshared-paymentrefund-participant-canceloption input[type="radio"] + label,
.crm-mjwshared-paymentrefund-membership-canceloption input[type="radio"] + label {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0 1.25em 0 0.35em;
}

/* ---------------------------------------------------------------------------------------
 * 2. "Voldaan"-pill op de Restant-kolom in Views-betalingenblokken (account-pagina's)
 * ---------------------------------------------------------------------------------------
 * Zelfde groene pill als op /civicrm/payment/dash (nl.onvergetelijk.payment,
 * templates/CRM/Payment/Page/Dash.tpl, klasse .ozk-voldaan) — hier hergebruikt
 * op de view "contributions" display "betalingen_overzicht" (saldo_1576-veld,
 * empty-tekst). Zie ook nl.onvergetelijk.civicrm_extensions/ozk_views (module
 * die de onderliggende empty()-bug van civicrm_handler_field_custom omzeilt).
 */
.ozk-voldaan {
    display: inline-block;
    font-size: 0.82em;
    font-weight: 600;
    line-height: 1.4;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    box-sizing: border-box;
    text-decoration: none;
    background: #4e8a3a;
    color: #fff;
}

/* ---------------------------------------------------------------------------------------
 * 3. Sectiebalken in OZK-Afforms (huisstijlkleuren, AA-contrast)
 * ---------------------------------------------------------------------------------------
 * Bedoeld voor eigen beheerschermen zoals /civicrm/regeling/behandel, waar een
 * formulier in blokken valt en de gebruiker in één oogopslag moet zien wat hij
 * LEEST en wat hij zelf INVULT. Riverlea geeft h3's een vlakke grijze balk; die
 * twee blokken zijn dan niet te onderscheiden.
 *
 * Kleur volgt de vastgestelde kleursemantiek (bron: ontwerpersmail Vincent Sendra
 * de Jongste 17-12-2015, plus het besluit van 1-8-2026):
 *   blauw #006e83 = INFORMATIE  -> .ozk-sectie          (5,90:1 op wit)
 *   roze  #c13c61 = ACTIE       -> .ozk-sectie--actie   (5,14:1 op wit)
 * Beide met witte tekst; beide halen daarmee WCAG AA voor normale tekst.
 * Voeg hier GEEN nieuwe kleuren toe zonder huisstijlbron — zie de memory
 * huisstijl_kleursemantiek_banen.
 */
.crm-container h3.ozk-sectie,
.crm-container h3.ozk-sectie--actie,
h3.ozk-sectie,
h3.ozk-sectie--actie {
    /* !important is hier nodig, geen luiheid: de themaregel
       `#bootstrap-theme h3:not(.crm-dashlet-header h3)` (riverlea _base.css)
       gebruikt een ID-selector en wint daarmee van elke class-selector
       (gemeten 18-08-2026: de balk bleef var(--crm-heading-bg-color) grijs).
       Dat geldt voor ÁLLE declaraties die die themaregel ook zet — niet alleen
       achtergrond, kleur en padding. Zonder !important op margin, border-radius
       en font-size stonden de balken in Walbrook zonder witruimte tegen de
       velden aan en zonder afronding (gemeten 07-09-2026 op
       /civicrm/regeling/behandel via de dresscode-patroonbibliotheek). */
    background: #006e83 !important;
    color: #fff !important;
    padding: 8px 12px !important;
    margin: 1.25em 0 0.75em !important;
    border-radius: 3px !important;
    font-size: 1.05em !important;
    font-weight: 600;
}

.crm-container h3.ozk-sectie--actie,
h3.ozk-sectie--actie {
    background: #c13c61 !important;
}