/*
    card-height.css
    This stylesheet ensures that card containers and their content (titles and descriptions)
    display their full text without truncation or unnecessary height constraints.
    It is used to improve readability and maintain consistent card layouts across sections.
*/

/* Core card container styles */
.card-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Remove truncation and min-height for section titles */
.why-pazar h3.text-lg,
.product-category h3.text-xl,
.recipe-section h3.text-xl,
.recipe-section h4.text-sm,
.vacancies-section .vacancy-item h3.text-xl {
  min-height: auto;           /* Remove any min-height constraints */
  line-clamp: unset;          /* Remove text truncation (multi-line ellipsis) - standard */
  -webkit-line-clamp: unset;  /* Remove text truncation (multi-line ellipsis) - webkit */
  align-items: flex-start;    /* Keep vertical alignment at the top */
  overflow: visible;          /* Ensure full text is visible */
}

/* Remove truncation and min-height for descriptions */
.why-pazar p.text-sm,
.product-category p.text-gray-600,
.product-section p.text-gray-600 {
  min-height: auto;           /* Remove any min-height constraints */
  line-clamp: unset;          /* Remove text truncation (multi-line ellipsis) - standard */
  -webkit-line-clamp: unset;  /* Remove text truncation (multi-line ellipsis) - webkit */
  align-items: flex-start;    /* Keep vertical alignment at the top */
  overflow: visible;          /* Ensure full text is visible */
}