/* Base
--------------------------------------------- */
.block-editor {
  .muy-posts-list,
  .muy-products-list,
  .muy-services-list {
    @apply pointer-events-none;
  }
}

.wp-block {
  /* default was 674px */
  border: 1px solid transparent;

  &:hover {
    border-color: #007cba;
  }

  // max-width: 1160px;
  // padding: 1rem;
  // margin: 0.5rem auto;
  // border-radius: 12px;

  // &.is-selected {
  //   border: 1px solid #007cba;

  //   .wp-block {
  //     border: 1px solid #007cba;
  //   }
  // }

  // &[data-type="core/spacer"] {
  //   border: 0;
  //   background-color: #f5f5f5;
  // }
}

.block-editor .button.wp-color-result {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  @apply p-0
    m-0;
}

.single-post-inner,
.post-content-wrapper {
  ol,
  ul {
    list-style-position: outside;

    li {
      @apply pl-2;
    }
  }

  ol {
    @apply pl-6
      list-decimal;
  }

  ul {
    @apply list-disc
      pl-4;
  }

  // &.has-list-bullet-color,
  // &.is-style-arrow,
  // &.is-style-checked,
  // &.is-style-connected,
  // &.is-style-crossed,
  // &.is-style-dashed,
  // &.is-style-starred {
  //   li {
  //     @apply
  //       pl-8;

  //     &::before {
  //       @apply
  //         left-0;
  //     }
  //   }
  // }
}

.wp-block-image {
  @apply m-0;
}

.wp-block-columns {
  @apply my-0;
}

.wp-block-group.has-background {
  @apply p-0;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 35px;
  margin: 0 0;
  border-bottom: 7px solid;
  padding: 0;
}

.gcontainer {
  .gbtn {
    @apply outline-none
      bg-transparent;

    &.gnext {
      right: 20px;
      width: 60px;
    }

    &.gprev {
      left: 20px;
      width: 60px;
    }

    svg {
      @apply h-5
        w-5;
    }
  }
}

// .wp-block {
//   /* default was 674px */
//   max-width: 1160px;
//   padding: 1rem;
//   margin: 0.5rem auto;
//   border-radius: 12px;
//   border: 1px solid #d6d6d6;

//   &.is-selected {
//     border: 1px solid #007cba;

//     .wp-block {
//       border: 1px solid #007cba;
//     }
//   }

//   &[data-type="core/spacer"] {
//     border: 0;
//     background-color: #f5f5f5;
//   }
// }

.wp-block-cover-image,
.wp-block-cover {
  padding: 0;
}

.wp-block-cover {
  z-index: 0;
}

.muy-tablet-one-column {
  > div {
    @media (max-width: 769px) and (min-width: 600px) {
      flex-basis: 100% !important;

      &:nth-child(even) {
        margin-left: 0 !important;
      }
    }
  }
}

.wp-block-file {
  @apply mb-8
    pt-8
    border-t
    border-solid
    border-black
    flex
    items-center
    justify-between;
}

.wp-block-media-text__media {
  figure {
    @apply h-full;

    img {
      @apply w-full h-full;

      object-fit: cover;
    }
  }
}

.muy-revert {
  &.muy-tablet-one-column {
    @apply flex-col-reverse;

    @media screen and (min-width: 769px) {
      @apply flex-row;
    }
  }

  &.muy-tablet-two-columns {
    @apply flex-col-reverse;

    @media screen and (min-width: 600px) {
      @apply flex-row;
    }
  }
}

@media screen and (max-width: 767px) {
  .muy-height-full-mobile {
    height: 100vh;
  }

  .muy-height-2xl-mobile {
    height: 950px;
  }

  .muy-height-xl-mobile {
    height: 750px;
  }

  .muy-height-lg-mobile {
    height: 550px;
  }

  .muy-height-md-mobile {
    height: 400px;
  }

  .muy-height-sm-mobile {
    height: 230px;
  }
}

@screen md {
  .muy-height-full {
    height: 100vh;
  }

  .muy-height-2xl {
    height: 950px;
  }

  .muy-height-xl {
    height: 750px;
  }

  .muy-height-lg {
    height: 550px;
  }

  .muy-height-md {
    height: 400px;
  }

  .muy-height-sm {
    height: 230px;
  }
}

.muy-thin {
  @apply font-hairline;
}

.muy-extra-light {
  @apply font-thin;
}

.muy-light {
  @apply font-light;
}

.muy-regular {
  @apply font-normal;
}

.muy-medium {
  @apply font-medium;
}

.muy-semi-bold {
  @apply font-semibold;
}

.muy-bold {
  @apply font-bold;
}

.muy-extra-bold {
  @apply font-extrabold;
}

.muy-black {
  @apply font-black;
}

.muy-button-width-small a {
  @apply px-4;
}

.muy-button-width-medium a {
  @apply px-8;
}

.muy-button-width-large a {
  @apply px-16;
}

.muy-button-width-full-width {
  @apply min-w-full;

  a {
    @apply w-full;
  }
}

.muy-button-height-short a {
  @apply py-2;
}

.muy-button-height-medium a {
  @apply py-4;
}

.muy-button-height-tall a {
  @apply py-5;
}

.is-style-gapless.wp-block-columns {
  gap: 0;
}
