/* Mobile Star Icon Tooltip Behavior */

/* Mobile-specific star popup positioning */
@media (max-width: 768px) {

    /* Hide red text on mobile */
    .star-popup .red-text {
        display: none !important;
    }

    /* Override desktop hover behavior on mobile */
    .star-container:hover .star-popup {
        display: none;
    }

    /* Show popup when mobile-active class is added */
    .star-popup.mobile-active {
        display: block !important;
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
        z-index: 10000 !important;
        width: 90vw !important;
        max-width: 350px !important;
        pointer-events: auto !important;
    }

    /* Lock body scroll when tooltip is open */
    body.star-popup-open {
        overflow: hidden !important;
    }

    /* Adjust text spacing on mobile */
    .star-popup.mobile-active .white-text,
    .star-popup.mobile-active .build-name {
        font-size: 16px !important;
        line-height: 1.5 !important;
        margin: 8px 0 !important;
    }

    .star-popup.mobile-active .build-name {
        font-size: 18px !important;
        margin: 12px 0 !important;
    }
}

/* Limit width of the first attribute line (Quality) when star icon is present to prevent overlap */
@media (max-width: 768px) {
    .row-content>.right.has-star-icon>div[class^="itemName"]+.lc {
        max-width: 75%;
    }
}

/* Updated for Korean fix cache bust */