/*
 * BestPropertyPlug — Developer Card View Details V9.6.1 Hotfix
 * Adds a premium "View Details" pill to:
 * - Featured Development cards
 * - Available Unit cards
 */

.bpp54-developer #featured-developments .bpp54-development-card .media,
.bpp54-developer #available-units .bpp54-property-card .media {
    position: relative !important;
}

.bpp54-developer .bpp-dev-card-details-label-v961 {
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    z-index: 8 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 34px !important;
    padding: 8px 12px !important;

    border: 1px solid rgba(255,255,255,.80) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.95) !important;
    color: #087848 !important;

    font: inherit !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;

    box-shadow: 0 7px 20px rgba(8,44,30,.16) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    transition:
        transform .18s ease,
        background-color .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}

.bpp54-developer .bpp-dev-card-details-label-v961::after {
    content: "→" !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}

.bpp54-developer #featured-developments .bpp54-development-card .media:hover .bpp-dev-card-details-label-v961,
.bpp54-developer #available-units .bpp54-property-card .media:hover .bpp-dev-card-details-label-v961 {
    background: #079455 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(7,148,85,.23) !important;
}

.bpp54-developer #featured-developments .bpp54-development-card .media:hover .bpp-dev-card-details-label-v961::after,
.bpp54-developer #available-units .bpp54-property-card .media:hover .bpp-dev-card-details-label-v961::after {
    transform: translateX(2px) !important;
}

/* Existing top badges stay above the image CTA. */
.bpp54-developer #featured-developments .bpp54-development-card .status,
.bpp54-developer #featured-developments .bpp54-development-card .featured,
.bpp54-developer #available-units .bpp54-property-card .status {
    z-index: 9 !important;
}

@media (hover: hover) and (pointer: fine) {
    .bpp54-developer #featured-developments .bpp54-development-card,
    .bpp54-developer #available-units .bpp54-property-card {
        transition:
            transform .18s ease,
            box-shadow .18s ease,
            border-color .18s ease !important;
    }

    .bpp54-developer #featured-developments .bpp54-development-card:hover,
    .bpp54-developer #available-units .bpp54-property-card:hover {
        transform: translateY(-2px) !important;
        border-color: #cfe6d9 !important;
        box-shadow: 0 12px 28px rgba(10,62,42,.09) !important;
    }
}

@media (max-width: 767px) {
    .bpp54-developer .bpp-dev-card-details-label-v961 {
        right: 10px !important;
        bottom: 10px !important;
        min-height: 36px !important;
        padding: 9px 12px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 390px) {
    .bpp54-developer .bpp-dev-card-details-label-v961 {
        min-height: 34px !important;
        padding: 8px 11px !important;
        font-size: 10.5px !important;
    }
}