/*
CK editor
 */
 .ck-content .mention, .user_mention {
    background: #f2f5f7 !important;
    color: #000000 !important;
    border-radius: 0.5rem !important;
    padding: 2px 4px !important;
}

.ck-mentions .ck.ck-list__item>.ck-button {
    display: block;
    height: 100%;
}

.ck-content ul,
.ck-content ol {
    padding-left: 10px;
}

.ck-rounded-corners .ck.ck-balloon-panel {
    border-radius: 10px !important;
    padding: 5px !important;
}

.form_comment .ck-editor__editable_inline {
    min-height: 140px !important;
}
.form_comment.form_comment_big .ck-editor__editable_inline {
    min-height: 240px !important;
}

.ck-powered-by-balloon {
    display: none !important;
}

.editor_topic .ck-editor__editable_inline {
    min-height: 400px;
}
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
    left: 0px !important;
    margin-right: 5px !important;
}
.todo-list__label input {
    margin-right: 5px;
}



/*
TOOLTIP
 */
 .calendar-tooltip,
 .address-tooltip,
 .voiture-tooltip,
 .bloc-my_tooltip {
     display: none;
     background: rgb(55 65 81 / var(--tw-bg-opacity));
     color: white;
     line-height: 20px;
     padding: 10px;
     border-radius: 8px;
     width: max-content;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 100;
 }
 .calendar-tooltip .arrow,
 .address-tooltip .arrow,
 .voiture-tooltip .arrow,
 .bloc-my_tooltip .arrow {
     position: absolute;
     background: rgb(55 65 81 / var(--tw-bg-opacity));
     width: 8px;
     height: 8px;
     transform: rotate(45deg);
 }
 .fc .fc-popover {
     z-index: 99 !important;
 }
 
     .onMobile {
         .calendar-tooltip,
         .address-tooltip,
         .voiture-tooltip,
         .bloc-my_tooltip {
             border-radius: 20px;
             padding: 20px;
         }
     }
 
 /*
 AGENDA
  */
 .fc .fc-toolbar-title {
     font-size: 16px !important;
 }
 .fc .fc-button {
     font-size: 10px !important;
     border-radius: 6px;
 }
 .fc-h-event .fc-event-title,
 .fc-event,
 .fc-more-link {
     font-size: 12px !important;
 }
 .fc-multimonth-title {
     font-size: 14px !important;
 }
 .fc .fc-multimonth {
     border-radius: 10px !important;
     padding: 0 10px !important;
 }
 .fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table, .fc .fc-multimonth-singlecol .fc-multimonth-header-table {
     border-left-style: solid !important;
     border-right-style: solid !important;
 }
 
 .calendar-2-cols.fc .fc-button-group,
 .calendar-2-cols.fc .fc-button.fc-today-button {
     margin-bottom: 6px;
 }
 .calendar-3-cols.fc .fc-button {
     font-size: 12px !important;
 }

 /*
LIGHGALLERY
 */
 .onMobile {
    .lg-toolbar .lg-icon {
        font-size: 120px;
        height: 160px;
        line-height: 130px;
        padding: 10px 0;
        width: 160px;
      }

      .lg-counter {
        font-size: 50px;
        height: 47px;
      }

      .lg-next, .lg-prev {
        font-size: 120px;
    }
 }

 /*
CKeditor
 */
 .min-h-editor .ck-editor__editable_inline {
    min-height: 600px !important;
}

 .onMobile {
    .ck-editor__editable_inline {
        min-height: 150px;
        line-height: 2rem;
    }
    @media (max-width: 768px) {
        .ck-editor__editable_inline {
            min-height: 100px;
        }
    }

    .ck-toolbar {
        flex-wrap: wrap;
    }
    .ck.ck-toolbar .ck-button .ck-button__label {
        font-size: 240%;
    }
    .ck.ck-toolbar {
        --ck-icon-size: 40px; /* ou 150% de la valeur par défaut (~24px) */
    }
    .ck.ck-dropdown  {
        --ck-dropdown-arrow-size: 20px;
    }
    .ck-content {
        font-size: 200%;
    }

      .ck.ck-mentions  .ck.ck-list__item > .ck-button {
        font-size: 200%;
      }
}

/*
IMG UPLOADER
*/
.onMobile {
    .imguploader .main-tag {
        position: relative;
        top: -50px;
    }

    .popover {
        max-width: 700px;
        width: 700px;
    }
    .popover-header {
        font-size: 2.4rem;
    }
    .popover-body button {
        font-size: 2.4rem;
    }
}

/*
MAP BOX
*/
.onMobile {
    .mapboxgl-ctrl-geocoder--input {
        height: 4rem;
        font-size: 2.25rem;
        line-height: 2.5rem;
        padding: 6px 70px;
    }
    

    .mapboxgl-ctrl-geocoder {
        width: 130%;
        max-width: none;
    }
    .mapboxgl-ctrl-geocoder--icon-search {
        left: 7px;
        width: 40px;
        height: 40px;
    }
    .mapboxgl-ctrl-geocoder--icon-close {
        width: 40px;
        height: 40px;
    }
    .mapboxgl-ctrl-geocoder .suggestions {
        font-size: 2.25rem;
        line-height: 2.5rem;
      }
}

/*
FILEPOND
*/
.onMobile {
    .filepond--root .filepond--drop-label {
        font-size: 2rem !important;
        line-height: 1rem !important;
        min-height: 4.75rem !important;
    }
    .filepond--file-action-button.filepond--file-action-button {
        width: 3em !important;
        height: 3em !important;
    }
    .filepond--file-info {
        font-size: 3rem !important;
    }
    .filepond--item {
        height: auto !important;
    }
}

/*
DHTLMX
*/
div.gridbox .filter input, div.gridbox .filter select {
    border: 1px solid black !important;
    border-radius: 5px !important;
}