/* ========================================
   Property Type Ribbons - Diagonal Corner Banners
   ======================================== */

/* Base styles for ribbon containers */
.property-ribbon-wrapper {
    position: relative;
    overflow: hidden;
}

    /* Diagonal ribbon - top left corner */
    .property-ribbon-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        height: 80px;
        background: transparent;
        z-index: 10;
        pointer-events: none;
    }

    /* B&B Ribbon - Green */
    .property-ribbon-wrapper.bbi-type-bb::before {
        background: linear-gradient(135deg, #107F4A 0%, #107F4A 50%, transparent 50%);
    }

    /* Guesthouse Ribbon - Blue */
    .property-ribbon-wrapper.bbi-type-guesthouse::before {
        background: linear-gradient(135deg, #1E90FF 0%, #1E90FF 50%, transparent 50%);
    }

/* Search Results - Apply to image containers */
.top-img {
    position: relative;
    overflow: hidden;
}

    .top-img.bbi-type-bb::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #107F4A 0%, #107F4A 50%, transparent 50%);
        z-index: 10;
        pointer-events: none;
    }

    .top-img.bbi-type-guesthouse::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #1E90FF 0%, #1E90FF 50%, transparent 50%);
        z-index: 10;
        pointer-events: none;
    }

/* BxSlider Main Gallery - Apply to list items */
.bxslider li {
    position: relative;
}

    .bxslider li.bbi-type-bb::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background: linear-gradient(135deg, #107F4A 0%, #107F4A 50%, transparent 50%);
        z-index: 10;
        pointer-events: none;
    }

    .bxslider li.bbi-type-guesthouse::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background: linear-gradient(135deg, #1E90FF 0%, #1E90FF 50%, transparent 50%);
        z-index: 10;
        pointer-events: none;
    }

/* BxSlider Thumbnails - Apply to pager links */
#bx-pager a {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    #bx-pager a.bbi-type-bb::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #107F4A 0%, #107F4A 50%, transparent 50%);
        z-index: 10;
        pointer-events: none;
    }

    #bx-pager a.bbi-type-guesthouse::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: linear-gradient(135deg, #1E90FF 0%, #1E90FF 50%, transparent 50%);
        z-index: 10;
        pointer-events: none;
    }