.bg-lila{
    background-color: #ebf3fe;
}

.blog__sidebar a.active { font-weight:700; text-decoration:underline; }

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 2050; /* her şeyin üstünde olsun */
}

.dropdown-menu.show {
  display: block;
}


/* ===== Floating Action Buttons ===== */
:root {
    --fab-size: 48px;
}

@media (max-width:576px) {
    :root {
        --fab-size: 48px;
    }
}

/* === FAB konum düzeltmesi (daha yukarı al) === */
:root {
    /* Alttaki sabit eleman/çubuklar için ekstra boşluk.
     72px = ~mobil alt bar + olası cookie/chat balonu.
     İhtiyaca göre 48–120px arası oynatabilirsin. */
    --fab-bottom-extra: 72px;
}

.fab {
    position: fixed;
    width: var(--fab-size);
    height: var(--fab-size);
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    color: #fff;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    z-index: 1500;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, opacity .25s ease;
}

.fab i {
    font-size: 1.15rem;
}

/* Sağ-alt: Yukarı butonu */
.fab-top {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    z-index: 3000 !important;
}

.fab-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.fab-top:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .3);
}

/* Sol-alt: WhatsApp + Telefon dikey istif */
.fab-left-stack {
    position: fixed;
    left: max(16px, env(safe-area-inset-left));
    display: flex;
    flex-direction: column;
    gap: 12px;
    bottom: calc(max(40px, env(safe-area-inset-bottom)) + var(--fab-bottom-extra)) !important;
    z-index: 3000 !important;
    /* her şeyin üstünde olsun */
}



/* Marka temaları */
.fab-wa {
    background: radial-gradient(120% 120% at 30% 20%, #5df48c 0%, #25D366 65%, #128C7E 100%);
    border-color: rgba(255, 255, 255, .45);
}

.fab-phone {
    background: linear-gradient(135deg, rgba(99, 102, 241, .95), rgba(16, 185, 129, .95));
    border-color: transparent;
}

/* Hover efektleri: wiggle + parlama */
.fab:hover {
    transform: translateY(-3px) scale(1.05) rotate(.0001deg);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .32);
}

.fab-wa:hover,
.fab-phone:hover {
    filter: saturate(1.06) brightness(1.02);
}

/* Nabız halkası */
.fab-pulse {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .45);
    animation: fabPulse 1.6s ease-out infinite;
    pointer-events: none;
}

.fab-wa .fab-pulse {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, .35);
}

.fab-phone .fab-pulse {
    box-shadow: 0 0 0 0 rgba(99, 102, 241, .35);
}

@keyframes fabPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .28);
    }

    70% {
        box-shadow: 0 0 0 14px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* Hover'da minik "wiggle" */
.fab:hover i {
    animation: wiggle .35s ease;
}

@keyframes wiggle {
    0% {
        transform: rotate(0);
    }

    30% {
        transform: rotate(-12deg);
    }

    60% {
        transform: rotate(8deg);
    }

    100% {
        transform: rotate(0);
    }
}

/* Erişilebilirlik ve hareket tercihi */
@media (hover:none) {
    .fab:hover {
        transform: translateY(-2px) scale(1.02);
    }

    .fab:hover i {
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    .fab,
    .fab * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}