/**
 * MinikKulaklar - Push Notification Prompt CSS
 * Dosya: /assets/css/push-ui.css
 */

#mk-push-prompt {
    position: fixed;
    bottom: -200px;          /* Baslangicta ekranin disinda */
    left: 50%;
    transform: translateX(-50%);
    width: 360px;
    max-width: calc(100vw - 2rem);
    z-index: 9999;
    transition: bottom 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-family: 'Nunito', 'Arial', sans-serif;
}

#mk-push-prompt.mk-pp-visible {
    bottom: 1.5rem;
}

.mk-pp-inner {
    background: #ffffff;
    border-radius: 24px;
    padding: 1.5rem 1.5rem 1.2rem;
    box-shadow: 0 20px 60px rgba(40, 20, 80, 0.22), 0 4px 20px rgba(109, 74, 255, 0.15);
    border: 1.5px solid rgba(109, 74, 255, 0.12);
    position: relative;
}

.mk-pp-close {
    position: absolute;
    top: .8rem;
    right: .8rem;
    background: none;
    border: none;
    cursor: pointer;
    color: #bbb;
    font-size: 1rem;
    line-height: 1;
    padding: .2rem .4rem;
    border-radius: 999px;
    transition: background .2s, color .2s;
}
.mk-pp-close:hover {
    background: #f5f3ff;
    color: #6d4aff;
}

.mk-pp-icon {
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: .6rem;
    animation: mk-bell-shake 1s ease 0.8s 2;
}

@keyframes mk-bell-shake {
    0%,100% { transform: rotate(0deg); }
    20%      { transform: rotate(-12deg); }
    40%      { transform: rotate(12deg); }
    60%      { transform: rotate(-8deg); }
    80%      { transform: rotate(8deg); }
}

.mk-pp-title {
    font-size: 1.05rem;
    font-weight: 900;
    color: #2b1d6e;
    text-align: center;
    margin-bottom: .5rem;
}

.mk-pp-body {
    font-size: .875rem;
    color: #5a4a8a;
    text-align: center;
    line-height: 1.55;
    margin-bottom: 1.1rem;
}

.mk-pp-actions {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.mk-pp-btn {
    border: none;
    border-radius: 999px;
    padding: .75rem 1.2rem;
    font-size: .92rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    font-family: inherit;
}

.mk-pp-btn:active {
    transform: scale(0.97);
}

.mk-pp-yes {
    background: linear-gradient(135deg, #6d4aff, #ff6bb3);
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(109, 74, 255, 0.35);
}
.mk-pp-yes:hover {
    box-shadow: 0 8px 28px rgba(109, 74, 255, 0.45);
    transform: translateY(-1px);
}

.mk-pp-no {
    background: #f5f3ff;
    color: #7c6fa0;
}
.mk-pp-no:hover {
    background: #ede9ff;
}

/* Kucuk ekranlar */
@media (max-width: 420px) {
    #mk-push-prompt {
        width: calc(100vw - 1.5rem);
        bottom: -200px;
    }
    #mk-push-prompt.mk-pp-visible {
        bottom: .75rem;
    }
}