@import './backend/data-exports-page.css';

.edit-post-visual-editor__post-title-wrapper {
  h1 {
    font-weight: revert;
    font-size: revert;
  }
}

#menu-posts-conseils,
#menu-posts,
#menu-pages,
#menu-media {
  /* @apply !pt-1; */
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

#menu-posts-vocabulaire,
#menu-posts-videos-webinaires,
#toplevel_page_theme-general-settings {
  /* @apply !pb-1; */
}

#toplevel_page_gf_edit_forms {
  /* @apply !pb-1; */
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
/* .wp-block-post-content,
.is-root-container {
  background-color: red !imporatant;
}

.block-editor-block-list__block {
  background-color: yellow !imporatant; */
/* } */

.homegrade-blocks-components-icon__panel-body {
  .icon-preview {
    max-width: 80px;
    padding: 20px 0;
  }
}

.homegrade-blocks-components-image__panel-body {
  .components-tip {
    margin: 10px 0;
  }

  .media-replace-container {
    .components-dropdown .components-toolbar__control {
      background-color: #e04d42;
      color: white;
    }
  }
  img {
    display: block;
  }
  .components-dropdown {
    display: block;
    width: fit-content;
  }
  .media-replace-container {
    padding: 10px 0;
    display: flex;
    gap: 10px;
    align-items: center;
  }

  .components-toggle-group-control-option-base {
    outline: transparent;
  }

  .components-toggle-group-control {
    div[role='presentation'] {
      background-color: #e04d42;
    }
  }
}
.components-toggle-group-control {
  div[role='presentation'] {
    background-color: #e04d42;
  }
}
.editor-post-featured-image__action {
  background-color: #e04d42;
  color: white;
  &:hover {
    color: #e04d42;
    background-color: white;
  }
}

.block-editor-block-styles__variants
  button.components-button.block-editor-block-styles__item.is-active,
.block-editor-block-styles__variants
  button.components-button.block-editor-block-styles__item.is-active:hover {
  background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-toggle-group-control-option-base {
  div {
    @apply py-1;
    line-height: 1.3;
  }
}

.acf_custom_title {
  .acf-label {
    @apply pb-3;
    label {
      @apply !text-secondary !text-sm !font-semibold;
    }
  }
}
.block-editor-link-control__search-item-top {
  word-break: break-all;
}

.field-order-paper-publications {
  @apply !grid   gap-x-12 gap-y-2;

  .brochure-order-field {
    @apply grid justify-end gap-3 items-center;
    grid-template-columns: auto 1fr 1fr auto;
    .thematique-tag,
    legend {
      @apply mt-6;
    }
    .thematique-tag {
      @apply !py-1 !px-4 !rounded-lg mr-4 flex items-center shrink-0;
      line-height: 1.7;
    }
    .thematique-icon {
      @apply w-8 mr-3 my-2;
    }
    legend {
      @apply block ml-0  !mr-auto !font-normal;
      font-weight: revert !important;
    }
    .preview-brochure {
      @apply !text-neutral-700 flex justify-center items-center w-fit mx-auto;
      &:after {
        content: ' ';
        @apply w-4 h-4 block  ml-3 bg-no-repeat bg-center bg-contain;
        background-image: url('../resources/img/graphic-assets/icone-external-link.svg');
      }
    }
    .inputs-container {
      @apply flex gap-4;
    }

    .publications-amount-fr,
    .publications-amount-nl {
      label {
        @apply block mx-auto;
      }
      input[type='number'] {
        @apply h-2 !w-16 !py-5;
      }
      #publications-amount__label-nl,
      #publications-amount__label-fr {
        @apply !text-neutral-600 uppercase !text-sm text-center;
      }
    }
  }
}

#gform_wrapper_18 {
  @apply max-w-screen-lg;

  input[type='submit'] {
    @apply !mx-auto mt-6;
  }
  .gsection_description {
    @apply pt-2;
  }
  .gfield--type-section {
    border-bottom: 1px solid !important;
    @apply !border-neutral-400;
  }
}

.focus-point-modification-pannel {
  .homegrade-blocks-focus-point-bullet {
    @apply rounded-full w-10 h-10 text-white font-bold flex items-center justify-center;
  }
}

.edit-question-button {
  @apply text-white py-2 px-4 mt-3 block w-fit rounded-full;
  background-color: #e04d42;
  &:hover {
    @apply text-white;
    filter: brightness(1.1) saturate(1.4);
  }
  .acoustique &,
  .akoestiek &,
  .coproprietes &,
  .mede-eigendommen & {
    @apply bg-acoustique-coproprietes;
  }
  .isolation &,
  .isolatie &,
  .au-quotidien &,
  .dagelijks & {
    @apply bg-isolation-quotidien;
  }
  .location-achat &,
  .verhuur-ankoop &,
  .durabilite &,
  .duurzaamheid & {
    @apply bg-location-durabilite;
  }
  .urbanisme &,
  .stedenbouw &,
  .energies &,
  .energie & {
    @apply bg-energies-urbanisme;
  }

  .patrimoine &,
  .erfgoed &,
  .sante-securite-salubrite &,
  .gezondheid-veiligheid-hygiene {
    @apply bg-patrimoine-sante-securite;
  }
}

/* Maybe Refactor ? */
ol {
  @apply list-decimal list-inside;

  /* font-family: 'Railway', sans-serif; */
  li {
    list-style-type: decimal !important;
    list-style-position: inside !important;
    position: relative !important;
    padding-left: 1.5em !important;
  }
  li:marker {
    position: absolute !important;
    left: 0 !important;
  }
  .block-editor-rich-text__editable {
    display: inline-block !important;
  }
}
body.post-type-conseils,
body.post-type-fiches-infos,
body.post-type-questions,
body.post-type-brochures {
  .tablenav {
    #rank-math-seo-filter {
      @apply !hidden;
    }
  }
}
