/* TABS VERTICALE */

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .is-subgrid-for-vertical-tabs
  .tabs-title-mobile {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.wp-block-meta-box-tabs.has-marteau-bleu-top-section {
  padding-top: 20px;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .is-subgrid-for-vertical-tabs {
  display: grid;
  grid-template-columns: subgrid;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .is-subgrid-for-vertical-tabs
  .wp-block-meta-box-intro-section {
  grid-column: 1 / span 12;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .tabs-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  grid-column: 2 / span 3;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .tabs-title button {
  text-align: left;
  padding-left: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 100%;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .tab-title {
  font-weight: 900;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .tab-title:hover {
  text-shadow: none;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .container {
  margin-top: 0 !important;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .tab-title.active {
  border: 2px solid var(--wp--preset--color--jaune);
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .tabs-title {
  counter-reset: section;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .tabs-title
  .tab-title:before {
  counter-increment: section;
  content: counter(section);
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: var(--wp--preset--color--jaune);
  background: none;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .wp-block-meta-box-tab {
  grid-column: 6 / span 6;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical .wp-block-meta-box-tab {
  border: 2px solid var(--wp--preset--color--jaune);
  padding: 50px 40px;
  align-items: center;
  position: relative;
  z-index: 2;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .wp-block-group.container {
  padding-left: 0;
  padding-right: 0;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .container
  > .grid {
  display: block;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  p
  + p {
  margin-top: 15px;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab.active {
  display: flex;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .tabs-title
  .tab-title:after {
  content: '';
  width: 300px;
  transition-property: transform;
  transition-duration: 0s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  height: 2px;
  background-color: var(--wp--preset--color--jaune);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  transform-origin: left;
  transform: scale(0);
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .tabs-title
  .tab-title.active:after {
  transform: scale(1);
  transition-duration: 0.8s;
  transition-delay: 0.3s;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .wp-block-media-text
  > .wp-block-media-text__media {
  grid-column: 1 / -1;
  grid-row: 1;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .wp-block-media-text
  > .wp-block-media-text__media:after {
  content: none;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .wp-block-media-text
  > .wp-block-media-text__content {
  grid-column: 1 / -1;
  grid-row: 2;
}

.wp-block-meta-box-tabs.is-style-tabs-type-comptage.has-sibling
  .wp-block-meta-box-tab
  .wp-block-group {
  padding-bottom: 180px;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .wp-block-media-text.has-media-on-the-right
  > .wp-block-media-text__media {
  grid-row: 2;
}

.wp-block-meta-box-tabs.is-style-tabs-type-vertical
  .wp-block-meta-box-tab
  .wp-block-media-text.has-media-on-the-right
  > .wp-block-media-text__content {
  grid-row: 1;
}

.wp-block-meta-box-tabs.is-style-tabs-type-comptage
  + .wp-block-meta-box-tabs.is-style-tabs-type-comptage {
  filter: drop-shadow(0px -9px 5px rgba(0, 0, 0, 0.1));
  padding-top: 0 !important;
  margin-top: -130px;
}

.wp-block-meta-box-tabs.is-style-tabs-type-comptage
  + .wp-block-meta-box-tabs.is-style-tabs-type-comptage
  .clip-section {
  padding-top: 100px;
  clip-path: var(--curved-section-bottom-leger);
  background-color: #fff;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color {
  margin-bottom: 45px;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color:has(+ .wp-block-image)
  .wp-block-media-text__media {
  height: calc(100% + 120px);
  z-index: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color {
  padding-bottom: 40px;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color
  .wp-block-media-text {
  grid-template-columns: 39% 1fr;
  position: relative;
  z-index: 1;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color
  .wp-block-media-text__media {
  height: calc(100% + 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: calc(100% + 80px);
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color
  .wp-block-media-text__media
  img {
  height: 100%;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color
  + .wp-block-image {
  margin-top: -45px;
  overflow: hidden;
  position: relative;
  z-index: -1;
}

.wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
    .is-style-tabs-type-vertical
  ).has-bleu-nuit-background-color
  + .wp-block-image
  img {
  object-position: 100% 67%;
  transform: scaleX(2) scaleY(1.8);
  transform-origin: 26%;
  object-fit: cover;
}

@media all and (max-width: 1024px) {
  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    + .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .clip-section {
    clip-path: var(--curved-section-bottom-leger-1024);
  }
}

@media all and (max-width: 768px) {
  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    + .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .clip-section {
    clip-path: var(--curved-section-bottom-leger-768);
    padding-top: 75px;
  }

  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .wp-block-meta-box-tab
    .wp-block-group {
    padding: 35px 20px 50px 30px;
  }

  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .wp-block-meta-box-tab
    .wp-block-group
    > .wp-block-columns
    + .wp-block-columns {
    margin-top: 50px;
  }

  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .wp-block-meta-box-tab
    .wp-block-group
    > .wp-block-columns:last-child::before,
  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .wp-block-meta-box-tab
    .wp-block-group
    > .wp-block-columns:first-child::before {
    left: -40px;
  }

  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .wp-block-meta-box-tab
    > .wp-block-image
    img {
    height: 300px;
  }

  .wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
      .is-style-tabs-type-vertical
    ).has-bleu-nuit-background-color
    .wp-block-media-text__media,
  .wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
      .is-style-tabs-type-vertical
    ).has-bleu-nuit-background-color:has(+ .wp-block-image)
    .wp-block-media-text__media {
    height: auto;
  }

  .wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
      .is-style-tabs-type-vertical
    ).has-bleu-nuit-background-color {
    margin-bottom: 0;
  }

  .wp-block-meta-box-tabs.is-style-tabs-type-vertical
    .container-tabs-title-mobile {
    grid-column: 1 / span 12;
  }
  .wp-block-meta-box-tabs.is-style-tabs-type-vertical .wp-block-meta-box-tab {
    grid-column: 1 / span 12;
    padding: 20px 0px;
  }

  .wp-block-meta-box-tabs:not(.is-style-tabs-type-comptage):not(
      .is-style-tabs-type-vertical
    ).has-bleu-nuit-background-color {
    padding-top: 50px;
  }

  .wp-block-meta-box-tabs.is-style-tabs-type-comptage
    .is-style-intro-section-with-cards {
    margin-bottom: 60px;
  }
}