/* ============================================================
   Hardscape LP — scoped accent overrides.
   Loaded after backyard.css (see inc/enqueue.php $is_hs block).
   Only affects .lc-hardscape-page so other LPs are untouched.
   ============================================================ */

/* Before/After transform slider: place the BEFORE / AFTER badges
   clearly ON TOP of the images, in the upper corners, as bold pills
   so the comparison reads instantly. */
.lc-hardscape-page .lc-by-ba-demo__tag {
    top: 18px;
    bottom: auto;
    padding: 8px 18px;
    font-size: 12px;
    border-radius: 999px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.28);
}
.lc-hardscape-page .lc-by-ba-demo__tag--before {
    left: 18px;
    background: rgba(17, 17, 17, 0.66);
}
.lc-hardscape-page .lc-by-ba-demo__tag--after {
    right: 18px;
    /* brand green inherited from --lc-primary */
}

/* Keep the drag handle comfortably tappable */
.lc-hardscape-page .lc-by-ba-demo {
    border-radius: 10px;
}

/* ---- Mobile tuning for the before/after slider ---- */
@media (max-width: 640px) {
    .lc-hardscape-page .lc-by-ba-demo__tag {
        top: 10px;
        padding: 5px 12px;
        font-size: 10px;
        letter-spacing: 1.5px;
    }
    .lc-hardscape-page .lc-by-ba-demo__tag--before { left: 10px; }
    .lc-hardscape-page .lc-by-ba-demo__tag--after  { right: 10px; }
    .lc-hardscape-page .lc-by-ba-demo__handle {
        width: 40px;
        height: 40px;
    }
}