/* EnFavori — ortak favori kaydet popover stili.
 * Liste kartı ve öğe detay sayfası bu tek dosyayı kullanır.
 */
.fav--intent{
    position:relative;
    overflow:visible;
}

.fav-intent[hidden]{
    display:none !important;
}

.fav-intent{
    position:absolute;
    right:calc(100% + 12px);
    top:0;
    bottom:auto;
    z-index:120;
    width:min(300px,calc(100vw - 32px));
    margin:0;
    padding:12px;
    border:1px solid #dce5ee;
    border-radius:14px;
    background:#fff;
    color:var(--text,#1a2233);
    box-shadow:0 18px 46px rgba(20,38,75,.18);
}

.fav-intent[data-placement="right"]{
    right:auto;
    left:calc(100% + 12px);
}

.fav-intent::after{
    content:"";
    position:absolute;
    right:-6px;
    top:18px;
    bottom:auto;
    width:11px;
    height:11px;
    border-top:1px solid #dce5ee;
    border-right:1px solid #dce5ee;
    background:#fff;
    transform:rotate(45deg);
}

.fav-intent[data-placement="right"]::after{
    right:auto;
    left:-6px;
    transform:rotate(225deg);
}

.fav-intent[data-v-placement="up"]{
    top:auto;
    bottom:0;
}

.fav-intent[data-v-placement="up"]::after{
    top:auto;
    bottom:18px;
}

.fav-intent__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
}

.fav-intent__head strong{
    display:block;
    color:var(--ink,#14264b);
    font-size:13px;
    line-height:1.25;
    font-weight:850;
}

.fav-intent__head span{
    display:block;
    margin-top:3px;
    color:var(--muted,#5b6679);
    font-size:10px;
    line-height:1.35;
}

.fav-intent__close{
    width:26px;
    height:26px;
    flex:0 0 26px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--mist,#f2f5f9);
    color:var(--ink,#14264b);
    cursor:pointer;
    font:700 17px/1 var(--font,system-ui,sans-serif);
}

.fav-intent__choices{
    display:grid;
    gap:6px;
}

.fav-intent__option{
    display:block;
    cursor:pointer;
}

.fav-intent__option input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.fav-intent__choice{
    min-height:42px;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) 18px;
    align-items:center;
    gap:8px;
    padding:7px 9px;
    border:1px solid #e0e7ee;
    border-radius:9px;
    background:#f8fafc;
    color:#42526b;
    font-size:10.5px;
    line-height:1.25;
    font-weight:800;
}

.fav-intent__icon{
    font-size:15px;
    line-height:1;
    text-align:center;
}

.fav-intent__check{
    color:var(--teal,#0f9a8a);
    opacity:0;
    font-weight:900;
    text-align:center;
}

.fav-intent__option input:checked + .fav-intent__choice{
    border-color:#73d7cc;
    background:#effcf9;
    color:#0b746b;
}

.fav-intent__option input:checked + .fav-intent__choice .fav-intent__check{
    opacity:1;
}

.fav-intent__option input:focus-visible + .fav-intent__choice{
    outline:2px solid var(--teal,#0f9a8a);
    outline-offset:2px;
}

.fav-intent__notify{
    display:grid;
    grid-template-columns:18px 22px minmax(0,1fr);
    align-items:center;
    gap:7px;
    margin-top:8px;
    padding:9px;
    border:1px solid #e4eaf0;
    border-radius:9px;
    background:#fff;
    cursor:pointer;
}

.fav-intent__notify input{
    width:16px;
    height:16px;
    margin:0;
    accent-color:var(--teal,#0f9a8a);
}

.fav-intent__notify-icon{
    font-size:14px;
    text-align:center;
}

.fav-intent__notify > span:last-child{
    display:grid;
    gap:2px;
}

.fav-intent__notify strong{
    color:var(--ink,#14264b);
    font-size:10.5px;
    line-height:1.2;
    font-weight:850;
}

.fav-intent__notify small{
    color:var(--muted,#5b6679);
    font-size:9px;
    line-height:1.3;
}

.fav-intent__actions{
    display:grid;
    gap:6px;
    margin-top:9px;
}

.fav-intent__save,
.fav-intent__remove{
    min-height:38px;
    border-radius:9px;
    cursor:pointer;
    font:850 11px/1 var(--font,system-ui,sans-serif);
}

.fav-intent__save{
    border:1px solid #14264b;
    background:#14264b;
    color:#fff;
}

.fav-intent__save:hover{
    background:#0d1d3b;
}

.fav-intent__remove{
    border:0;
    background:transparent;
    color:#a52d48;
}

.fav-intent__remove:hover{
    background:#fff5f7;
}

.fav-intent__remove[hidden]{
    display:none;
}

.fav-intent__save:disabled,
.fav-intent__remove:disabled,
.fav--intent .fav__btn:disabled{
    cursor:wait;
    opacity:.62;
}

@media(max-width:767px){
    .fav-intent,
    .fav-intent[data-placement="right"]{
        position:fixed;
        right:12px;
        left:12px;
        top:auto;
        bottom:12px;
        z-index:220;
        width:auto;
        max-height:calc(100dvh - 24px);
        overflow:auto;
        border-radius:16px;
    }

    .fav-intent::after,
    .fav-intent[data-placement="right"]::after{
        display:none;
    }
}