/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/testimonials/testimonials-unit/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 */
.testimonial-unit-content {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid;
  max-width: 800px;
  margin: 0 auto;
  background-color: var(--orphic-wp-block-plugin-color-background);
  color: var(--orphic-wp-block-plugin-color-text);
  border-color: var(--orphic-wp-block-plugin-color-border);
}

/* Application directe des couleurs personnalisées avec spécificité plus élevée */
.testimonial-unit-content.customColor {
  background-color: var(--orphic-wp-testimonial-custom-background-color) !important;
  color: var(--orphic-wp-testimonial-custom-text-color) !important;
  border-color: var(--orphic-wp-testimonial-custom-border-color) !important;
}

.testimonial-unit-content .testimonial-text {
  flex: 1;
}

.testimonial-unit-content .testimonial-image {
  flex-shrink: 0;
}

.testimonial-unit-content .testimonial-image img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*# sourceMappingURL=style-index.css.map*/