/* Shtora.bg - common mobile hover behavior
   First tap: show hover image + "Кликни за детайли"
   Second tap: normal link click continues to ColorBox.
   Desktop hover positioning/sizing remains in the page-specific CSS.
*/

.fabric-preview-link {
    position: relative;
}

.fabric-info-label {
    display: none;
}

@media (hover: none), (pointer: coarse) {

    #lupImg,
    #lupImg2,
    #lupImg3 {
        display: block !important;
        position: absolute;
        z-index: 3002;
        margin-left: 10px;
        margin-top: 5px;
        pointer-events: none;
    }

    .fabric-preview-link.mobile-hover-open .image-hover {
        display: block !important;
    }

    .fabric-preview-link.mobile-hover-open .fabric-info-label {
        display: block !important;
        position: absolute !important;

        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: 8px !important;

        transform: translateX(-50%) !important;

        z-index: 3001 !important;

        padding: 3px 8px;

        background: #FE9E08;
        color: #FFFFFF;

        border: 0;
        border-radius: 10px;
        box-shadow: none;

        font: bold 11px Arial, Helvetica, sans-serif;
        line-height: 16px;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;

        -webkit-text-stroke: 0;
        text-shadow: none;

        pointer-events: none;
    }

    .fabric-preview-link.mobile-hover-open .fabric-info-label:after {
        display: none !important;
        content: none !important;
    }
}