/* TPH59A_LOCATION_CARD_DESCRIPTION_3_LINES
   Keep property-card descriptions visually consistent with the homepage:
   about three lines, same rhythm across all location-page property groups.
*/
.ta-root .tph59-card-desc{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.5!important;
    min-height:4.5em!important;
    max-height:4.5em!important;
    margin:0 0 10px!important;
    color:var(--ta-muted)!important;
}

/* Featured cards are wider, but still keep the same 3-line visual allowance. */
.ta-root .ta-featured-stay .tph59-card-desc{
    -webkit-line-clamp:3!important;
    min-height:4.5em!important;
    max-height:4.5em!important;
}

/* Same-province cards need the same line count despite their horizontal layout. */
.ta-root .ta-province-body .tph59-card-desc{
    -webkit-line-clamp:3!important;
    min-height:4.5em!important;
    max-height:4.5em!important;
}

/* Mobile keeps the same 3-line principle, with no extra height beyond the clamp. */
@media (max-width:767px){
    .ta-root .tph59-card-desc{
        -webkit-line-clamp:3!important;
        min-height:4.5em!important;
        max-height:4.5em!important;
    }
}

/* TPH59B_LOCATION_CARD_TYPOGRAPHY_REFINE
   Typography-only refinement:
   - non-featured property descriptions are visibly smaller than property titles
   - selected location section headings are reduced further on mobile
   - STEP59A three-line clamp remains unchanged
*/

/* Desktop/tablet: smaller supporting copy in regular/recommended/province cards. */
.ta-root #recommended .tph59-card-desc,
.ta-root #other .tph59-card-desc,
.ta-root .ta-province-section .tph59-card-desc{
    font-size:11px!important;
    line-height:1.55!important;
    font-weight:400!important;
}

/* Mobile: make supporting copy lighter/smaller and reduce the four requested section headings. */
@media (max-width:767px){
    .ta-root #recommended .tph59-card-desc,
    .ta-root #other .tph59-card-desc,
    .ta-root .ta-province-section .tph59-card-desc{
        font-size:10.5px!important;
        line-height:1.5!important;
        font-weight:400!important;
    }

    .ta-root #featured .ta-section-heading h2,
    .ta-root #recommended .ta-section-heading h2,
    .ta-root #other .ta-section-heading h2,
    .ta-root .ta-province-section .ta-section-heading h2{
        font-size:18px!important;
        line-height:1.3!important;
        margin-top:3px!important;
        margin-bottom:2px!important;
    }
}

@media (max-width:390px){
    .ta-root #featured .ta-section-heading h2,
    .ta-root #recommended .ta-section-heading h2,
    .ta-root #other .ta-section-heading h2,
    .ta-root .ta-province-section .ta-section-heading h2{
        font-size:17px!important;
    }
}

/* TPH59C_LOCATION_EXPLORE_MOBILE_HIDE_DESC_PRICE_EMPHASIS
   1) Mobile EXPLORE STAYS: hide short description entirely.
   2) All property-card price text: stronger visual hierarchy on every viewport.
*/

/* All location-page accommodation prices: larger, bolder, green, easier to scan. */
.ta-root .ta-stay-foot > span,
.ta-root .ta-province-foot > span{
    color:#087a5c!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:800!important;
    letter-spacing:0!important;
}

/* Give featured cards a little more price emphasis without looking like another button. */
.ta-root .ta-featured-stay .ta-stay-foot > span{
    font-size:13px!important;
    font-weight:900!important;
}

/* Mobile EXPLORE STAYS only:
   hide partial description and remove the fixed 3-line space from STEP59A. */
@media (max-width:767px){
    .ta-root #other .tph59-card-desc{
        display:none!important;
        min-height:0!important;
        max-height:0!important;
        height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }

    .ta-root .ta-stay-foot > span,
    .ta-root .ta-province-foot > span{
        font-size:11.5px!important;
        line-height:1.35!important;
        font-weight:800!important;
    }

    .ta-root .ta-featured-stay .ta-stay-foot > span{
        font-size:12px!important;
        font-weight:900!important;
    }
}

/* TPH59D3_LOCATION_LABEL_PRICE_CSS_ONLY
   CSS-only follow-up after guarded PHP render-call mismatches.
   1) EXPLORE STAYS mobile price is reduced further.
   2) Non-featured "ที่พักในพื้นที่" badges are smaller on every viewport.
   3) RECOMMENDED STAYS badge is visually renamed to "ที่พักแนะนำ".
*/

/* All regular-stay badges: smaller on every viewport. */
.ta-root .ta-regular-stay .ta-stay-label{
    font-size:8.5px!important;
    line-height:1.15!important;
    padding:3px 6px!important;
    border-radius:5px!important;
}

/* Recommended section: visually replace the regular label text. */
.ta-root #recommended .ta-regular-stay .ta-stay-label{
    font-size:0!important;
}
.ta-root #recommended .ta-regular-stay .ta-stay-label::after{
    content:"ที่พักแนะนำ";
    display:inline-block;
    font-size:8.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
    color:currentColor!important;
    white-space:nowrap!important;
}

/* Mobile-only: EXPLORE STAYS price smaller again. */
@media (max-width:767px){
    .ta-root #other .ta-stay-foot > span{
        font-size:9.5px!important;
        line-height:1.2!important;
        font-weight:800!important;
    }

    .ta-root .ta-regular-stay .ta-stay-label{
        font-size:8px!important;
        padding:2px 5px!important;
    }

    .ta-root #recommended .ta-regular-stay .ta-stay-label{
        font-size:0!important;
    }
    .ta-root #recommended .ta-regular-stay .ta-stay-label::after{
        font-size:8px!important;
    }
}