/*
Added: 2025-04-08
Modified: 2025-04-08
Created by: Michel Steen
Applied: Globally
*/

/* 2025 LH Overwrite styling default buttons*/
.btn {
    border-radius: 4px !important;
}

/* 1. Clear the original text and inject your own */
[data-automation-key="ppNativeListContextualMenu"] .ms-Button.ms-Button--icon.ms-Button--hasMenu .ms-Icon {
    font-family: 'hoffelijk-icons' !important;
    font-size: 20px !important;
    color: transparent; /* Hide original character */
    position: relative;
}

/* 2. Add your icon cleanly */
[data-automation-key="ppNativeListContextualMenu"] .ms-Button.ms-Button--icon.ms-Button--hasMenu .ms-Icon::before {
    content: "\e994"; /* Your icon Unicode */
    font-family: 'hoffelijk-icons' !important;
    font-size: 18px !important;
    color: rgb(54, 54, 54); /* Make your icon visible */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.participants-list--horizontal .participant-row{
  display:flex;
  align-items:center;
  gap:12px;                 /* space between fields */
  padding:6px 8px;
  border-bottom:1px solid #eee;
}
.participants-list--horizontal .participant-row > span{
  white-space:nowrap;
}
.participants-list--horizontal .participant-row .pr-name{
  font-size:14px;
}
.participants-list--horizontal .participant-row .pr-email{
  white-space:normal;       /* allow address to wrap if long */
}
.participants-list--horizontal .participant-row .pr-action{
  margin-left:auto;         /* push button to the far right */
}

/* optional “dash” separators between fields (not before the button) */
.participants-list--horizontal .participant-row > span:not(.pr-action) + span:not(.pr-action)::before{
  content:" – ";
  color:#999;
}