/* menu icon */

[data-drupal-link-system-path="admin/content"]:before{
    --icon: url(/themes/contrib/gin/dist/media/sprite.svg#media-edit-view);
}

[data-drupal-link-system-path="admin/content/block"]:before{
    --icon: url(/themes/contrib/gin/dist/media/sprite.svg#structure-view);
}

[href="/admin/content/equipe"]:before{
    --icon: url(/themes/contrib/gin/dist/media/sprite.svg#people-new-view);
}

[href="/admin/content/magasins"]:before{
    --icon: url(/themes/contrib/gin/dist/media/sprite.svg#database-view);
}

[href="/admin/content/articles"]:before{
    --icon:url("../../media/sprite.svg#content-view");
}

[href="/admin/content/media-grid"]:before{
    --icon: url(/themes/contrib/gin/dist/media/sprite.svg#media-view);
}

.toolbar-icon-nx-backoffice-menu-root:before{
    --icon: url(/themes/contrib/gin/dist/media/sprite.svg#extend-new-view);
}

body.editor [data-drupal-selector="edit-reset"]{
    display: none;
}


body.editor .menu-item__system-admin_config,
body.editor .menu-item__system-admin_content,
body.editor #block-oklahoma-admin-primary-local-tasks,
body.editor .view-filters{
    display: none!important;
}

body.editor .views-bulk-actions,
body.editor .views-field-node-bulk-form {
    display: none;
}

body.editor .media-library-views-form__bulk_form{
    display: flex;
}

[data-drupal-selector="edit-field-reseaux-sociaux"] .paragraphs-subform {
    display: flex;
    gap:10px;
}

[data-drupal-selector="edit-field-magasins"] .paragraphs-subform {
    display: flex;
    gap:10px;
    flex-wrap: wrap;
}

[data-drupal-selector="edit-field-magasins"] .paragraphs-subform .paragraphs-subform{
    flex-wrap: nowrap;
}

[data-drupal-selector="edit-field-magasins"] .paragraphs-subform > div{
    width: 100%;
}
[data-drupal-selector="edit-field-magasins"] .paragraphs-subform .field--type-string{
    max-width: calc(100% / 3 - 20px);
   width: 100%;   
}


[data-drupal-selector="node-magasin-edit-form"] .paragraphs-subform .field--name-field-information-du-magasin ,
[data-drupal-selector="edit-field-magasins"] .paragraphs-subform .field--name-field-information-du-magasin {
    max-width: calc(100% /3 - 20px);
   width: 100%;   
}

[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"],
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"] {
    display: flex;
    gap:10px;
    flex-wrap: wrap;
}

[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"].paragraphs-subform,
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"].paragraphs-subform{
    flex-wrap: nowrap;
}

[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"] > div,
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"] > div{
    width: 100%;
}
[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"] .field--type-string,
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"] .field--type-string{
    max-width: calc(100% / 3 - 20px);
   width: 100%;   
}
[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"] [data-drupal-selector="edit-title-wrapper"],
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"] [data-drupal-selector="edit-title-wrapper"]{
    max-width: 100%;
}

[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"] .field--name-field-information-du-magasin,
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"] .field--name-field-information-du-magasin,
[data-drupal-selector="node-magasin-form"] [data-drupal-selector="edit-content"] [data-drupal-selector="edit-field-message-prise-de-rdv-wrapper"],
[data-drupal-selector="node-magasin-edit-form"] [data-drupal-selector="edit-content"] [data-drupal-selector="edit-field-message-prise-de-rdv-wrapper"]{
    max-width: calc(100% /3 - 20px);
   width: 100%;   
}

body.editor .js-form-item-field-numero-d-identification-0-value,
body.editor .js-form-item-field-google-maps-url-0-value,
body.editor .js-form-item-field-place-id-0-value,
body.editor  .form-item--field-maps-api-key-0-value{
    display: none;
}

body.editor .js-form-item-field-classes-personnalisees-0-value {
    display: none;
}

.gin--edit-form .region-sticky--is-sticky {
    position: fixed;
}


.gin--edit-form .page-wrapper__node-edit-form .block-local-tasks-block, .gin--edit-form .page-wrapper__node-edit-form .block-system-main-block, .gin--edit-form .page-wrapper__node-edit-form .messages-list, .gin--edit-form .page-wrapper__node-edit-form .node-form, .gin--edit-form .page-wrapper__node-edit-form .node-confirm-form, .gin--edit-form .page-wrapper__node-edit-form .admin-list, .gin--edit-form .page-wrapper__node-edit-form .help{
    max-width: 100%!important;
}

.toolbar-tray-open:not(.toolbar-vertical) .layout-container, body:not(.toolbar-tray-open) .layout-container {
    margin-left:0;
    margin-right: 0;
}

body{
    --gin-spacing-xxl:35px;
}

.gin--edit-form .region-sticky{
    background: rgba(var(--gin-bg-app-rgb));
}

#edit-field-body > div{
    background: #fff;
}

.paragraph--type--paragaphe  .field--name-field-texte{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    color: var(--color-text-dark);
}

body .messages, body .messages-list {
    margin-top: 30px;
}

#block-oklahoma-primary-local-tasks a{
    border:1px solid;
    padding: 1rem;
}

.ui-dialog:not(.ui-dialog-off-canvas).ui-widget-content {
    max-width: calc(100vw - 120px);
    min-width: 1340px;
}

.ui-dialog:not(.ui-dialog-off-canvas) .mega-menu{
    width: 100%;
}

body .ui-widget-content a{
    /* color:var(--color-dark); */
}

#edit-field-navbar-contenu .menu-item-mega-menu-parent {
    display: none!important;
}


body .js-lpb-component + .lpb-btn--add.center {
    display: block!important;
}

.js-lpb-component .js-lpb-component .lpb-controls.js-lpb-ui {
    min-width: max-content;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.lpb-controls:not(.is-layout) .lpb-controls-label{
    color:var(--gin-color-text-light);
    font-size:16px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
}

[data-layout="navbar_layout"] .use-ajax.before,
[data-layout="navbar_layout"] .use-ajax.after{
    display: none!important;
}   

[data-region="container"] .center {
    top: 100%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    padding: 10px 10px 10px 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 center;
    color: #fff;
    font-size: 14px;
    background: var(--gin-color-primary);
    border: none;
}

[data-region="container"] .center:hover{
    background: var(--gin-color-primary-active);
}

[data-region="container"] .center:before{
    content:"Ajouter un élément";
}


[data-drupal-selector="edit-field-menu-items-dragdrop-field-menu-items"] .paragraphs-dragdrop__list .paragraphs-dragdrop__list{
    display: none!important;
}

body .gin--horizontal-toolbar #toolbar-administration{
    z-index: 1000000000000;
}

/* Navbar form */
body.editor .block-navbar-form .js-lpb-component + .lpb-btn--add.center,
body.editor .block-navbar-form .js-lpb-component .lpb-btn--add,
body.editor .block-navbar-form .is-layout,
body.editor .block-navbar-form .field--name-info,
body.editor [data-type="bouton_prise_de_rendez_vous"] .lpb-controls,
body.editor [data-type="logo_du_site"] .lpb-controls,
body.editor [data-drupal-selector="edit-field-menu-items-1-subform"]  .js-lpb-component [data-type="colonnes_mega_menu"] > .lpb-btn--add,
body.editor [data-layout="mega_menu_layout"] > .lpb-btn--add{
    display: none!important;
}


/* Navbar form */
body.editor .block-top-bar-form .js-lpb-component + .lpb-btn--add.center,
body.editor .block-top-bar-form .js-lpb-component .lpb-btn--add,
body.editor .block-top-bar-form .is-layout,
body.editor .block-top-bar-form .field--name-info{
    display: none!important;
}

/* Navbar form */
body.editor .block-footer-form .js-lpb-component + .lpb-btn--add.center,
body.editor .block-footer-form .js-lpb-component .lpb-btn--add,
body.editor .block-footer-form .is-layout,
body.editor .block-footer-form .field--name-info,
body.editor [data-type="logo_realisations"] .lpb-controls,
body.editor [data-type="liens_mentions_legales"] .lpb-controls,
body.editor .menu-item__system-admin_content,
body.editor .menu-item__system-admin_structure{
    display: none!important;
}

.lpb-component-list__group > *{
    gap:24px;
}

body.editor .type-from_library{
    display: none;
}

.lpb-component-list__group--content:not(:nth-child(1)){
    margin-top:80px;
}


[data-drupal-selector] #layout-paragraphs-element{
    display: none!important;
}

[data-drupal-selector="edit-layout-paragraphs-component-form-colonnes"] #layout-paragraphs-element{
    display: block!important;
}

[data-drupal-selector="edit-layout-paragraphs-component-form-carte-magasin"] .field--widget-readonly-html-field-widget{
    padding: 30px;
}

body .lpb-component-list{
    background:#1b1b1d;
    padding-left: var(--gin-spacing-l);
    padding-right: var(--gin-spacing-l);
    min-width: calc(100% + var(--gin-spacing-l)* 2);
    margin-left: calc((-1)* var(--gin-spacing-l));
    margin-right: calc((-1)* var(--gin-spacing-l));
    padding-bottom: calc(var(--gin-spacing-l) * 2);
}

.lpb-component-list__search{
    display:none;
}
body .lpb-component-list__group > div > div{
    width: 300px;
    display: block;
}

body .lpb-component-list__item a{
    --space:12px;
    flex-direction: column;
    align-items: start;
    padding: var(--space);
    border: 1px solid lightgrey;
    border-radius: 16px;
    background:#fff;
    overflow: hidden;
    font-weight: 700;
    height: 100%;
    border:none;
    justify-content: space-between;
    transition:background ease-in .3s;
    box-shadow:0px 0px 15px rgba(0,0,0,0.1);
}

body .lpb-component-list__item a:hover{
    color:#fff;
    background: var(--button-bg-color--primary);
    box-shadow:0px 20px 30px rgba(255,255,255,0.3);
    outline:2px solid #fff;
}
body .lpb-component-list__item a:hover img{
    opacity:0.7;
}

body .lpb-component-list__item img {
    margin: calc((-1) * var(--space));
    max-width: calc(100% + var(--space) *2);
    width: calc(100% + var(--space)* 2);
    margin-bottom: 10px;
}



/* Page de config */

[data-drupal-selector="edit-col1"]{
    display: flex;
    flex: 1;
    gap: 20px;
    flex-wrap: wrap;
}

[data-drupal-selector="edit-col1"] > div:not(.field--type-readonly-html-field){
    width:500px;
    background: var(--gin-bg-header);
    padding: 0px 30px;
    border-radius: 16px;
}

[data-drupal-selector="edit-col1"] > div:not(.field--type-readonly-html-field).field--type-entity-reference-revisions {
    width:100%;
    background: var(--gin-bg-header);
    padding: 0px 30px;
    border-radius: 16px;
}

[data-drupal-selector="edit-col1"] > div:not(.field--type-readonly-html-field).field--type-entity-reference-revisions .paragraphs-subform {
    display:flex;
    gap:10px;
}

[data-drupal-selector="edit-col1"] > div:not(.field--type-readonly-html-field).field--type-entity-reference-revisions .paragraphs-subform .form-element{
    max-width: 100px;
}

[data-drupal-selector="edit-col2"]{
    display: flex;
    flex: 1;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 80px;
}

[data-drupal-selector="edit-col2"] > div:not(.field--type-readonly-html-field){
    width:200px;
    background: var(--gin-bg-header);
    padding: 0px 30px;
    border-radius: 16px;
}

[data-drupal-selector="edit-col1"] .field--type-readonly-html-field,
[data-drupal-selector="edit-col2"] .field--type-readonly-html-field,
[data-drupal-selector="edit-col3"] .field--type-readonly-html-field{
    width: 100%;
    font-weight: 700;
}

[data-drupal-selector="edit-col3"]{
    display: flex;
    flex: 1;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 80px;
}

[data-drupal-selector="edit-col3"] > div:not(.field--type-readonly-html-field){
    width:200px;
    background: var(--gin-bg-header);
    padding: 0px 30px;
    border-radius: 16px;
}

[name="field_variables_json[0][value]"]{
    font-size:14px;
    line-height: 1.2;
}


body .ck-editor__editable .ck-list-bogus-paragraph{
    display: inline;
  }



.js-form-item-field-balises-0-basic-abstract{
    display: none;
}

.lpb-component-list__item.type-categorie:nth-child(1),
.lpb-component-list__item.type-categorie:nth-child(1) + .type-sous_menu,
.lpb-component-list__item.type-categorie:nth-child(1) + .type-sous_menu,
.lpb-component-list__item.type-categorie:nth-child(1) + .type-sous_menu + .type-paste_clipboard,
.lpb-component-list__item.type-categorie:nth-child(1) + .type-sous_menu + .type-paste_clipboard + .type-paste_clipboard_form{
    display: none!important;
}

/* activer réseaux sociaux */

.field_activer_reseaux_sociaux_0 [href="/admin/nxbackoffice/reseaux-sociaux"]{
    display: none!important;
}

.field_activer_multi_magasin_0 [href="/node/add/magasin"]{
    display: none!important;
}

.field_activer_la_top_barre_0 [href="/admin/content/block/3"]{
    display: none!important;
}

.field_instagram_0 [href="/admin/config/instagram-photos"]{
    display: none!important;
}

.field_activer_blog_0 [href="/admin/content/articles"]{
    display: none!important;
}



.rdv-disabled [href="/admin/nxbackoffice/prise-de-rdv"],
.rdv-disabled [href="/admin/nxbackoffice/appointment"],
.rdv-disabled [data-drupal-selector="edit-field-message-prise-de-rdv-wrapper"]{
    display: none!important;
}


/* Tabs */


.oklahoma-tabs-content > div {
    display: none;
  }
  
  .oklahoma-tabs-content > div.is-active {
    display: block;
  }