/* Force le backend TYPO3 à être traité comme en mode clair */
:root {
    color-scheme: light;
}

/* Largeur du menu déroulant "Styles" dans le RTE */
.cke_combopanel {
    width: 350px !important;
}

/* Labels des plugins d'icônes (us, nv, fa) visbles dans le RTE */
.cke_button__ckeditorus_label,
.cke_button__ckeditornv_label,
.cke_button__ckeditorfa_label {
    display: block !important;
}

/* Rendre visibles les svg dans les select (TCA) */
.icon-list .item img[src*=".svg"] {
    min-width: 15px;
    min-height: 15px;
}
.icon-list .item img[src*=".svg"][src*="/Backend/"] {
    min-width: 30px;
    min-height: 30px;
    fill: red;
}

.tab-pane.disabled-categories {
    position: relative;
}

.tab-pane.disabled-categories::after {
    position: absolute;
    background: rgba(237,237,237,.85);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content:"Pour modifier les catégories, merci d'enregistrer la news au préalable";
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 30px;
}

form#ltargetform,
form#lclassform,
form#lparamsform {
    display: none !important;
}

.ck-icon-modal .btn {
    box-shadow: none;
}

.ck-icon-modal .btn > span:not(.us):not(.nv):not(.fa):not(.fas):not(.far) {
    font-size: .6em;
}

.form-wizard-icon-list-item > a:has(> img[title*='us-']),
.form-wizard-icon-list-item > a:has(> img[title*='nv-']),
.form-wizard-icon-list-item > a:has(> img[title*='fa-']) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-wizard-icon-list-item > a > img[title*='us-'] {
    height: 25px;
}
.form-wizard-icon-list-item > a > img[title*='nv-'],
.form-wizard-icon-list-item > a > img[title*='fa-'] {
    width: 18px;
    max-height: 16px;
}

.btn-info:has(.icon-ext-news-addon) {
    display: none;
}

.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
	font-size: .8em;
}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent:has(.ck-special-characters) {
    background: rgba(0,0,0,.6);
}

.ck-special-characters {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.ck.ck-content blockquote {
	overflow: initial;
}