/* 
   Fitnext Custom CSS Override
   Fixes text truncation on product cards while maintaining responsive design
   Add this file to wp-content/themes/fitnext/css/ folder
*/

/* Fix product card text truncation */
.project-block-two .content-box h4.title {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: visible !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    min-height: auto !important;
    padding: 10px 15px !important;
}

.project-block-two .content-box h4.title a {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: visible !important;
}

/* Adjust content box for better text display */
.project-block-two .content-box {
    min-height: 70px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Ensure the card adapts well on mobile */
@media (max-width: 768px) {
    .project-block-two .content-box h4.title {
        font-size: 14px !important;
        padding: 8px 12px !important;
    }
}

@media (max-width: 480px) {
    .project-block-two .content-box h4.title {
        font-size: 13px !important;
        padding: 6px 10px !important;
    }
}