/* Public land-price page. Scoped under .land-price-page to avoid theme bleed. */
.land-price-page { max-width: 1140px; }
.land-price-page .lp-title {
    font-size: 1.5rem;
    line-height: 1.35;
    font-weight: 700;
    margin: .5rem 0 1rem;
}
.land-price-page .lp-breadcrumb .breadcrumb {
    background: #f6f7f9;
    padding: .5rem .9rem;
    border-radius: .35rem;
    font-size: .85rem;
}
.land-price-page .lp-filters {
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: .5rem;
    padding: 1rem 1rem .25rem;
    margin-bottom: 1rem;
}
.land-price-page .lp-filters label {
    font-size: .8rem;
    font-weight: 600;
    color: #444;
    margin-bottom: .25rem;
}
.land-price-page .lp-actions {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1rem;
}
/* Align Select2 single-select height/border with Bootstrap .form-control. */
.land-price-page .select2-container--default .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
    border-color: #ced4da;
    border-radius: .375rem;
}
.land-price-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + .75rem);
    padding-left: .75rem;
    color: #212529;
}
.land-price-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem);
}
.land-price-page .select2-container { width: 100% !important; }
.land-price-page .lp-result-meta {
    margin: .25rem 0 .75rem;
    color: #555;
    font-size: .9rem;
}
.land-price-page .lp-table {
    font-size: .88rem;
    background: #fff;
    margin-bottom: 1rem;
}
.land-price-page .lp-table thead th {
    background: #1f6feb;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    border-color: #1a5fcc;
    font-weight: 600;
}
.land-price-page .lp-table td { vertical-align: middle; }
.land-price-page .lp-table .lp-price {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.land-price-page .lp-table .lp-segment,
.land-price-page .lp-table .lp-type-group {
    font-size: .78rem;
    color: #777;
    margin-top: 2px;
}
.land-price-page .lp-table tr.lp-overridden td:first-child {
    border-left: 3px solid #f0ad4e;
}
.land-price-page .lp-pagination .pagination { margin-top: .5rem; }
.land-price-page .lp-back { margin-top: 1rem; }

/* Crawlable internal-link block: all other wards in 4 columns. */
.land-price-page .lp-ward-links {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e6e8eb;
}
.land-price-page .lp-ward-links-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: .85rem;
}
.land-price-page .lp-ward-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 4;
    column-gap: 1.5rem;
}
.land-price-page .lp-ward-links-list li {
    margin-bottom: .4rem;
    break-inside: avoid;
    font-size: .86rem;
}
@media (max-width: 991.98px) { .land-price-page .lp-ward-links-list { column-count: 2; } }
@media (max-width: 575.98px) { .land-price-page .lp-ward-links-list { column-count: 1; } }

/* Horizontal-scroll table: real column min-widths so narrow screens scroll
   cleanly instead of squeezing long text (Tên đường, Loại đất) into clumped
   multi-line cells. */
.land-price-page .lp-table-wrap {
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e6e8eb;
    border-radius: .5rem;
    margin-bottom: 1rem;
}
.land-price-page .lp-table { margin-bottom: 0; }
.land-price-page .lp-table th,
.land-price-page .lp-table td { white-space: nowrap; }
/* Text-heavy columns: allow wrapping but keep a readable min-width. */
.land-price-page .lp-table tbody td:nth-child(1) { min-width: 120px; }            /* Khu vực */
.land-price-page .lp-table tbody td:nth-child(2),
.land-price-page .lp-table tbody td:nth-child(3) { white-space: normal; min-width: 200px; } /* Tên đường, Loại đất */
.land-price-page .lp-table tbody td:nth-child(n+4) { min-width: 96px; }           /* VT1..4 */
.land-price-page .lp-table .lp-segment,
.land-price-page .lp-table .lp-type-group { white-space: normal; }

@media (max-width: 767.98px) {
    .land-price-page .lp-title { font-size: 1.2rem; }
    .land-price-page .lp-table { font-size: .82rem; }
    /* Tighter on phones; columns still readable thanks to min-widths + scroll. */
    .land-price-page .lp-table th,
    .land-price-page .lp-table td { padding: .4rem .5rem; }
}