@import './base/filters.css';
@import './base/shadows.css';

/* DASHBOARD */
@import './dashboard/advisor-dashboard-widget.css';

body.post-type-chantiers,
body.post-type-artisans {
  #titlediv {
    @apply hidden;
  }
}

.post-type-artisans #title {
  /* width: 220px; */
}
.post-type-artisans #icl_translations {
  width: 40px;
}

/* ---------------------------
	STATUTS
 ---------------------------*/
.post-type-artisans {
  .status-state {
    @apply font-medium rounded-2xl px-2 py-2 w-fit mx-auto;
    &--ok {
      @apply text-green-700;
    }
    &--deleted {
      @apply text-rose-700;
    }
    &--to_actualize {
      @apply text-amber-700;
    }
    &--to_contact {
      @apply text-yellow-700;
    }
    &--waiting_feedback,
    &--ongoing {
      @apply text-blue-600;
    }
    &--rejected {
      @apply text-rose-400;
    }
  }
  #conseiller,
  #status,
  #lastmodified,
  #onlinedate,
  .column-lastmodified,
  .column-conseiller,
  .column-onlinedate,
  .column-status {
    @apply text-center;
  }
}

.column-status .status-state {
  @apply !border-none;
}
@media screen and (max-width: 1600px) {
  #lastmodified,
  #onlinedate,
  #conseiller {
    width: 100px;
  }
  #status {
    width: 140px;
  }
}

.iedit.type-artisans.hentry {
  .column-title:has(strong > a) {
    color: transparent;

    .post-state {
      @apply px-3 py-1 rounded-2xl font-medium text-xs border border-solid inline-block w-fit;
    }
  }
}

.iedit.type-artisans.status-pending.hentry {
  .column-title .post-state {
    @apply text-amber-700 border-amber-700;
  }
}
.iedit.type-artisans.status-draft.hentry {
  .column-title .post-state {
    @apply text-sky-700  border-sky-700;
  }
}
.iedit.type-artisans.status-offline.hentry {
  .column-title .post-state {
    @apply text-neutral-500  border-neutral-500;
  }
}
.iedit.type-artisans.status-publish.hentry {
  .column-title .post-state {
    @apply text-green-700  border-green-700;
  }
}
#acf-group_672358433051b,
#acf-group_673610d8e548a {
  @apply opacity-60;
  * {
    cursor: not-allowed;
    /* pointer-events: none; */
  }
}

/* ---------------------------
	STATUTS
 ---------------------------*/

.subsubsub {
  .all,
  .publish,
  .pending,
  .trash,
  .offline {
    @apply text-transparent border-solid border rounded-full pl-2;
  }

  .all {
    @apply border-violet-700;
    transition: all 0.6s;
    a,
    span {
      @apply !text-violet-700;
    }
    &:hover,
    &:has(a[aria-current='page']) {
      @apply bg-violet-700;
      a,
      span {
        @apply !text-white;
      }
    }
  }
  .offline {
    @apply border-neutral-700;
    transition: all 0.6s;
    a,
    span {
      @apply !text-neutral-700;
    }
    &:hover,
    &:has(a[aria-current='page']) {
      @apply bg-neutral-700;
      a,
      span {
        @apply !text-white;
      }
    }
  }
  .pending {
    @apply border-amber-700;
    transition: all 0.6s;
    a,
    span {
      @apply !text-amber-700;
    }
    &:hover,
    &:has(a[aria-current='page']) {
      @apply bg-amber-700;
      a,
      span {
        @apply !text-white;
      }
    }
  }
  .trash {
    @apply border-rose-700;
    transition: all 0.6s;
    a,
    span {
      @apply !text-rose-700;
    }
    &:hover,
    &:has(a[aria-current='page']) {
      @apply bg-rose-700;
      a,
      span {
        @apply !text-white;
      }
    }
  }
  .publish {
    @apply border-green-700;
    transition: all 0.6s;
    a,
    span {
      @apply !text-green-700;
    }
    &:hover,
    &:has(a[aria-current='page']) {
      @apply bg-green-700;
      a,
      span {
        @apply !text-white;
      }
    }
  }
}
.admin-artisan-title {
  @apply text-patrimoine-sante-securite !font-semibold !text-2xl;
}
.last-updated {
  @apply text-neutral-500 !text-xs my-0;
}

.edit-post-visual-editor__post-title-wrapper {
  h1 {
    font-weight: revert;
    font-size: revert;
  }
}
#menu-pages,
#menu-media {
  @apply !py-1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
#menu-pages {
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

#menu-pages + .wp-menu-separator {
  @apply hidden;
}

#menu-posts-vocabulaire,
#menu-posts-videos-webinaires,
#toplevel_page_theme-general-settings {
}

#toplevel_page_gf_edit_forms {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.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-patrimoine-sante-securite !text-sm !font-semibold;
    }
  }
}
.block-editor-link-control__search-item-top {
  word-break: break-all;
}

#admin_artisan_chantier_list {
  @apply border border-solid border-neutral-300;
  h3 {
    @apply font-medium;
  }

  background: rgba(0, 0, 0, 0);
  box-shadow: none;
  > .postbox-header {
    @apply !hidden;
  }

  ul a {
    @apply text-patrimoine-sante-securite text-lg flex items-center gap-2;
    filter: brightness(80%);
    img {
      @apply w-6 h-6 object-contain filter-patrimoine-sante-securite;
    }
  }

  .no-results {
    @apply text-sm text-neutral-400;
  }

  .new-chantier {
    @apply bg-patrimoine-sante-securite text-white py-2 px-4 no-underline rounded-full mb-4 block w-fit;
  }
}

.edit-fiche-artisan-link {
  @apply pt-3 text-patrimoine-sante-securite !font-semibold  flex items-center gap-2;
  img {
    @apply w-6 h-6 object-contain filter-patrimoine-sante-securite;
  }
}
#revisionsdiv,
#acf-group_673610d8e548a,
#admin_artisan_chantier_list,
#acf-group_672358433051b,
#rank_math_metabox {
  .handle-order-lower,
  .handle-order-higher {
    @apply !hidden;
  }
}

#acf-group_67581cdaf3262 {
  @apply border border-neutral-200 border-solid p-4;

  div[data-type='message'] {
    @apply text-neutral-900 py-0 text-base;
  }
}

.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd) {
  @apply bg-neutral-50;
  background-color: #efeef04d;
}
#the-list {
  .rank-math-column-display.seo-score,
  .rank-math-column-display.schema-type {
    @apply !hidden;
  }
  .rank_math_seo_details.column-rank_math_seo_details > *,
  .date.column-date {
    @apply !text-neutral-500;
  }
}

/* #icl_translations,
.column-icl_translations {
  width: 60px;
} */

.admin-column-metiers-container {
  @apply flex flex-wrap;
}

.admin-column-taxonomy-term {
  @apply bg-patrimoine-sante-securite-light text-patrimoine-sante-securite 
  !font-normal !text-xs rounded-md block w-fit !px-2 !py-1;
  &:hover {
    @apply text-purple-900;
  }
}

.admin-column-metiers-container {
  @apply flex flex-wrap gap-2;
}

.column-elements .no-results,
.column-metiers .no-results {
  @apply text-neutral-400 pl-2;
}

#rank-math-seo-filter {
  @apply hidden;
}

/* .tablenav select[name='metiers'] {
  @apply text-patrimoine-sante-securite bg-patrimoine-sante-securite-light;
} */

.button-primary {
  @apply bg-patrimoine-sante-securite text-white;
}

.metiers-patrimoine-data-exports-page {
  @apply grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4;
  .export-card {
    @apply !rounded-lg border-none 
		flex flex-col items-center justify-center !p-8
		gap-8 text-center col-span-2 shadowed;
    max-width: unset;
    h2 {
      @apply !m-0 text-patrimoine-sante-securite max-w-md leading-5 pb-2;
    }
    &__illustration {
      max-width: 200px;
      filter: hue-rotate(-100deg);
    }
  }

  .cta--primary {
    @apply bg-patrimoine-sante-securite text-white border-purple-800 rounded-full;
    &:hover {
      @apply bg-purple-900 text-white;
    }
  }
}

#major-publishing-actions {
  @apply !bg-neutral-50;
}

.misc-pub-section.rank-math-seo-score {
  @apply !hidden;
}

.acf-input-wrap input::placeholder {
  @apply text-neutral-400;
}

.top-status {
  @apply flex gap-16 mt-6;
  .state-container {
    @apply flex gap-3 justify-center items-center;
    p {
      @apply my-0 font-medium text-xs;
    }
  }

  .status-state,
  .post-state {
    @apply block  px-3 py-2 flex items-center justify-center gap-2;
    &:before {
      @apply content-[''] block w-2 h-2 rounded-full;
    }
  }
}
.status-state,
.post-state {
  @apply !rounded-xl font-medium text-xs border border-solid inline-block w-fit;
  &--ok,
  &--publish {
    @apply text-green-700  border-green-700;
  }
  &--ok:before,
  &--publish:before {
    @apply bg-green-700;
  }
  &--none,
  &--draft,
  &--offline {
    @apply text-neutral-500  border-neutral-500;
  }
  &--none:before,
  &--draft:before,
  &--offline:before {
    @apply bg-neutral-500;
  }
  &--pending,
  &--to_contact {
    @apply text-amber-700  border-amber-700;
  }
  &--pending:before,
  &--to_contact:before {
    @apply bg-amber-700;
  }

  &--deleted {
    @apply text-rose-700;
  }
  &--deleted:before {
    @apply bg-rose-700;
  }
  &--to_contact,
  &--to_actualize {
    @apply text-amber-700;
  }
  &--to_contact:before,
  &--to_actualize:before {
    @apply bg-amber-700;
  }

  &--waiting_feedback,
  &--ongoing {
    @apply text-blue-600;
  }
  &--waiting_feedback:before,
  &--ongoing:before {
    @apply bg-blue-600;
  }

  &--rejected {
    @apply text-rose-400;
  }
  &--rejected:before {
    @apply bg-rose-400;
  }
}

/* ------------------------------------
	CUSTOMIZATION BASED ON USER ROLE
 ------------------------------------*/
.role-editor {
  .rank-math-lock-modified-date,
  .misc-pub-curtime,
  .misc-pub-revisions,
  .misc-pub-visibility,
  #icl_div,
  #rank_math_metabox,
  #acf-group_672358433051b,
  #revisionsdiv,
  #toplevel_page_rank-math,
  #acfml-field-group-synchronise,
  #menu-tools,
  #postimagediv,
  #submitdiv .handle-order-higher,
  #submitdiv .handle-order-lower,
  #submitdiv #preview-action,
  #footer-left {
    @apply !hidden;
  }
  .post-type-artisans #post-body {
    @apply !mr-12 2xl:!mr-32 !max-w-screen-2xl;
  }
}

.subsubsub .mine,
.subsubsub .pillar_content {
  @apply hidden;
}
#submitdiv #publish {
  @apply bg-rose-600;
  .postbox-header {
    @apply border-none;
  }
}
#acf-group_67581cdaf3262 {
  @apply border-2 border-patrimoine-sante-securite border-solid p-0 rounded-xl;
  @apply bg-white;
  /* border: 2px solid red !important; */

  .acf-field-6758467534c1e {
    @apply px-[10px];
    label {
      @apply font-normal !text-white text-xl bg-patrimoine-sante-securite px-4 py-2 rounded-t-xl block;
    }
  }
  .acf-field:not(.acf-field-6758467534c1e) {
    @apply px-12;
  }
}

#set-offline-status,
#set-online-status {
  @apply text-white border-none rounded-xl px-4 !py-1 ml-auto;
}

#set-offline-status {
  @apply bg-neutral-600;
  &:hover {
    @apply bg-neutral-800;
  }
  .post-status-offline & {
    @apply hidden;
  }
}

#set-online-status {
  @apply bg-green-700;
  &:hover {
    @apply bg-green-800;
  }

  .post-status-publish & {
    @apply hidden;
  }
}