.cuurent-user-and-search {
    padding-bottom: var(--gin-spacing-s);
    margin-bottom: var(--gin-spacing-s);
    border-bottom: 1px solid var(--gin-border-color-secondary);
}

.current-user-info-messager-private.field--name-user-picture {
    display: flex;
    align-items: center;
    padding: var(--gin-spacing-s) 0;
}

.cuurent-user-and-search .current-user-info-messager-private.field--name-user-picture > a {
    display: flex;
}

.current-user-info-messager-private.field--name-user-picture img {
    max-width: 50px;
}

.field_lastname-and-field_firstname {
    margin-left: 15px;
}

.field_lastname-and-field_firstname .profil-representant {
    display: flex;
    flex-direction: column;
}

.cuurent-user-and-search .user-search {
    position: relative;
}

.cuurent-user-and-search input#userSearchInput {
    width: 100%;
    padding-left: 40px;
}

.user-search i.bi.bi-search {
    position: absolute;
    left: 15px;
    top: 9px;
}

.field--name-user-picture img {
    border-radius: 50px;
}

.path-private-messages #private-message-page{
  padding: 0;
}

.path-private-messages #private-message-page .view-filters {
    margin: 0;
}

/*.path-private-messages .field.field--name-created.field--type-created.field--label-hidden.field__item {
    position: absolute;
    bottom: 0;
    right: 12px;
}*/

.private-message-recipients .inbox-thread {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.private-message-thread.private-message-thread-inbox .field__item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.private-message-thread.private-message-thread-inbox .contextual-region {
    position: inherit;
}  

.private-message-recipients .container-profil,
.private-message-thread-full .private-message-wrapper.field__item .inbox-thread{
    display: flex;
    align-items: center;
}

.private-message-recipients .container-profil ._user-fullname,
.private-message-thread-full .private-message-wrapper.field__item .inbox-info-user {
    margin-left: 15px;
}

#block-gin-custom-content .private-message-author-self .message-content{
    background: var(--color-secondary);
    color: var(--color-white-custom);
    /* --- Gestion de la largeur --- */
    width: fit-content;        /* S'adapte exactement au texte */
    
    /* --- Alignement --- */
    align-self: flex-end;
    margin-left: auto;        /* Pousse la bulle vers la droite si le parent est en flex */
    margin-right: 50px;
    
    /* --- Style --- */
    padding: 12px 14px;
    border-radius: var(--pm-radius);
    border-bottom-right-radius: 4px !important; /* Pointe du message */
    font-size: 0.95rem;
    line-height: 1.5;
    word-wrap: break-word;
}

#block-gin-custom-content .private-message-author-other .message-content {
    background: var(--pm-bubble-other);
    border: 1px solid var(--pm-border);
       /* --- Gestion de la largeur --- */
    width: fit-content;        /* S'adapte exactement au texte */
    
    /* --- Alignement --- */
    align-self: flex-start;
    
    /* --- Style --- */
    padding: 12px 14px;
    border-radius: var(--pm-radius);
    font-size: 0.95rem;
    line-height: 1.5;
    word-wrap: break-word;
}

.private-message-author-other > div {
    display: flex;
    gap: 10px;
}

.pm-thread-users {
    align-items: center;
    margin-bottom: var(--gin-spacing-s) !important;
    border-bottom: 1px solid var(--gin-border-color-secondary);
    padding: var(--gin-spacing-s) 0;  
}

.block-private-message-inbox-block .private-message-thread:hover {
   background-color: transparent !important;
   border: solid var(--gin-color-primary) 1px !important;
}

.user-status.online .inbox-thread .field--name-user-picture.field--type-image.field--label-hidden.field__item{
  position: relative;
}
.private-message-thread.private-message-thread-inbox .user-status.online .private-message-recipients .field--name-user-picture.field--type-image::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #3FBB46;  
    position: absolute;
    border-radius: 100%;
    bottom: 7px;
    right: 0;
}
.block.block-private-message.block-private-message-actions-block a {
    font-size: var(--gin-font-size-s);
    padding-block: calc(var(--gin-spacing-s) - 2px);
    padding-inline: var(--gin-spacing-m);
    border: 2px solid var(--gin-color-primary) !important;
    border-radius: var(--gin-border-m);
    box-shadow: 0 1px 2px var(--gin-color-primary-light);
    font-weight: 700;
    transition: var(--gin-transition);
}
.block.block-private-message.block-private-message-actions-block a:hover{
  background-color: var(--gin-color-primary);
  color: var(--color-white-custom);
}


.private-message.private-message-default.private-message-author-self .inbox-thread {
    display: none;
    justify-content: end;
}

.field.field--name-private-messages.field--type-entity-reference.field--label-hidden.field__items .inbox-info-user{
    display: none;
}

#block-gin-custom-content .private-message {
    margin: 20px 0 !important;
}

.private-message-thread-full .field--name-created {
    position: absolute;
    left: 0;
    top: -20px;
}

#block-gin-custom-boitedereceptiondeprivatemessage .field--type-created {
    position: absolute;
    right: 0;
    bottom: -10px;
}

.private-message-thread-full .pm-thread-form > form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.private-message-thread-full .pm-thread-form > form .field--type-text-long {
    flex: 0 0 100%;
}

.private-message-thread-full .form-actions {
    margin: 0 !important;
}

.private-message-thread-full .form-actions .js-form-submit {
    transform: scale(1);
}

.private-message-thread-full .form-actions .js-form-submit:hover {
    transform: scale(1.1);
}

.custom-file-icon-trigger:hover,
.custom-image-icon-trigger:hover {
   background: var(--gin-color-primary-hover) !important;
}

.custom-image-icon-trigger,
.custom-file-icon-trigger {
    background: var(--gin-color-primary-hover);
    border-radius: 0 !important;
}

.private-message-add-form .js-form-type-managed-file .form-managed-file--image .remove-button,
.private-message-add-form .form-managed-file__main .file + .remove-button {
    background-image: url('trash3.svg');
    max-width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    background-color: var(--gin-color-primary-hover);
}

.private-message-add-form .form-managed-file__main .file + .remove-button {
    margin: 0 5px;
    z-index: 99;
    position: relative;
}

.private-message-add-form .image-widget .file.file,
.private-message-add-form .form-managed-file__main .file a,
.private-message-add-form .form-managed-file__main .file span {
    display: none;
}

.private-message-add-form .js-form-type-managed-file .form-managed-file--image {
    position: relative;
}

.field--name-field-file, .field--name-field-image {
    min-height: auto !important;
}

.views-exposed-form .form-item--no-label,
.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
    margin: 0 !important;
}

.field--name-field-file .form-managed-file__main, .field--name-field-image .form-managed-file__main {
    z-index: 999;
}

.private-message-add-form .js-form-type-managed-file .form-managed-file--image .form-managed-file__meta-wrapper {
    top: -20px;
}

.private-message-add-form .js-form-type-managed-file .form-managed-file--image .form-managed-file__meta-wrapper,
.private-message-add-form .form-managed-file__main .file {
    position: absolute;
    z-index: 1;    
}

.private-message-add-form .form-managed-file__main .file {
    background-size: 48px;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0;
    margin: 0;
    z-index: 1;
}

.custom-image-icon-trigger i,
.custom-file-icon-trigger i {
    font-size: 30px;
    color: #fff;
}

.custom-file-icon-trigger {
    margin: 0 5px;
}

/*

#private-msg-loade .boxes {
    height: 32px;
    width: 32px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-top: 32px;
    -webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
    transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}
#private-msg-loade .boxes .box {
    width: 32px;
    height: 32px;
    top: 0px;
    left: 0;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}



#private-msg-loade .boxes .box:nth-child(1) {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-animation: box1 1s linear infinite;
    animation: box1 1s linear infinite;
}
#private-msg-loade .boxes .box:nth-child(2) {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-animation: box2 1s linear infinite;
    animation: box2 1s linear infinite;
}
#private-msg-loade .boxes .box:nth-child(3) {
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    -webkit-animation: box3 1s linear infinite;
    animation: box3 1s linear infinite;
}
#private-msg-loade .boxes .box:nth-child(4) {
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-animation: box4 1s linear infinite;
    animation: box4 1s linear infinite;
}



#private-msg-loade .boxes .box > div {
    background: #5C8DF6;
    --translateZ: 15.5px;
    --rotateY: 0deg;
    --rotateX: 0deg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #5C8DF6;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
    transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}

#private-msg-loade .boxes .box > div:nth-child(1) {
    top: 0;
    left: 0;
    background: #5C8DF6;
}
#private-msg-loade .boxes .box > div:nth-child(2) {
    background: #145af2;
    right: 0;
    --rotateY: 90deg;
}
#private-msg-loade .boxes .box > div:nth-child(3) {
    background: #447cf5;
    --rotateX: -90deg;
}
#private-msg-loade .boxes .box > div:nth-child(4) {
    background: #DBE3F4;
    top: 0;
    left: 0;
    --translateZ: -90px;
}





@keyframes box1 {
    0%,
    50% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(200%, 0);
    }
}

@keyframes box2 {
    0%{
        transform: translate(0, 100%);
    }
    50% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(100%, 0);
    }
}

@keyframes box3 {
    0%,
    50% {
        transform: translate(100%, 100%);
    }
    100% {
        transform: translate(0, 100%);
    }
}

@keyframes box4 {
    0%{
        transform: translate(200%, 0);
    }
    50% {
        transform: translate(200%, 100%);
    }
    100% {
        transform: translate(100%, 100%);
    }
}
*/


.path-private-messages .layout-container #block-gin-custom-content .back-to-boitedereceptiondeprivatemessage{
  display: none !important;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 25px;
  font-size: 20px;
}

.path-private-messages .layout-container #block-gin-custom-content .back-to-boitedereceptiondeprivatemessage i{
  font-weight: 700;
}

.private-message.private-message-inbox.private-message-author-self.contextual-region .field.field--name-owner.field--type-entity-reference.field--label-hidden.field__item {
    display: none;
}

#admin-toolbar-user-menu .toolbar-button--collapsible {
    padding: 0 !important;
    margin-left: -5px;
}    
  
@media (max-width: 1024px) {
    .path-private-messages .layout-container #block-gin-custom-content,
    .path-private-messages #block-gin-custom-boitedereceptiondeprivatemessage{
      display: none;
    }
    .path-private-messages main .region.region-content {
      display: block !important;
    }
    .path-private-messages #block-gin-custom-boitedereceptiondeprivatemessage ,
    .path-private-messages .layout-container #block-gin-custom-content{
        width: 100% !important;
    }
    .path-private-messages #block-gin-custom-boitedereceptiondeprivatemessage.showblock-mobil,
    .path-private-messages .layout-container #block-gin-custom-content.showblock-mobil,
    .path-private-messages .layout-container #block-gin-custom-content .back-to-boitedereceptiondeprivatemessage{
      display: block !important;
    }  
}