/* =========================================================
   SITEFIX_VIEW_HOVER_20260523
   Anasayfa ilan kartı hover görüntülenme rozeti.
   Mevcut premium kart CSS yapısını ezmeden, sadece yeni
   .sitefix-* sınıflarıyla çalışır.
   ========================================================= */

.sitefix-view-hover-card,
.premium-ad-card.sitefix-view-hover-card {
    position: relative !important;
}

.sitefix-view-hover-card .premium-ad-image,
.premium-ad-card.sitefix-view-hover-card .premium-ad-image {
    position: relative !important;
    overflow: hidden !important;
}

.sitefix-view-hover-badge {
    position: absolute !important;
    left: 50% !important;
    bottom: 14px !important;
    z-index: 35 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    max-width: calc(100% - 24px) !important;
    min-height: 34px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #e91e63 0%, #ff6b9a 52%, #ff9f1c 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 28px rgba(233, 30, 99, .28), 0 6px 14px rgba(255, 159, 28, .18) !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-50%) translateY(12px) scale(.96) !important;
    transition: opacity .22s ease, visibility .22s ease, transform .22s ease !important;
}

.sitefix-view-hover-badge strong {
    color: #ffffff !important;
    font-weight: 950 !important;
}

.sitefix-view-hover-icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.18) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

@media (hover: hover) and (pointer: fine) {
    .sitefix-view-hover-card:hover .sitefix-view-hover-badge,
    .sitefix-view-hover-card .premium-ad-image:hover .sitefix-view-hover-badge {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateX(-50%) translateY(0) scale(1) !important;
    }

    .sitefix-view-hover-card:hover .premium-ad-band {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(8px) !important;
    }
}

@media (max-width: 768px), (hover: none) {
    .sitefix-view-hover-badge {
        display: none !important;
    }
}