/*! Styles pour le pattern Tarifs Section */

/* Tarifs */
.is-tarif-container {
  background-image: linear-gradient(to bottom, rgba(252, 235, 224, 1) 0%, rgba(255, 255, 255, 1) 25%);
}

.is-separator-tarif {
  /* width: 100%; */
  border-width: 1px;
  border-color: #cccccc;
  margin-left: var(--wp--custom--spacer-fluid) !important;
  margin-right: var(--wp--custom--spacer-fluid) !important;
}

.is-height-fix {
  min-height: 6rem;
}

/* Border colors for tarif cards */
.has-border-100 {
  border-color: var(--wp--custom--border-100);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--wp--custom--radius-fluid);
  border-bottom-width: 6px;
}

/* Equal height columns */
.has-equal-height {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.has-equal-height > .wp-block-column {
  display: flex;
}

.has-equal-height > .wp-block-column > .wp-block-group {
  width: 100%;
}

.has-border-200 {
  border-color: var(--wp--custom--border-200);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--wp--custom--radius-fluid);
  border-bottom-width: 6px;
}

.has-border-300 {
  border-color: var(--wp--custom--border-300);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--wp--custom--radius-fluid);
  border-bottom-width: 6px;
}

.has-border-400 {
  border-color: var(--wp--custom--border-400);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--wp--custom--radius-fluid);
  border-bottom-width: 6px;
}

.has-border-500 {
  border-color: var(--wp--custom--border-500);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--wp--custom--radius-fluid);
  border-bottom-width: 6px;
}

.is-tarif-primary-card, .is-tarif-secondary-card {
  border-radius: var(--wp--custom--radius-fluid);
  padding: var(--wp--custom--spacer-fluid) !important;
}

.is-tarif-primary-card {
  background-color: var(--wp--custom--false-white);
  box-shadow: var(--wp--custom--shadow-high);
}

.is-tarif-secondary-card {
  background-color: #F7DDD7;
  border: 1px solid var(--wp--custom--primary-500);
}

/* Responsive */
@media (max-width: 1024px) {
  .has-equal-height {
    flex-wrap: wrap !important;
  }

  .has-equal-height .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 33% !important;
  }

  .has-equal-height > .wp-block-column {
    width: 33% !important;
  }
}