/* *******
ADMIN WORDPRESS
******** */
html :where(.wp-block) {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block section {
    border: 4px dashed #ececec;
}

.acf-block-preview .hide {
    position: relative;
    display: block !important;
    border: 4px dashed #00618b !important;
    background-image: url('../assets/img/invisible.png');
    background-repeat: repeat;
}

.acf-block-preview section.d-none {
    position: relative;
    display: block !important;
    border: 4px dashed darkred !important;
}
.acf-block-preview section.d-none::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-image: url('../assets/img/invisible.png'), radial-gradient(circle at 50%, #d24f4f 10%,  #d24f4f44 10%);
    background-repeat: no-repeat;
    background-position: center;
}

.acf-block-preview section.show-on-mobile {
    position: relative;
    display: block !important;
    border: 4px dashed #000000 !important;
}
.acf-block-preview section.show-on-mobile::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-image: url('../assets/img/visible-mobile.png'), radial-gradient(circle at 50%, #b7a63e 10%, #b7a63e44 10%);
    background-repeat: no-repeat;
    background-position: center;
}

.acf-block-preview section.show-on-tablet {
    position: relative;
    display: block !important;
    border: 4px dashed #ececec !important;
}
.acf-block-preview section.show-on-tablet::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-image: url('../assets/img/visible-tablette.png'), radial-gradient(circle at 50%, #b7a63e 10%, #b7a63e44 10%);
    background-repeat: no-repeat;
    background-position: center;
}

.acf-block-preview section.show-on-desktop {
    position: relative;
    display: block !important;
    border: 4px dashed #ececec !important;
}
.acf-block-preview section.show-on-desktop::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-image: url('../assets/img/visible-desktop.png'), radial-gradient(circle at 50%, #4f7dd2 10%, #4f7dd244 10%);
    background-repeat: no-repeat;
    background-position: center;
}

.acf-block-preview ul.post-categories {
    list-style: none;
    margin: 0 0 var(--rem-1) 0;
}

/* *******
Kakao Settings
Affiche des pictos de couleurs pour les Options - Font style
******** */
.kakao-acf-choice-color {
    display: inline-block;
    border: 1px solid #000000;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    top: 14px;
    position: relative;
    margin-right: 6px;
    border-radius: 60px!important;
    cursor: pointer;
}
ul.acf-radio-list.acf-bl .kakao-acf-choice-color {
    margin-left: -20px;
}
.kakao-acf-choice-color.bg--transparent,
.kakao-acf-choice-color.bg--color-transparent { background: linear-gradient(135deg, rgb(255, 255, 255) 45%, rgb(0, 0, 0) 50%, rgb(255, 255, 255) 55%); }

/* aligne les couleurs en cote à cote */
ul.acf-radio-list li, ul.acf-checkbox-list li {
    line-height: 32px;
}

#acf-group_64774b0720391 .acf-bl > li,
#acf-group_6409ea3a6b5f0 .acf-bl > li,
#acf-group_648b00cc98418 .acf-bl > li {
    display: inline-block;
    margin: 0 20px 0 0 !important;
    width: 130px;
    white-space: nowrap;
}
.acf-field.acf-field-radio.acf-field-66fbe43d37fe0 .acf-bl > li {
    display: inline-block;
    margin: 0 0px 0 0 !important;
    width: auto;
    white-space: nowrap;
    font-size: 0;
}
#acf-group_64774b0720391 .acf-flexible-content .layout .acf-fc-layout-handle {
    min-width: 400px;
}


/* *******
Kakao Settings
Affiche les typos pour les Options - Font style
******** */
.kakao-acf-choice-font {
    display: inline-block;
    position: relative;
    font-size: 20px;
}


/* *******
Kakao Settings
Affiche un fond dark pour visualiser les btn dark / light
******** */
.acf-field.acf-field-message.acf-field-640b3ddb51159 .acf-input {
    background: var(--bg-dark);
}

/* *******
Kakao Settings
desactive les liens dans le Gutenberg le BO
******** */
.wp-block .acf-block-component a {
    pointer-events: none !important;
}
.wp-block .acf-block-component .acf-fields * {
    pointer-events: auto !important;
}


/* *******
Kakao Settings
Affiche la une largeur de contenu dans le BO
******** */
.editor-styles-wrapper.block-editor-writing-flow {
    width: 100%;
}
.page-container-sm .editor-styles-wrapper.block-editor-writing-flow {
    max-width: 576px;
    margin: 0 auto;
}

.page-container-md .editor-styles-wrapper.block-editor-writing-flow {
    max-width: 768px;
    margin: 0 auto;
}

.page-container .editor-styles-wrapper.block-editor-writing-flow {
    max-width: 992px;
    margin: 0 auto;
}

.page-container-lg .editor-styles-wrapper.block-editor-writing-flow {
    max-width: 1140px;
    margin: 0 auto;
}
.page-container-xl .editor-styles-wrapper.block-editor-writing-flow {
    max-width: 1320px;
    margin: 0 auto;
}
.page-container-xxl .editor-styles-wrapper.block-editor-writing-flow {
    max-width: 1560px;
    margin: 0 auto;
}
.post-type-modele .editor-styles-wrapper.block-editor-writing-flow {
    max-width: none!important;
    margin: 0 auto;
    width: 100%;
}
.block-editor-block-list__block.multi-cols.row>* {
    padding-left: 7px;
    padding-right: 7px;
}

/* Gutenberg */
.components-grid.components-tools-panel.typography-block-support-panel,
.components-grid.components-tools-panel.color-block-support-panel {
    display: none;
}

/* *******
Kakao Settings
Corrections nécessaires pour le bloc bouton
******** */
.wp-block .acf-block-component div[data-type="kko/bouton"] a {
    pointer-events: auto !important;
}
div[data-type="kko/bouton"]:has(a.text-left) {
    text-align: left !important;
}
div[data-type="kko/bouton"]:has(a.text-center) {
    text-align: center !important;
}
div[data-type="kko/bouton"]:has(a.text-end) {
    text-align: right !important;
}
.block-editor-url-input__button-modal-line .components-button,
.block-editor-url-input__input{
    height: 44px;
}
.block-editor-url-input input[type="text"]{
    width: 380px!important;
}
span[data-rich-text-placeholder="Votre texte..."],
span[data-rich-text-placeholder="Votre titre..."],
span[data-rich-text-placeholder="Votre titre ici..."],
span[data-rich-text-placeholder="Votre sous-titre..."],
span[data-rich-text-placeholder="Ajoutez du texte ou d'autres blocs pour remplir cette section..."] {
    color: #0008!important;
}

.acf-input.acf-accordion-content .fa {
    width: 13px;
    height: 13px;
    margin-right: 6px;
}
#editor .dashicons, #editor  .dashicons-before:before,
.editor-inserter-sidebar .dashicons, .block-editor-list-view-tree .dashicons{
    width: 20px!important;
}
.components-button.components-autocomplete__result .dashicon.dashicons.dashicons-fa {
    height: 24px;
}

.dashicon.dashicons.fa-columns-custom, .acf-input .fa-columns-custom {
    background: url("../assets/img/cols.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-image-custom, .acf-input .fa-image-custom {
    background: url("../assets/img/img.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-cadre-custom, .acf-input .fa-cadre-custom {
    background: url("../assets/img/roller.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-list-custom, .acf-input .fa-list-custom {
    background: url("../assets/img/list.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-section-custom, .acf-input .fa-section-custom {
    background: url("../assets/img/section.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-spacer-custom, .acf-input .fa-spacer-custom {
    background: url("../assets/img/spacer.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-rs-custom, .acf-input .fa-rs-custom {
    background: url("../assets/img/rs.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-message-top-custom, .acf-input .fa-message-top-custom {
    background: url("../assets/img/mp.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-h1-custom, .acf-input .fa-h1-custom {
    background: url("../assets/img/h1.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-h2-custom, .acf-input .fa-h2-custom {
    background: url("../assets/img/h2.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-h3-custom, .acf-input .fa-h3-custom {
    background: url("../assets/img/h3.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-h4-custom, .acf-input .fa-h4-custom {
    background: url("../assets/img/h4.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-h5-custom, .acf-input .fa-h5-custom {
    background: url("../assets/img/h5.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-h6-custom, .acf-input .fa-h6-custom {
    background: url("../assets/img/h6.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-news-custom, .acf-input .fa-news-custom {
    background: url("../assets/img/news.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-arbo-custom, .acf-input .fa-arbo-custom {
    background: url("../assets/img/arbo.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-gallery-custom, .acf-input .fa-gallery-custom {
    background: url("../assets/img/gallery.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-partners-custom, .acf-input .fa-partners-custom {
    background: url("../assets/img/hs.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-lien-custom, .acf-input .fa-lien-custom {
    background: url("../assets/img/lien.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-partage-custom, .acf-input .fa-partage-custom {
    background: url("../assets/img/sh.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-dl-custom, .acf-input .fa-dl-custom {
    background: url("../assets/img/dl.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-voir-custom, .acf-input .fa-voir-custom {
    background: url("../assets/img/lines.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-autres-pages-custom, .acf-input .fa-autres-pages-custom {
    background: url("../assets/img/pages.svg") no-repeat center center;
    background-size: cover;
}
.dashicon.dashicons.fa-bouton-custom, .acf-input .fa-bouton-custom {
    background: url("../assets/img/bouton.svg") no-repeat center center;
    background-size: cover;
}


/* Améliorations de certains formulaires kko */

.kko-settings-form {
    display: flex;
}
.kko-settings-form textarea {
    font-family: Consolas;
}
.kko-settings-form > .acf-label {
    order:  1;
    width: 30%;
    background: #0001;
    padding-left: 10px;
    padding-top: 10px;
    margin-left: 10px;
    max-height: 420px;
    overflow: auto;
}
.kko-settings-form > .acf-input {
    order:  0;
    width: 70%;
}
.kko-settings-form .acf-fields.-border {
    display: flex;
    flex-wrap: wrap;
}
.kko-settings-form .acf-fields.-border > div {
    width: 50%;
}
.kko-settings-form .kakao-acf-choice-color {
    border-radius: 32px;
    margin: 0px 6px -10px -24px;
}
input[type="radio"]:checked + .kakao-acf-choice-color {
    outline: 3px double #000;
}
.kko-settings-form .acf-fields.-border > div[data-name="color"] li,
.kko-settings-form .acf-fields.-border > div[data-name="color-hover"] li,
.kko-settings-form .acf-fields.-border > div[data-name="background"] li,
.kko-settings-form .acf-fields.-border > div[data-name="background-hover"] li,
.kko-settings-form .acf-fields.-border > div[data-name="border-color-hover"] li {
    width: 30px !important;
}
.kko-settings-form .acf-fields.-border > div[data-name="color"] .acf-radio-list label,
.kko-settings-form .acf-fields.-border > div[data-name="color-hover"] .acf-radio-list label,
.kko-settings-form .acf-fields.-border > div[data-name="background"] .acf-radio-list label,
.kko-settings-form .acf-fields.-border > div[data-name="background-hover"] .acf-radio-list label,
.kko-settings-form .acf-fields.-border > div[data-name="border-color-hover"] .acf-radio-list label {
    font-size: 0;
}
.kko-settings-form .acf-fields.-border > div[data-name="color"] .acf-radio-list input[type="radio"],
.kko-settings-form .acf-fields.-border > div[data-name="color-hover"] .acf-radio-list input[type="radio"],
.kko-settings-form .acf-fields.-border > div[data-name="background"] .acf-radio-list input[type="radio"],
.kko-settings-form .acf-fields.-border > div[data-name="background-hover"] .acf-radio-list input[type="radio"],
.kko-settings-form .acf-fields.-border > div[data-name="border-color-hover"] .acf-radio-list input[type="radio"] {
    margin: -22px 4px 0 0;
}
.kko-settings-form .acf-fields.-border > div[data-name="color"] .acf-label,
.kko-settings-form .acf-fields.-border > div[data-name="color"]::before {
    -width: 10%;
}
.kko-settings-form .style-visu, .kko-settings-form .style-visu-md,
.kko-settings-form .blockquote-visu, .kko-settings-form .style-visu-md {
    transition: .3s;
    display: block;
}
.kko-settings-form .acf-radio-list.acf-bl {
    margin-bottom: -8px !important;
}
.kko-settings-form .kakao-acf-choice-color {
    top: 0;
}
.fa-fs-20 {
    font-size: 20px !important;
}
.components-button.components-dropdown-menu__menu-item.has-icon:has(.fa-arrow-right),
.components-button.components-dropdown-menu__menu-item.has-icon:has(.fa-solid) {
    font-weight: bold;
    background: #ffb932;
}
.components-dropdown-menu__menu .components-button:focus:not(:disabled) {
    box-shadow: 0 0 0!important;
    outline: 0px solid transparent!important;
}

section[data-type="kko/base-multi-colonnes"].row {
    display: block!important;
    border: 0px dashed #0001;
    width: 100% !important;
    box-shadow: 0 0 10px #0001;
    padding: 7px 0;
    margin: 0 !important;
    gap: 0;
}
section[data-type="kko/base-multi-colonnes"].row > div {
    width: 100%;
    cursor: pointer;
    -flex-wrap: nowrap;
}
section[data-type="kko/base-multi-colonnes"].row > div > div.wp-block-acf-base-multi-cols {
    border: 2px dashed #0001;
    cursor: auto;
    -flex: 1 1 auto!important;
}
.components-base-control__label:empty {
    display: none;
}
.components-panel__body.is-opened .components-panel__body.is-opened {
    padding: 16px 0 0 0;
}
.block-editor-block-toolbar__slot:has(.components-dropdown.components-dropdown-menu.components-toolbar-group button[aria-label="Modifier l’alignement vertical"]) {
    display: none;
}
.components-panel__body-toggle.components-button {
    padding-bottom: 10px;
    padding-top: 10px;
}
.block-editor-block-switcher__transforms__menugroup.components-menu-group button.components-button.components-menu-item__button.editor-block-list-item-columns {
    display: none;
}
.block-editor-block-types-list__item-title {
    line-height: 16px;
}
div[data-type="kko/listes"] .block-editor-block-list__block li .block-editor-rich-text__editable {
    display: inline-block;
}

.block-editor-block-inspector .acf-radio-list.acf-bl:has(.kakao-acf-choice-color) label {
    font-size: 0;
}
.block-editor-block-inspector .acf-radio-list.acf-bl:has(.kakao-acf-choice-color) li {
    display: inline-block;
    line-height: 12px;
}
.editor-styles-wrapper > .editor-visual-editor__post-title-wrapper > h1 {
    text-align: center;
    margin-bottom: 1.5rem;
}
.alt-modele {
    display: inline-block;
    text-align: center;
    border: 4px solid #888;
    width: 100%;
    padding: 20px;
    font-weight: 700;
    color: #888;
    font-size: 20px;
}
.alt-modele div{
    background: #444;
    display: inline-block;
    padding: 0 14px 2px 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 32px;
    vertical-align: middle;
    margin-bottom: 10px;
}
.cercle-couleur {
    border: 1px solid #000;
    border-radius: 200px;
}


#adminmenu li.wp-menu-separator {
    background: #FFF8;
}
#adminmenuwrap {
    transform: scale(0.95);
    transform-origin: left top;
}
.collapse-button-label {
    font-size: 14px;
}
#wp-admin-bar-wp-logo,
#wp-admin-bar-comments,
#toplevel_page_wp-hide,
#wp-admin-bar-updates,
#wp-admin-bar-wpcode-admin-bar-info,
#wp-admin-bar-gform-forms{
    display: none;
}
.components-input-control__input {
    position: relative;
    z-index: 1;
}
.acf-custom-toggle {
    opacity: .3;
}
.acf-json-files {
    padding: 0 6px 0 4px;
    color: #90a0b1;
    cursor: pointer;
}
label.selected .acf-custom-toggle {
    opacity: 1;
}
.show-acf-name {
    background: #212e3d45;
    padding: 1px 7px;
    border-radius: 30px;
    color: #fff;
    vertical-align: middle;
}
.acf-badge {
    background: #ff8300;
    padding: 2px 5px;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    vertical-align: middle;
}
ul.acf-checkbox-list li:has(.acf-parent) {
    background: #2271b111;
}

.block-editor-block-types-list>[role=presentation] {
    display: inline-flex;
    flex-wrap: nowrap;
}
div[role="listbox"] .block-editor-block-types-list__list-item {
    width: 100px;
    min-height: 80px;
}
.block-editor-block-types-list__item-icon {
    padding-top: 6px;
    padding-bottom: 6px;
}

div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-table),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-verse),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-preformatted),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-pullquote),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-media-text),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-details),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-spacer),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-buttons),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-columns),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-cover\/cover),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-social-links),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-tag-cloud),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-quote),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-accordion),
div[role="listbox"] .block-editor-block-types-list__list-item:has(.editor-block-list-item-rss),
div[role="listbox"] .block-editor-block-types-list__list-item:has(*[class*="item-embed"]) {
    display: none;
}
.components-autocomplete__results button[id*="core/buttons"],
.components-autocomplete__results button[id*="core/spacer"],
.components-autocomplete__results button[id*="core/details"]  {
    display: none;
}

.block-editor-block-preview__content-iframe .wp-block-acf-base-multi-cols > .acf-block-body,
.block-editor-block-preview__content-iframe .wp-block-acf-base-multi-cols > .acf-block-body > div,
.block-editor-block-preview__content-iframe .wp-block-acf-base-multi-cols > .acf-block-body > div > .acf-block-preview,
.block-editor-block-preview__content-iframe .wp-block-acf-base-multi-cols > .acf-block-body > div > .acf-block-preview > .col {
    height: 100%;
}


#the-list tr:not(:hover) .row-actions .work_status {
    display: inline-block;
    left: 9999em;
    position: absolute;
    width: 80px;
    color: transparent;
}
#the-list tr:hover .row-actions .work_status {
    display: none;
    left: 0;
}
.nestedpages ol .np-assigned-pt-actions li.info_redirection,
.nestedpages ol .np-assigned-pt-actions li.work_status,
.nestedpages ol .np-assigned-pt-actions li.noindex_status,
.nestedpages ol .np-assigned-pt-actions li.flags,
.nestedpages ol .np-assigned-pt-actions li.page_comment {
    display: inline-block;
}
.nestedpages ol .np-assigned-pt-actions li.flags a {
    display: inline-block;
    padding: 4px 0 0 4px;
    vertical-align: middle;
    border-left: 0;
}
.nestedpages ol .np-assigned-pt-actions li.flags a img {
    width: 18px;
    height: 12px;
}
.nestedpages .page_comment {
    position: absolute;
    right: 50px;
    margin-top: -15px;
    height: 52px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    left: 390px;
    overflow: hidden;
    color: #3c434a;
}
@media (max-width: 1200px) {
    .nestedpages .row:hover .page_comment {
        display: none !important;
    }
}
.nestedpages .row:hover .action-buttons {
    background: #fefeff;
}

.nestedpages .work-status, #the-list .work-status {
    padding: 2px 6px;
    background: transparent;
    border-radius: 200px;
    font-size: 10px;
    border: 1px solid #ccc8;
    margin-right: 10px;
    color: #222;
}
.nestedpages .work-status-todo, #the-list .work-status-todo {
    background: #ffdce0;
}
.nestedpages .work-status-progress, #the-list .work-status-progress {
    background: #fff185;
}
.nestedpages .work-status-done, #the-list .work-status-done {
    background: #adeac6;
}
.nestedpages .work-status-valid, #the-list .work-status-valid {
    background: #7dd3ff;
}


.list-progress {
    margin: 10px;
}
.list-progress-todo {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #ffdce0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0004;
}
.list-progress-progress {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #fff185;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0004;
}
.list-progress-done {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #adeac6;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0004;
}
.list-progress-valid {
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #7dd3ff;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0004;
}