/* =========================================================
   EN ÜSTE KAYDIR  (en-uste-kaydir.php ile eşleşir) — önek: euk
   Yuvarlak neon düğme: cam gövde, parlayan kenar, kaydırma ilerleme halkası.
   Konum: sağ alt  (sol alt = hızlı iletişim, sağ orta = sosyal medya)
   ========================================================= */
.euk-btn {
    --euk-neon: #00d9ff;
    --euk-cyan: #25c3fd;
    --euk-ice: #7ae7ff;
    --euk-ease: cubic-bezier(.16, 1, .3, 1);

    all: unset;
    box-sizing: border-box;
    position: fixed;
    right: 28px;
    bottom: 28px;
    z-index: 9000;                 /* üst şerit (10000) ve menülerin altında kalır */
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    background: radial-gradient(circle at 35% 28%, rgba(95, 227, 255, .5) 0%, rgba(13, 36, 60, .94) 70%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .55), 0 0 20px rgba(0, 217, 255, .35), inset 0 0 14px rgba(120, 232, 255, .35);
    -webkit-tap-highlight-color: transparent;

    /* gizli hali */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(22px) scale(.85);
    transition: opacity .45s var(--euk-ease), transform .45s var(--euk-ease),
                visibility 0s linear .45s, background .3s ease, box-shadow .3s ease, color .3s ease;
}
.euk-btn.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: opacity .45s var(--euk-ease), transform .45s var(--euk-ease),
                visibility 0s, background .3s ease, box-shadow .3s ease, color .3s ease;
}

/* dışa yayılan nabız halkası */
.euk-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(0, 217, 255, .8);
    opacity: 0;
    pointer-events: none;
}
.euk-btn.is-visible::after { animation: eukPulse 3s ease-out infinite; }
@keyframes eukPulse {
    0%   { transform: scale(1);   opacity: .7; }
    70%  { transform: scale(1.5); opacity: 0; }
    100% { transform: scale(1.5); opacity: 0; }
}

/* ---------- İLERLEME HALKASI (kenarı çizer) ---------- */
.euk-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}
.euk-ring circle { fill: none; stroke-width: 2.4; }
.euk-ring-bg { stroke: rgba(255, 255, 255, .22); }
.euk-ring-fg {
    stroke: var(--euk-neon);
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    filter: drop-shadow(0 0 4px var(--euk-neon));
    transition: stroke-dashoffset .15s linear;
}

/* ---------- OK ---------- */
.euk-arrow {
    position: relative;
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 0 5px rgba(0, 217, 255, .9));
    transition: transform .35s var(--euk-ease);
}

/* köşe işareti artık yok */
.euk-brk { display: none; }

/* ---------- HOVER / ODAK ---------- */
.euk-btn:hover,
.euk-btn:focus-visible {
    background: linear-gradient(135deg, #5fe3ff 0%, #1aa7ff 100%);
    color: #00334f;
    box-shadow: 0 14px 28px -8px rgba(0, 0, 0, .6), 0 0 30px rgba(0, 217, 255, .8);
}
.euk-btn.is-visible:hover,
.euk-btn.is-visible:focus-visible { transform: translateY(-4px) scale(1.06); }
.euk-btn:hover .euk-arrow,
.euk-btn:focus-visible .euk-arrow { transform: translateY(-3px); filter: none; }
.euk-btn:hover .euk-ring-bg,
.euk-btn:focus-visible .euk-ring-bg { stroke: rgba(255, 255, 255, .45); }
.euk-btn:hover .euk-ring-fg,
.euk-btn:focus-visible .euk-ring-fg { stroke: #fff; }
.euk-btn:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.euk-btn.is-visible:active { transform: translateY(-1px) scale(.95); }

/* ---------- MOBİL ---------- */
@media (max-width: 900px) {
    .euk-btn {
        right: 14px;
        bottom: 18px;
        width: 50px;
        height: 50px;
    }
    .euk-arrow { width: 22px; height: 22px; }
}

/* ---------- HAREKET AZALTMA ---------- */
@media (prefers-reduced-motion: reduce) {
    .euk-btn,
    .euk-btn.is-visible,
    .euk-arrow,
    .euk-ring-fg { transition: none; }
    .euk-btn.is-visible::after { animation: none; }
}