/* İlan Şehri V7.4.0 R5 — Karşılaştır rozeti global kart düzeltmesi */

/*
 * Rozet artık kartın alt kısmında içeriklerin üzerine binmez.
 * Kartın görsel alanındaki sol üst köşede, favori düğmesinden uzakta durur.
 */
.compare-v737-button{
    top:10px!important;
    bottom:auto!important;
    left:10px!important;
    right:auto!important;
    z-index:8!important;

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

    width:auto!important;
    min-width:0!important;
    min-height:28px!important;
    height:28px!important;
    margin:0!important;
    padding:0 9px!important;

    border:1px solid rgba(255,255,255,.88)!important;
    border-radius:999px!important;
    background:rgba(17,24,39,.76)!important;
    box-shadow:0 4px 12px rgba(16,24,40,.18)!important;
    color:#fff!important;

    font-size:7.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    white-space:nowrap!important;

    cursor:pointer!important;
    transform:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    transition:
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease!important;
}

.compare-v737-button:hover{
    top:10px!important;
    transform:none!important;
    background:rgba(17,24,39,.90)!important;
    box-shadow:0 5px 15px rgba(16,24,40,.23)!important;
}

.compare-v737-button.active{
    border-color:#ff6b00!important;
    background:#ff6b00!important;
    color:#fff!important;
}

.compare-v737-button:focus-visible{
    outline:3px solid rgba(255,107,0,.25)!important;
    outline-offset:2px!important;
}

/*
 * Kart üstündeki diğer butonların tıklanabilirliği korunur.
 */
.listing-card,
.market-card,
.home-listing-card,
.seller-store-listing-card,
.favorite-listing-card{
    isolation:isolate;
}

/*
 * Dar kartlarda rozet ilan görselini kaplamasın.
 */
@media(max-width:760px){
    .compare-v737-button{
        top:8px!important;
        left:8px!important;
        height:26px!important;
        min-height:26px!important;
        padding:0 8px!important;
        gap:4px!important;
        font-size:7px!important;
        box-shadow:0 3px 9px rgba(16,24,40,.18)!important;
    }
}

/*
 * Çok dar telefonlarda metin yine görünür fakat rozet daha sıkıdır.
 */
@media(max-width:390px){
    .compare-v737-button{
        max-width:102px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
}