/**
 * CSS Anpassungen fuer FAU - CiviCRM
 *
 * Include via Resource URLs > Custom CSS URL '[cms.root]/sites/default/files/fau.css'
 *
 * Drupal CSS is included via https://www.drupal.org/project/asset_injector (for theme 'Olivero')
 */

/* FAU-icon */
/* war nur menu, jetzt aber allgemein
#civicrm-menu-nav */
.fa-user-astronaut::before {
  content: url('/sites/default/files/fau-katze_bw.png');
}

/*
 * No druplicon in sidebar.
 */
/*.page-node-type-page,
.page-civicrm-willkommen */ /* = Willkommensseite nach Registrierung - nicht noetig (da via drupal-CSS) */
/* noch andere seiten? anderer selector? */
/* {
  background-image: none;
} */


/* crm-af-field-help-pos */

/*
 * Contact:
 * - .CRM_Contact_Form_Contact = Edit all-at-once
 * - .crm-inline-edit.form     = inline-edit
 */

/* FAUL: kapazitaeten + Beweggründe sind sehr lang (und sonst in einer Zeile)
 * - field 112 "Kapazitäten": Optionen pro Zeile = 1
 *   damit inline-edit OK, aber all-at-once extrem schmal
 *    ("Unreg-
 *      el-
 *      mäßi-
 *      ge Un- [...]"
 * - "Schwerpunkt Alltag": Optionen pro Zeile = 2
 */
/* so in *einer* (immer noch langen) Zeile
.CRM_Contact_Form_Contact details#Weiteres tr[role="radiogroup"] .html-adjust .crm-option-label-pair label,
.CRM_Contact_Form_Contact details#Beweggr_nde tr .html-adjust .crm-option-label-pair label {
  display: ruby;
} */
/* Problem scheint eher '<div class="crm-option-label-pair"><div class="crm-option-label-pair">' zu sein ... */
.CRM_Contact_Form_Contact details#Weiteres tr .html-adjust .crm-options-per-line > .crm-option-label-pair,
.CRM_Contact_Form_Contact details#Beweggr_nde tr .html-adjust .crm-options-per-line > .crm-option-label-pair,
.CRM_Contact_Form_Contact details#FAU tr .html-adjust .crm-options-per-line > .crm-option-label-pair {
  display: unset;
}

/* Multi-Felder mit langen Optionsnamen sind sonst abgeschnitten (all-at-once ist OK) */
.crm-container .crm-inline-edit.form .select2-container:not(.four, .six, .eight, .twelve, .medium) {
  width: auto !important;
}

/* sonst sind dann in inline-edit die langen options abgeschnitten */
/* nur "Weiteres" (gid 13) = .crm-container #custom-set-content-13.crm-inline-edit.form */
.crm-container .crm-inline-edit.form .crm-multiple-checkbox-radio-options .crm-option-label-pair {
  display: unset;
}

/*
.crm-container .crm-multiple-checkbox-radio-options .crm-option-label-pair
 */

/* Versuche *ohne* Optionen-pro-Zeile, .custom_112_1-row griff mal, jetzt .custom_112_105-row. sic.
// Weiteres: Kapazitäten
.CRM_Contact_Form_Contact tr.custom_field-row.custom_112_1-row .html-adjust label,
.crm-inline-edit.form tr.custom_field-row.custom_112_1-row .html-adjust label,
// Kollektive Beweggründe
.CRM_Contact_Form_Contact tr.custom_field-row.custom_103_1-row .html-adjust label,
.crm-inline-edit.form tr.custom_field-row.custom_103_1-row .html-adjust label,
// Individuelle Beweggründe
.CRM_Contact_Form_Contact tr.custom_field-row.custom_104_1-row .html-adjust label,
.crm-inline-edit.form tr.custom_field-row.custom_104_1-row .html-adjust label,
// Aktivistische Beweggründe
.CRM_Contact_Form_Contact tr.custom_field-row.custom_108_1-row .html-adjust label,
.crm-inline-edit.form tr.custom_field-row.custom_108_1-row .html-adjust label,
// Sonstige Beweggründe
.CRM_Contact_Form_Contact tr.custom_field-row.custom_110_1-row .html-adjust label,
.crm-inline-edit.form tr.custom_field-row.custom_110_1-row .html-adjust label {
  display: block;
} */

/*
 * Import-Hinweise (/civicrm/import-hinweise)
 */
/* Breite Anmerkungen-Felder */
crm-search-display-table[search-name="Migrations_Hinweise"] th:nth-child(6),
crm-search-display-table[search-name="Migrations_Hinweise"] th:nth-child(7) {
  width: 25%;
}
/* Anmerkungs-Felder */
td[data-field-name="Migration_Altdaten_tempor_r.Anmerkungen_Import"] .crm-search-field-value,
td[data-field-name="Migration_Altdaten_tempor_r.Anmerkungen_Import_2"] .crm-search-field-value {
  white-space: pre-line;
}

/* Contact-Detail: Migrationshinweise */
.crm-contact-page table.crm-info-panel td.label {
  font-weight: bold;
  vertical-align: top;
}
.crm-contact-page table.crm-info-panel tr {
  border-bottom: var(--crm-table-row-border);
}


/**
 * Ab hier nicht-projekt-spezifisches.
 * Evtl. CS-eigenes River-Lea-Subtheme?
 */

/* Silbentrennung verbessern */
body {
  hyphenate-limit-chars: auto 5;
}

/* Collapsed Suchfilter, z.B. FAU member */
#crm-main-content-wrapper form details.af-container-style-pane {
  background-color: var(--crm-c-background);
}
#crm-main-content-wrapper form details.af-container-style-pane .af-container {
  margin-left: 1em;
}
/* Ueber und unter Buttons (die sollten im untersten container stehen) etwas Abstand */
#crm-main-content-wrapper form details.af-container-style-pane .af-container button {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* post-help text */
#crm-main-content-wrapper form details.af-container-style-pane .af-container .crm-af-field-help-post {
  font-style: italic;
  font-size: 90%;
}

/* inline-edit (hebt sich zu wenig ab) beispiel FAU-box kontakt */
.crm-inline-edit.form {
  /* war: border: 1px solid var(--crm-c-focus); */
  border-width: 3px;
  border-color: red;
  /* background-color: etwas dunkler?
    ist: background: var(--crm-inline-edit-bg);
    = var(--crm-c-background) - sollte m.E. aber andere Farbe sein
    -> --crm-inline-edit-bg setzen
   */

  /* evtl. etwas vom Rand weg?
    left: 0;
    testen mit allen blocks inbesondere links/rechts!!!
   */
}
.crm-container .crm-inline-edit:hover,
.crm-container .crm-editable-enabled:hover {
  /* war: border: var(--crm-dash-edit-border);
     = 2 px dashed var(--crm-c-gray-300)
   */
  border-color: red;
}

/**
 * tutorials (org.civicrm.tutorial)
 */
/* Tutorial-Text mit Zeilenumbruch */
div.hopscotch-bubble .hopscotch-content {
  /* Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks */
  white-space: pre-line;
}

/**
 * Import-Vorschau besser lesbar
 */
.page-civicrm-csvimporter .crm-import-maptable-form-block td.odd-row,
.page-civicrm-csvimporter .crm-import-preview-form-block td.odd-row {
  /* .odd-row ist hier nicht die Zeile, sondern nur die Inhalts-Zellen */
  white-space: pre;
}


/**
 * Mesage template > fullscreen edit
 */
.note-editor.note-frame.fullscreen {
  /* sonst transparent und normale seite scheint durch */
  background-color: var(--crm-form-block-background);
}


/**
 * Searchkit: filter
 */
.crm-search-admin-outer .panel .panel-body .crm-search-wheres .api4-input .api4-input-group div.crm-auto-width .select2-chosen {
  /* Otherwise the delete-"x" is hidden if labels are too short (e.g. "Status") */
  min-width: 5em;
}