/* TPH62B_LOCATIONS_DESCRIPTION_CSS_CLAMP_TYPOGRAPHY
   Scope: locations.php only.
   Purpose:
   - FEATURED DESTINATION: show more supporting description.
   - EXPLORE MORE: show more supporting description, with smaller typography.
   - Strong specificity + !important intentionally outranks tph-global-font.css.
*/

/* FEATURED DESTINATION: more text, still visually secondary to the area title. */
.ta-root.ta-locations .tph46-featured-grid .tph46-card .ta-area-info p,
.ta-root.ta-locations .tph46-featured-grid .tph46-card p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    overflow:hidden!important;
    max-height:6.2em!important;
    margin-bottom:10px!important;
    font-size:12.5px!important;
    line-height:1.55!important;
    font-weight:400!important;
    color:#60747a!important;
}

/* EXPLORE MORE: more visible lines and a smaller support-text scale. */
.ta-root.ta-locations .tph46-other-grid .tph46-card .ta-area-info p,
.ta-root.ta-locations .tph46-other-grid .tph46-card p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
    overflow:hidden!important;
    max-height:7.25em!important;
    margin-bottom:10px!important;
    font-size:11px!important;
    line-height:1.45!important;
    font-weight:400!important;
    color:#687b80!important;
}

/* Fallback for the underlying legacy area-card paragraph structure used inside STEP46 cards. */
.ta-root.ta-locations .tph46-featured-grid .ta-area-info p{
    -webkit-line-clamp:4!important;
    max-height:6.2em!important;
}
.ta-root.ta-locations .tph46-other-grid .ta-area-info p{
    -webkit-line-clamp:5!important;
    max-height:7.25em!important;
    font-size:11px!important;
    line-height:1.45!important;
}

@media (max-width:767px){
    .ta-root.ta-locations .tph46-featured-grid .tph46-card .ta-area-info p,
    .ta-root.ta-locations .tph46-featured-grid .tph46-card p,
    .ta-root.ta-locations .tph46-featured-grid .ta-area-info p{
        -webkit-line-clamp:4!important;
        max-height:6em!important;
        font-size:11.5px!important;
        line-height:1.5!important;
    }

    .ta-root.ta-locations .tph46-other-grid .tph46-card .ta-area-info p,
    .ta-root.ta-locations .tph46-other-grid .tph46-card p,
    .ta-root.ta-locations .tph46-other-grid .ta-area-info p{
        -webkit-line-clamp:5!important;
        max-height:7em!important;
        font-size:10px!important;
        line-height:1.4!important;
    }
}