/* Text Unfold For Bricks Plugin Styles */

/* Text Unfold Element Styles */
.text-unfold-wrapper {
  position: relative;
}

.text-unfold-title-wrapper {
  margin-bottom: 15px;
}

.text-unfold-title {
  margin: 0;
}

.text-unfold-content-wrapper {
  position: relative;
}

.text-unfold-content {
  line-height: 1.6;
  transition: height 0.3s ease;
}

.text-unfold-read-more {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  padding: 8px 16px;
  margin-top: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f8f9fa;
  color: #333;
  transition: all 0.3s ease;
}

.text-unfold-read-more:hover {
  background-color: #e9ecef;
  color: #212529;
  text-decoration: none;
}

.text-unfold-read-more-text {
  font-weight: 500;
}

.text-unfold-read-more-icon {
  display: inline-flex;
  align-items: center;
}

.text-unfold-read-more-icon.less {
  display: none;
}

.text-unfold-read-more.expanded .text-unfold-read-more-icon.less {
  display: inline-flex;
}

.text-unfold-read-more.expanded .text-unfold-read-more-icon.more {
  display: none;
}

/* Icon styling for both FontAwesome and SVG icons */
.text-unfold-read-more-icon i,
.text-unfold-read-more-icon svg {
  display: inline-block;
  vertical-align: middle;
}

/* Ensure FontAwesome icons are visible */
.text-unfold-read-more-icon i[class*="fa-"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fallback for FontAwesome 4 */
.text-unfold-read-more-icon i[class*="fa-"] {
  font-family: FontAwesome;
}

/* Ensure icons have proper spacing */
.text-unfold-read-more-icon {
  margin-left: 5px;
}