/* L26 listing detail 2026 - scout sheet. Owner: scout agent. Scope every rule under .l26; tokens only (see l26-base.css).
   "Scout this land": sticky segmented tab bar + four server-rendered panels (Land IQ, Map and parcel, Conditions,
   Price and county data). Legacy classes (Index.css, LandHuntIntel.css) are restyled here, never renamed. */

.l26 .l26-scout {
    margin: 40px 0;
}

/* moved out of the partial's inline <style> (LO-008); the legacy show-more JS toggles this class */
.l26 .price-history-hidden { display: none; }

.l26 .l26-scout .spinner-border.l26-spin {
    width: 3rem;
    height: 3rem;
    color: var(--l26-green-text);
}

/* ---------- sticky header row + segmented tablist ---------- */

.l26 .l26-scout__bar {
    position: -webkit-sticky;
    position: sticky;
    top: var(--l26-sticky-top);
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    flex-wrap: wrap;
    padding: 16px 0;
    margin-bottom: 8px;
    background: var(--l26-page);
    transition: top var(--l26-ease);
}

.l26 .l26-scout__title {
    margin: 0;
}

.l26 .l26-tabs {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    max-width: 100%;
    overflow-x: auto;
    background: var(--l26-track);
    border-radius: var(--l26-radius-seg);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.l26 .l26-tabs::-webkit-scrollbar { display: none; }

.l26 .l26-tab {
    flex-shrink: 0;
    min-height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: var(--l26-radius-sm);
    background: transparent;
    color: var(--l26-text-2);
    font-family: var(--l26-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--l26-ease), color var(--l26-ease), box-shadow var(--l26-ease);
}

.l26 .l26-tab:hover { color: var(--l26-green-dark); }

.l26 .l26-tab[aria-selected="true"] {
    background: var(--l26-surface);
    box-shadow: var(--l26-shadow-seg);
    color: var(--l26-green-dark);
}

.l26 .l26-tab:focus-visible { outline-offset: -2px; }

/* ---------- panels: inactive ones stay laid out (maps/charts never size to zero) ---------- */

.l26 .l26-scout__panels {
    position: relative;
    isolation: isolate; /* map controls / overlays stay under the sticky bar */
    overflow: hidden;
    overflow: clip;
}

.l26 .l26-scout__panel {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.l26 .l26-scout__panel:not(.is-active) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    pointer-events: none;
}

.l26 .l26-scout__panel:focus-visible {
    outline: 2px solid var(--l26-green);
    outline-offset: -2px;
    border-radius: var(--l26-radius);
}

/* legacy section wrappers (and the ones landHuntIntel.js builds) carry Bootstrap mt-4 */
.l26 .l26-scout .listing-content-block {
    margin-top: 0 !important;
}

/* ---------- shared: lock overlay (legacy .trail-cam-modal pattern) ---------- */

.l26 .l26-scout .trail-cam-modal.l26-lock {
    top: 50%;
    width: min(400px, calc(100% - 32px));
    padding: 24px !important;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius);
    background: var(--l26-surface);
    box-shadow: var(--l26-shadow-hover);
    color: var(--l26-text);
    font-family: var(--l26-font);
}

.l26 .l26-scout .l26-lock > .p-3 { padding: 0 0 8px !important; }
.l26 .l26-scout .l26-lock__icon { font-size: 22px; color: var(--l26-green-dark); }

.l26 .l26-scout .l26-lock p {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 600;
}

.l26 .l26-scout .l26-lock .cam-trail-subscribe-button,
.l26 .l26-scout .l26-iq__lock-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    height: auto;
    padding: 0 20px;
    margin: 0 !important;
    border: 1.5px solid var(--l26-green);
    border-radius: var(--l26-radius-sm);
    background: var(--l26-green);
    color: var(--l26-surface);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--l26-ease), border-color var(--l26-ease);
}

.l26 .l26-scout .l26-lock .cam-trail-subscribe-button:hover,
.l26 .l26-scout .l26-lock .cam-trail-subscribe-button:focus-visible {
    background: var(--l26-green-hover);
    border-color: var(--l26-green-hover);
    color: var(--l26-surface);
}

/* ==========================================================================
   Land IQ tab
   ========================================================================== */

.l26 .l26-iq {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.l26 .l26-iq__host:empty { display: none; }

.l26 .l26-iq__title { margin: 0 0 4px; }

.l26 .l26-iq__lede {
    margin: 0 0 24px;
    font-size: 16px;
    color: var(--l26-text-2);
}

.l26 .l26-iq__lock {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 24px;
    border-radius: var(--l26-radius);
    background: var(--l26-page);
    text-align: center;
}

.l26 .l26-iq__lock-icon { font-size: 22px; color: var(--l26-green-dark); }
.l26 .l26-iq__lock-text { margin: 0; font-size: 16px; font-weight: 600; }

.l26 .l26-iq__msg { margin: 0; }
.l26 .l26-iq__msg--pending { display: none; align-items: center; gap: 8px; font-size: 14px; color: var(--l26-text-2); }
.l26 .l26-iq__fallback.is-pending .l26-iq__msg--empty { display: none; }
.l26 .l26-iq__fallback.is-pending .l26-iq__msg--pending { display: flex; }
.l26 .l26-iq__spin { color: var(--l26-green-text); }

/* --- landHuntIntel.js Land IQ card, restyled (LandHuntIntel.css stays untouched) --- */

.l26 #l26LhiIq .lhi-card {
    margin: 0;
    padding: 32px;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius);
    background: var(--l26-surface);
    font-family: var(--l26-font);
    color: var(--l26-text);
}

.l26 #l26LhiIq .lhi-liq-head {
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 24px;
}

.l26 #l26LhiIq .lhi-liq-mark { display: none; }

.l26 #l26LhiIq .lhi-liq-overline {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--l26-green-text);
}

.l26 #l26LhiIq .lhi-liq-titlerow {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.l26 #l26LhiIq .lhi-liq-title {
    font-size: 31px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--l26-text);
}

.l26 #l26LhiIq .lhi-liq-subtitle { font-size: 16px; color: var(--l26-text-2); }

.l26 #l26LhiIq .lhi-profile { gap: 10px; }
.l26 #l26LhiIq .lhi-profile-label { font-size: 14px; color: var(--l26-text-2); }

.l26 #l26LhiIq .lhi-species {
    min-height: 44px;
    padding: 0 40px 0 14px;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius-sm);
    font-size: 16px;
    font-weight: 600;
    color: var(--l26-text);
}

.l26 #l26LhiIq .lhi-liq-body {
    grid-template-columns: 264px minmax(0, 1fr);
    gap: 32px;
    margin-top: 0;
}

.l26 #l26LhiIq .lhi-summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px;
    border: 0;
    border-radius: var(--l26-radius);
    background: var(--l26-page);
}

.l26 #l26LhiIq .lhi-ring-num {
    font-size: 49px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
}

.l26 #l26LhiIq .lhi-ring-sub {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: lowercase;
    color: var(--l26-text-2);
}

.l26 #l26LhiIq .lhi-verdict {
    margin-top: 16px;
    padding: 4px 12px;
    border-radius: var(--l26-radius-pill);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.l26 #l26LhiIq .lhi-summary-narrative {
    max-width: 32ch;
    margin: 12px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--l26-text);
}

.l26 #l26LhiIq .lhi-summary-rows {
    align-self: stretch;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--l26-border);
}

.l26 #l26LhiIq .lhi-summary-row { font-size: 14px; color: var(--l26-text-2); text-align: left; }
.l26 #l26LhiIq .lhi-summary-val { white-space: nowrap; }
.l26 #l26LhiIq .lhi-summary-val.lhi-band--strong { color: var(--l26-green-text) !important; }
.l26 #l26LhiIq .lhi-summary-val.lhi-band--moderate { color: var(--l26-band-moderate-text) !important; }
.l26 #l26LhiIq .lhi-summary-val.lhi-band--weak { color: var(--l26-orange-text) !important; }

.l26 #l26LhiIq .lhi-factors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 32px;
}

.l26 #l26LhiIq .lhi-factor-top { gap: 8px; }
.l26 #l26LhiIq .lhi-factor-name { flex: 1; gap: 8px; font-size: 16px; font-weight: 600; color: var(--l26-text); }
.l26 #l26LhiIq .lhi-factor-name > svg { display: none; }

.l26 #l26LhiIq .lhi-band-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--l26-radius-pill);
    background: var(--l26-track);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: lowercase;
}

.l26 #l26LhiIq .lhi-band-pill::first-letter { text-transform: uppercase; }

.l26 #l26LhiIq .lhi-factor-val { font-size: 20px; font-weight: 700; color: var(--l26-text); }

.l26 #l26LhiIq .lhi-liq-track {
    height: 8px;
    margin-top: 8px;
    border-radius: 4px;
    background: var(--l26-track);
}

.l26 #l26LhiIq .lhi-factor-desc { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: var(--l26-text-2); }

/* band colours: inline colours from the shared script are overridden for AA contrast */
.l26 #l26LhiIq .lhi-band--strong.lhi-band-pill,
.l26 #l26LhiIq .lhi-band--strong.lhi-verdict { background: var(--l26-success-tint); color: var(--l26-success-text) !important; }
.l26 #l26LhiIq .lhi-band--moderate.lhi-band-pill,
.l26 #l26LhiIq .lhi-band--moderate.lhi-verdict { background: var(--l26-band-moderate-tint); color: var(--l26-band-moderate-text) !important; }
.l26 #l26LhiIq .lhi-band--weak.lhi-band-pill,
.l26 #l26LhiIq .lhi-band--weak.lhi-verdict { background: var(--l26-orange-tint); color: var(--l26-orange-text) !important; }
.l26 #l26LhiIq .lhi-liq-fill.lhi-band--strong { background: var(--l26-band-strong) !important; }
.l26 #l26LhiIq .lhi-liq-fill.lhi-band--moderate { background: var(--l26-band-moderate) !important; }
.l26 #l26LhiIq .lhi-liq-fill.lhi-band--weak { background: var(--l26-band-weak) !important; }

/* score-bands legend: its own row under the factors */
.l26 #l26LhiIq .lhi-bands {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 20px;
    padding-top: 16px;
    border-top: 1px solid var(--l26-divider);
}

.l26 #l26LhiIq .lhi-bands .lhi-overline,
.l26 #l26LhiIq .lhi-overline,
.l26 #hlrbo-lhi .lhi-overline {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--l26-text-2);
}

.l26 #l26LhiIq .lhi-bands-row { gap: 8px 20px; margin-top: 0; font-size: 14px; color: var(--l26-text-2); }
.l26 #l26LhiIq .lhi-bands-row i { width: 10px; height: 10px; }

.l26 #l26LhiIq .lhi-cover-mini,
.l26 #l26LhiIq .lhi-terrain,
.l26 #l26LhiIq .lhi-foodplot { margin-top: 24px; }

.l26 #l26LhiIq .lhi-cover-dots { font-size: 14px; gap: 8px 24px; }

.l26 #l26LhiIq .lhi-jump,
.l26 #hlrbo-lhi .lhi-jump {
    min-height: 44px;
    font-size: 14px;
    font-weight: 600;
    color: var(--l26-green-dark);
}

.l26 #l26LhiIq .lhi-jump:hover { color: var(--l26-green-dark); }

.l26 #l26LhiIq .lhi-expander { margin-top: 24px; border-top: 1px solid var(--l26-divider); }

.l26 #l26LhiIq .lhi-expander-btn {
    min-height: 44px;
    padding: 12px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--l26-green-dark);
}

.l26 #l26LhiIq .lhi-chev { color: var(--l26-orange); }
.l26 #l26LhiIq .lhi-about { font-size: 14px; color: var(--l26-text-2); }
.l26 #l26LhiIq .lhi-about-link { display: inline-flex; align-items: center; min-height: 24px; font-size: 14px; font-weight: 600; color: var(--l26-green-dark); }

.l26 #l26LhiIq .lhi-terrain-chip {
    min-height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--l26-radius-pill);
    background: var(--l26-tint);
    color: var(--l26-green-dark);
    font-size: 14px;
    font-weight: 600;
}

.l26 #l26LhiIq .lhi-disclaimer { font-size: 12px; color: var(--l26-text-2); }

.l26 #l26LhiIq .lhi-foodplot {
    padding: 16px 20px;
    border: 0;
    border-radius: var(--l26-radius);
    background: var(--l26-page);
}

.l26 #l26LhiIq .lhi-foodplot-title { font-size: 20px; font-weight: 700; }
.l26 #l26LhiIq .lhi-foodplot-badge { background: var(--l26-tint); color: var(--l26-green-dark); font-size: 12px; }
.l26 #l26LhiIq .lhi-liq-sub,
.l26 #l26LhiIq .lhi-foodplot-best { font-size: 14px; }

/* mapped parcel without a score: the fallback message stays; LHI's duplicate header goes */
.l26 #l26LhiIq.l26-iq__host--noscore .lhi-liq-head { display: none; }

/* ==========================================================================
   Map and parcel tab
   ========================================================================== */

/* request link: an outlined button, both in the legacy Location card and once LHI moves it into its header */
.l26 .l26-scout .l26-map__req,
.l26 .l26-scout .lhi-reqaddr {
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border: 1.5px solid var(--l26-green);
    border-radius: var(--l26-radius-sm);
    background: var(--l26-surface);
    color: var(--l26-green-dark);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--l26-ease);
}

.l26 .l26-scout .l26-map__req:hover,
.l26 .l26-scout .lhi-reqaddr:hover,
.l26 .l26-scout .l26-map__req:focus-visible,
.l26 .l26-scout .lhi-reqaddr:focus-visible {
    background: var(--l26-green-tint);
    border-color: var(--l26-green-dark);
    color: var(--l26-green-dark);
}

/* legacy Location card (the tab content when Land & Hunt Intel is unavailable) */
.l26 .l26-map__legacy--superseded { display: none !important; }

.l26 .l26-map__card { display: block; }
.l26 .l26-map__headrow { margin: 0; }
.l26 .l26-map__headrow > [class*="col-"] { padding: 0; }
.l26 .l26-map__card .location-container-label { margin: 0; }

.l26 .l26-map__addr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    font-size: 16px;
    color: var(--l26-text-2);
}

.l26 .l26-map__frame {
    overflow: hidden;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius);
}

/* CustomHLRBO.css pins #map to 400px !important */
.l26 .l26-scout #map.listingMap {
    height: 420px !important;
    min-height: 0;
    border-radius: 0;
}

.l26 .l26-scout #mapLoader { height: 420px; min-height: 0; background: var(--l26-track); }

.l26 .l26-map__frame .upgrade-plan-button-wrapper {
    right: 12px;
    bottom: 12px;
}

.l26 .l26-map__upgrade {
    padding: 0 !important;
    border: 1.5px solid var(--l26-green);
    border-radius: var(--l26-radius-sm);
    background: var(--l26-surface);
    box-shadow: var(--l26-shadow-hover);
}

.l26 .l26-map__upgrade a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 16px;
    color: var(--l26-green-dark);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/* --- landHuntIntel.js "Land & Hunt Intel" card, restyled --- */

.l26 #hlrbo-lhi .lhi-card {
    margin: 0;
    padding: 32px;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius);
    background: var(--l26-surface);
    font-family: var(--l26-font);
    color: var(--l26-text);
}

.l26 #hlrbo-lhi .lhi-intel-head { gap: 12px 16px; margin-bottom: 20px; }

.l26 #hlrbo-lhi .lhi-intel-h {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--l26-text);
}

.l26 #hlrbo-lhi .lhi-map-grid {
    grid-template-columns: minmax(0, 1fr) 280px;
    margin-top: 0;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius);
}

.l26 #hlrbo-lhi .lhi-map-wrap { min-height: 420px; background: var(--l26-green-dark); }

.l26 #hlrbo-lhi .lhi-rail { padding: 20px; background: var(--l26-green-dark); }
.l26 #hlrbo-lhi .lhi-rail-h { font-size: 16px; font-weight: 700; }
.l26 #hlrbo-lhi .lhi-rail-card { display: flex; align-items: center; min-height: 40px; padding: 0 12px; margin-bottom: 6px; }
.l26 #hlrbo-lhi .lhi-rail-card-top { flex: 1; align-items: center; }
.l26 #hlrbo-lhi .lhi-rail-owner { font-size: 14px; font-weight: 600; }
.l26 #hlrbo-lhi .lhi-rail-acres { font-size: 14px; }
.l26 #hlrbo-lhi .lhi-rail-note { margin-top: 16px; font-size: 12px; }

.l26 #hlrbo-lhi .lhi-pill {
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 700;
    box-shadow: var(--l26-shadow-seg);
}

.l26 #hlrbo-lhi .lhi-pill.is-active { background: var(--l26-green); color: var(--l26-surface); }

.l26 #hlrbo-lhi .lhi-tools { bottom: 36px; }

.l26 #hlrbo-lhi .lhi-tool {
    min-height: 32px;
    padding: 0 12px;
    border-radius: var(--l26-radius-sm);
    color: var(--l26-text);
    font-size: 12px;
    font-weight: 600;
}

.l26 #hlrbo-lhi .lhi-tool:hover { color: var(--l26-green-dark); }
.l26 #hlrbo-lhi .lhi-tool.is-active { background: var(--l26-green); color: var(--l26-surface); }

.l26 #hlrbo-lhi .lhi-facts {
    margin: 16px 0 24px;
    border-radius: var(--l26-radius);
}

.l26 #hlrbo-lhi .lhi-fact { min-width: 0; padding: 14px 16px; }

.l26 #hlrbo-lhi .lhi-fact-label {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--l26-text-2);
}

.l26 #hlrbo-lhi .lhi-fact-value {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.l26 #hlrbo-lhi .lhi-mono { font-size: 14px; }
.l26 #hlrbo-lhi .lhi-groundcover { margin-top: 0; }
.l26 #hlrbo-lhi .lhi-cover-line { font-size: 14px; color: var(--l26-text-2); }
.l26 #hlrbo-lhi .lhi-cover-row-name { font-size: 14px; }
.l26 #hlrbo-lhi .lhi-cover-row-track { background: var(--l26-track); }
.l26 #hlrbo-lhi .lhi-cover-row-pct { color: var(--l26-text-2); }

/* ==========================================================================
   Conditions tab
   ========================================================================== */

.l26 .l26-cond__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-bottom: 16px;
}

.l26 .l26-cond__title { margin: 0; }

.l26 .l26-cond__tabs {
    display: flex;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

.l26 .l26-cond__tabs::-webkit-scrollbar { display: none; }

.l26 .l26-cond__tab {
    flex-shrink: 0;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius-pill);
    background: var(--l26-surface);
    color: var(--l26-text);
    font-family: var(--l26-font);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--l26-ease), border-color var(--l26-ease), color var(--l26-ease);
}

.l26 .l26-cond__tab:hover { border-color: var(--l26-green-dark); }

.l26 .l26-cond__tab[aria-selected="true"] {
    border-color: var(--l26-green-dark);
    background: var(--l26-green-dark);
    color: var(--l26-surface);
}

.l26 .l26-cond__gate--locked { min-height: 320px; }

/* current conditions: 1.6fr / 1fr */
.l26 .l26-cond__now {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.l26 .l26-cond .l26-cond__current.weather-conditions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    min-width: 0;
    padding: 20px 24px;
    border-radius: var(--l26-radius);
    background: var(--l26-page);
}

.l26 .l26-cond .l26-cond__temp.weather-icons {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 16px;
}

.l26 .l26-cond__icon img { display: block; width: 56px; height: 56px; }
.l26 .l26-cond__icon img:not([src]) { visibility: hidden; }

.l26 .l26-cond .l26-cond__where { font-size: 14px; font-weight: 400; color: var(--l26-text-2); }

.l26 .l26-cond .l26-cond__deg {
    font-size: 49px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    white-space: nowrap;
}

.l26 .l26-cond .l26-cond__stats {
    flex: 1 1 180px;
    min-width: 180px;
    margin: 0;
    font-size: 14px;
}

.l26 .l26-cond .l26-cond__stat {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px solid var(--l26-border);
}

.l26 .l26-cond .l26-cond__stat:last-child { border-bottom: 0; }
.l26 .l26-cond .l26-cond__stat dt { font-size: 14px; font-weight: 400; color: var(--l26-text-2); }
.l26 .l26-cond .l26-cond__stat dd { margin: 0; font-size: 14px; font-weight: 600; color: var(--l26-text); }

.l26 .l26-cond .l26-cond__hunt.hunting-conditions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 20px 24px;
    border-radius: var(--l26-radius);
    background: var(--l26-tint);
}

.l26 .l26-cond .l26-cond__date {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l26-green-dark);
}

.l26 .l26-cond .l26-cond__k { font-size: 14px; font-weight: 400; color: var(--l26-text-2); }
.l26 .l26-cond .l26-cond__v { font-size: 20px; font-weight: 600; color: var(--l26-text); }
.l26 .l26-cond .l26-cond__moon-block .l26-cond__v { font-size: 16px; }

/* forecast: Temperature / Precipitation / Wind segmented toggle (legacy Bootstrap pills) */
.l26 .l26-cond__metric-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.l26 .l26-cond .l26-cond__metrics,
.l26 .l26-county .l26-county__nav {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 4px;
    max-width: 100%;
    margin: 0;
    padding: 4px;
    overflow-x: auto;
    list-style: none;
    border-radius: var(--l26-radius-sm);
    background: var(--l26-track);
    scrollbar-width: none;
}

.l26 .l26-cond .l26-cond__metrics .weather-tab-link,
.l26 .l26-county .l26-county__nav .data-tab-link {
    min-height: 44px;
    height: auto;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--l26-text-2);
    font-family: var(--l26-font);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--l26-ease), color var(--l26-ease), box-shadow var(--l26-ease);
}

.l26 .l26-cond .l26-cond__metrics .weather-tab-link.active,
.l26 .l26-county .l26-county__nav .data-tab-link.active {
    border: 0;
    background: var(--l26-surface);
    box-shadow: var(--l26-shadow-seg);
    color: var(--l26-text);
}

.l26 .l26-cond__charts { margin-bottom: 8px; }
.l26 .l26-cond .l26-cond__chart { position: relative; height: 240px; }

.l26 .l26-cond__fc-title { margin: 24px 0 8px; }
.l26 .l26-cond__fc-title:has(+ .l26-cond__forecast:empty) { display: none; }

.l26 .l26-cond #windForecast,
.l26 .l26-cond #genericForecast { overflow-x: auto; }
.l26 .l26-cond #genericForecast { padding: 8px 0; border-radius: var(--l26-radius); background: var(--l26-page); }

.l26 .l26-cond #windForecast .table,
.l26 .l26-cond #genericForecast .table {
    margin: 0;
    font-size: 14px;
    color: var(--l26-text);
}

.l26 .l26-cond #windForecast .table td,
.l26 .l26-cond #genericForecast .table td {
    padding: 8px;
    border: 0;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
}

.l26 .l26-cond #windForecast h6,
.l26 .l26-cond #genericForecast h6 { margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--l26-text); }

/* nearby: rows of name / type + address / distance */
.l26 .l26-cond__legacy-pills { display: none; }

.l26 .l26-cond__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.l26 .l26-cond .l26-cond__row.nearby-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid var(--l26-divider);
    border-radius: 0;
    background: transparent;
}

.l26 .l26-cond__row-main { min-width: 0; }
.l26 .l26-cond .l26-cond__name { font-size: 16px; font-weight: 600; color: var(--l26-text); }
.l26 .l26-cond .l26-cond__row .nearby-item-details-address { font-size: 14px; font-weight: 400; color: var(--l26-text-2); }

.l26 .l26-cond .l26-cond__dist {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--l26-green-dark);
    white-space: nowrap;
}

.l26 .l26-cond__nearby .tab-pane > .l26-empty { margin: 16px 0 0; }

/* ==========================================================================
   Price and county data tab
   ========================================================================== */

.l26 .l26-ph__head { margin-bottom: 16px; }
.l26 .l26-ph__head .l26-h2 { margin: 0 0 4px; }
.l26 .l26-ph__summary { margin: 0; font-size: 16px; color: var(--l26-text-2); }
.l26 .l26-ph__body--locked { min-height: 300px; }

.l26 .l26-ph__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.l26 .l26-ph .l26-ph__table {
    width: 100%;
    min-width: 520px;
    margin: 0;
    border-collapse: collapse;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
    color: var(--l26-text);
    vertical-align: middle;
}

.l26 .l26-ph .l26-ph__table > :not(caption) > * > * {
    padding: 14px 16px;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--l26-text);
}

.l26 .l26-ph .l26-ph__table > thead > tr > th {
    padding: 0 16px 10px;
    border-bottom: 1px solid var(--l26-border);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: left;
    color: var(--l26-text-2);
    white-space: nowrap;
}

.l26 .l26-ph .l26-ph__table > tbody > tr:nth-child(even) > td { background-color: var(--l26-zebra); }
.l26 .l26-ph .l26-ph__table > thead > tr > th.l26-ph__num,
.l26 .l26-ph .l26-ph__table > tbody > tr > td.l26-ph__num { text-align: right; }
.l26 .l26-ph .l26-ph__date { white-space: nowrap; }
.l26 .l26-ph__price { display: block; font-weight: 600; white-space: nowrap; }
.l26 .l26-ph__sub { display: block; font-size: 14px; color: var(--l26-text-2); white-space: nowrap; }
.l26 .l26-ph__sub:empty { display: none; }

.l26 .l26-ph .l26-ph__chg.l26-badge {
    height: 26px;
    padding: 0 10px;
    border-radius: var(--l26-radius-pill);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.l26 .l26-ph__more { margin-top: 8px; text-align: right; }

.l26 .l26-ph .listingPricingExpansion {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 4px;
    border: 0;
    letter-spacing: 0;
    text-transform: none;
    font-family: var(--l26-font);
    font-size: 14px;
    font-weight: 600;
    color: var(--l26-green-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.l26 .l26-ph .listingPricingExpansion:hover { color: var(--l26-green-text); }

/* County data (legacy Data widget) */
.l26 .l26-county__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-bottom: 16px;
}

.l26 .l26-county__head .l26-h2 { margin: 0 0 4px; }
.l26 .l26-county__lede { margin: 0; font-size: 16px; color: var(--l26-text-2); }

.l26 .l26-county .county-dropdown-label { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--l26-text-2); }

.l26 .l26-county .county-dropdown {
    min-height: 44px;
    padding: 0 12px;
    border: 1px solid var(--l26-border);
    border-radius: var(--l26-radius-sm);
    background-color: var(--l26-surface);
    font-size: 16px;
    color: var(--l26-text);
}

.l26 .l26-county__body { position: relative; margin: 0; }
.l26 .l26-county__body > .container-fluid { padding: 0; }
.l26 .l26-county__nav { margin-bottom: 16px !important; }
.l26 .l26-county__chart { position: relative; height: 280px; }

.l26 .l26-county__table { width: 100%; font-size: 16px; }
.l26 .l26-county__table td { padding: 0; vertical-align: top; }
.l26 .l26-county__table td:last-child p { font-weight: 600; color: var(--l26-text) !important; }

/* listingDetails.js showNoData() swaps a graph for <div class="text-muted p-3">No data available</div> */
.l26 .l26-county #graphViewWildlifeContainer > .text-muted,
.l26 .l26-county #graphViewContainer > .text-muted {
    width: calc(100% - var(--bs-gutter-x, 1.5rem)); /* it is a .row > * child (width:100%) */
    margin: 0 calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    padding: 14px 16px !important;
    border: 1px dashed var(--l26-border);
    border-radius: var(--l26-radius-sm);
    font-size: 14px;
    color: var(--l26-text-2) !important;
}

.l26 .l26-county__lede--empty { margin: 0 0 16px; }

.l26 .l26-county__tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.l26 .l26-county__tile {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-radius: var(--l26-radius-sm);
    background: var(--l26-page);
}

.l26 .l26-county__tile-name { font-size: 16px; font-weight: 600; }

.l26 .l26-county.is-empty .l26-county__lede:not(.l26-county__lede--empty) { display: none; }

.l26 .l26-scout .l26-lock--county {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* Index.css (max-width: 767px) hides the blurred content and puts the lock card in flow: drop the overlay room */
@media (max-width: 767px) {
    .l26 .l26-cond__gate--locked,
    .l26 .l26-ph__body--locked { min-height: 0; }
}

@media (max-width: 1079px) {
    .l26 #l26LhiIq .lhi-liq-body { grid-template-columns: 200px minmax(0, 1fr); gap: 24px; }
    .l26 #hlrbo-lhi .lhi-map-grid { grid-template-columns: minmax(0, 1fr) 240px; }
}

@media (max-width: 899px) {
    .l26 #hlrbo-lhi .lhi-map-grid { grid-template-columns: minmax(0, 1fr); }
    .l26 #hlrbo-lhi .lhi-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 759px) {
    .l26 .l26-scout { margin: 32px 0; }
    .l26 .l26-scout__bar { padding: 12px 0; }
    .l26 .l26-tabs { width: 100%; }

    .l26 #l26LhiIq .lhi-card,
    .l26 #hlrbo-lhi .lhi-card { padding: 20px 16px; }
    .l26 #l26LhiIq .lhi-liq-head { flex-direction: column; align-items: flex-start; }
    .l26 #l26LhiIq .lhi-liq-title { font-size: 31px; }
    .l26 #l26LhiIq .lhi-liq-body { grid-template-columns: minmax(0, 1fr); }
    .l26 #l26LhiIq .lhi-factors { grid-template-columns: minmax(0, 1fr); }

    .l26 .l26-scout #map.listingMap { height: 320px !important; }
    .l26 .l26-scout #mapLoader { height: 320px; min-height: 0 !important; }
    .l26 #hlrbo-lhi .lhi-map-wrap { min-height: 320px; }
    .l26 #hlrbo-lhi .lhi-facts { grid-template-columns: minmax(0, 1fr); }
    .l26 .l26-map__addr { align-items: flex-start; }

    .l26 .l26-cond__now { grid-template-columns: minmax(0, 1fr); }
    .l26 #l26LhiIq .lhi-foodplot { flex-direction: column; align-items: flex-start; gap: 12px; }
    .l26 #l26LhiIq .lhi-foodplot-title { flex-wrap: wrap; }
    .l26 .l26-county__tiles { grid-template-columns: minmax(0, 1fr); }
    .l26 .l26-county .l26-county__nav { display: flex; width: 100%; }
    .l26 .l26-county .l26-county__nav .nav-item { flex: 1 1 0; min-width: 0; }
    .l26 .l26-county .l26-county__nav .data-tab-link { width: 100%; padding: 4px 6px; white-space: normal; line-height: 1.2; }
    .l26 .l26-cond .l26-cond__deg { font-size: 39px; }
    .l26 .l26-cond .l26-cond__chart { height: 200px; }
    .l26 .l26-county__chart { height: 240px; }
}