/* hide hidden fields in the expense form */
form > afform-ausgabe-einreichen af-field:has(>div>input[type="hidden"]) {
    display: none !important;
}


/* fix label spacing on event-info-page */
@media (min-width: 480px) {
    #crm-container .event-info .crm-section:not(:has(table)) div.label,
    #crm-container .crm-event-confirm-form-block .crm-section:not(:has(table)) div.label,
    #crm-container .crm-event-thankyou-form-block .crm-section:not(:has(table)) div.label {
        padding: 0 !important;
    }
}


/* hide HTML fields in event-registration-confirm form */
#crm-container form.CRM_Event_Form_Registration_Confirm fieldset div.HTML-section,
#crm-container form.CRM_Event_Form_Registration_ThankYou fieldset div.HTML-section {
    --crm-f-form-layout: none;
}


/* fix label spacing in event-registraion-confirm form */
@media (min-width: 480px) {
    #crm-container.crm-container.crm-public .crm-section .label {
        --crm-f-label-margin: 0;
        padding-top: calc(2 * var(--crm-xs1));
    }
}
#crm-container form fieldset legend {
    margin-bottom: 0.5em;
    width: 100%;
}
#crm-container form .helprow-post .description {
    color: var(--ast-global-color-2) !important;
    font-size: 0.9em !important;
}
#crm-container form .form-item {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
#crm-container form .price-set-row {
    display: grid;
    justify-content: start;
}


/* customize background color of focused elements in forms */
#crm-container.crm-container.crm-public .crm-section:has( > .content input:focus), 
#crm-container.crm-container.crm-public .crm-section:has( > .content select:focus), 
#crm-container.crm-container.crm-public .crm-section:has( > .content textarea:focus) {
    --crm-f-form-focus-bg: var(--ast-global-color-8);
}


/* customize color of help and status messages */
#crm-container .messages.help,
#crm-container .messages.status {
    background-color: var(--ast-global-color-8);
    border-color: var(--ast-global-color-0);
    color: #000;
}
#crm-container .messages.help p,
#crm-container .messages.status p {
    margin: 0;
    color: inherit;
}