/* Filename: css/latest_technical_papers.css */

.latest-technical-papers-paragraph {
  /* Adjust max-width and padding as needed to fit your layout */
  max-width: 1400px;
  margin: 5em auto; /* Center block and add vertical spacing */
  padding: 0 20px; /* Add horizontal padding */
}

.latest-technical-papers__main-title {
  font-size: 27px; /* Adjust size */
  font-weight: 600; /* Make it boldish */
  color: #4B4C57; /* Dark grey/black */
  margin-bottom: 1.0em !important;
  font-family: Poppins;
}

.latest-technical-papers__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.latest-technical-papers__item {
  display: flex;
  justify-content: space-between; /* Push title and button apart */
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0; /* Separator line */
}

.latest-technical-papers__item:first-child {
}

.latest-technical-papers__item-title {
  flex-grow: 1; /* Allow title to take available space */
  margin-right: 1.5em; /* Space between title and button */
  font-size: 16px;
  color: #000; /* Match title color? */
  line-height: 1.4;
  font-weight: 500;
}

.latest-technical-papers__item-action {
  flex-shrink: 0; /* Prevent button from shrinking */
}

.button.button--read-brochure {
  /* Style based on the green buttons in other components */
  display: inline-flex; /* Align icon and text */
  align-items: center;
  gap: 0.6em; /* Space between text and icon */
  padding: 0.7em 1.4em; /* Adjust padding */
  background-color: #95c11f; /* Match green color */
  color: #fff;
  text-decoration: none;
  border: 1px solid;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease;
  white-space: nowrap; /* Prevent button text wrapping */
}

.button.button--read-brochure:hover {
  background-color: #ffffff !important;
  border-color: #95c11f !important;
  color: #95c11f !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid;
  font-size: 16px;
}

.button--read-brochure .button__icon--arrow {
  width: 16px; /* Adjust icon size */
  height: auto;
  stroke: #fff; /* Ensure icon color is white */
  margin-left: 0.2em; /* Adjust spacing if gap isn't enough */
}

/* Responsive adjustments if needed */
@media (max-width: 600px) {
  .latest-technical-papers__item {
    flex-direction: column; /* Stack title and button */
    align-items: flex-start; /* Align items to the start */
    gap: 0.8em; /* Add space when stacked */
  }

  .latest-technical-papers__item-title {
    margin-right: 0; /* No right margin needed when stacked */
  }

  .latest-technical-papers__item-action {
    width: 100%; /* Make button take full width if desired */
    text-align: left; /* Or center */
  }

  .button.button--read-brochure {
    /* Adjust width or display if needed on mobile */
    /* display: block; */
    /* text-align: center; */
  }
}