/* Kurban Halkası PWA – Frontend Push */

.kurbanhalkasi-push {
    position: fixed;
    z-index: 999999;
    max-width: 380px;
    width: calc(100% - 32px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .18);
    border-left: 4px solid var(--push-color, #0073aa);
    padding: 16px;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity .3s ease, transform .3s ease;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Konumlar */
.push-top-left      { top: 20px; left: 20px; }
.push-top-center    { top: 20px; left: 50%; transform: translateX(-50%) translateY(-20px); }
.push-top-right     { top: 20px; right: 20px; }
.push-bottom-left   { bottom: 20px; left: 20px; }
.push-bottom-center { bottom: 20px; left: 50%; transform: translateX(-50%) translateY(20px); }
.push-bottom-right  { bottom: 20px; right: 20px; }

.kurbanhalkasi-push.push-show { opacity: 1; transform: translateY(0); }
.push-top-center.push-show,
.push-bottom-center.push-show { transform: translateX(-50%) translateY(0); }
.kurbanhalkasi-push.push-hide { opacity: 0; transform: translateY(-20px); }

.push-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.push-emoji  { font-size: 20px; line-height: 1; }
.push-title  { flex: 1; font-size: 15px; color: #1a1a1a; }

.push-close {
    background: none;
    border: none;
    font-size: 22px;
    color: #999;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
    border-radius: 4px;
}
.push-close:hover,
.push-close:focus-visible {
    color: #d63638;
    outline: 2px solid var(--push-color, #0073aa);
}

.push-body { font-size: 14px; color: #555; line-height: 1.5; }
.push-body a { color: var(--push-color, #0073aa); }

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    .kurbanhalkasi-push { transition: none; transform: none !important; }
}

/* Karanlık mod */
@media (prefers-color-scheme: dark) {
    .kurbanhalkasi-push { background: #1e1e1e; box-shadow: 0 8px 32px rgba(0, 0, 0, .5); }
    .push-title { color: #f0f0f0; }
    .push-body  { color: #b0b0b0; }
}

/* Mobil */
@media (max-width: 480px) {
    .kurbanhalkasi-push { width: calc(100% - 24px); max-width: none; }
    .push-top-left, .push-top-right,
    .push-bottom-left, .push-bottom-right { left: 12px; right: 12px; }
    .push-top-center, .push-bottom-center { left: 12px; right: 12px; transform: none; }
    .push-top-center.push-show, .push-bottom-center.push-show { transform: none; }
}