/* scroll-nudge — kaldırmak için: bu dosya + scroll-nudge.js + layout’taki referanslar */

#scroll-nudge-root.scroll-nudge {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    /* Üst menü (--z-site-header 1048) altında kalsın */
    z-index: var(--z-scroll-nudge, 1032);
    height: min(32vh, 260px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 0.35rem;
    pointer-events: none;
}

/* Alt “satır”: imleç düğmenin üstünde olmasa da bu alanda gezerken görünür kalır */
#scroll-nudge-root.scroll-nudge .scroll-nudge__pad {
    /* Alt bölgedeki formları/blokları örtmesin; sadece gerçek düğme tıklanabilir olsun */
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
}

/* Görünür değilken tıklamayı yutma (mobil hamburger menü alt satırları vb.) */
#scroll-nudge-root.scroll-nudge:not(.is-visible) .scroll-nudge__btn {
    pointer-events: none;
}

#scroll-nudge-root.scroll-nudge .scroll-nudge__btn {
    pointer-events: auto;
    flex-shrink: 0;
    width: 3.25rem;
    height: 3.25rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.07),
        0 4px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.38s ease-out, transform 0.38s ease-out, background 0.22s ease, box-shadow 0.22s ease;
}

#scroll-nudge-root.scroll-nudge.is-visible .scroll-nudge__btn {
    opacity: 0.72;
    transform: translateY(0);
}

#scroll-nudge-root.scroll-nudge.scroll-nudge--pad-hover.is-visible .scroll-nudge__btn {
    opacity: 0.82;
}

#scroll-nudge-root.scroll-nudge.scroll-nudge--reduce-motion .scroll-nudge__btn {
    transition: none;
}

#scroll-nudge-root.scroll-nudge.scroll-nudge--reduce-motion.is-visible .scroll-nudge__btn {
    opacity: 0.78;
}

#scroll-nudge-root.scroll-nudge .scroll-nudge__btn:hover,
#scroll-nudge-root.scroll-nudge .scroll-nudge__btn:focus-visible {
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.42);
    outline: 2px solid var(--p282, #002855);
    outline-offset: 2px;
    box-shadow:
        0 0 0 2px rgba(0, 0, 0, 0.1),
        0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Pantone 282 C (lacivert), site :root ile uyumlu */
#scroll-nudge-root.scroll-nudge .scroll-nudge__chevron {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid var(--p282, #002855);
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.5));
    transform: rotate(0deg);
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

#scroll-nudge-root.scroll-nudge.scroll-nudge--page-down .scroll-nudge__chevron {
    transform: rotate(180deg);
}

#scroll-nudge-root.scroll-nudge.scroll-nudge--reduce-motion .scroll-nudge__chevron {
    transition: none;
}

body.admin-wrap #scroll-nudge-root.scroll-nudge .scroll-nudge__chevron {
    border-bottom-color: var(--p282, #002855);
}

body.admin-wrap #scroll-nudge-root.scroll-nudge .scroll-nudge__btn {
    background: rgba(255, 255, 255, 0.32);
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.06),
        0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Mobil hamburger açıkken tamamen devre dışı (üst katman + tıklama) */
#scroll-nudge-root.scroll-nudge.scroll-nudge--suspended {
    visibility: hidden;
    pointer-events: none !important;
}

#scroll-nudge-root.scroll-nudge.scroll-nudge--suspended .scroll-nudge__btn {
    pointer-events: none !important;
}