/* ============================================================
   Elegant Theme — Sticky Action Buttons
   Sayfa altında sticky kalan iletişim/rezervasyon butonları
   (Telefon, WhatsApp, Instagram, Menü). Her platformun marka
   rengi standartlaştırılmıştır.
   ============================================================ */
.sticky-buttons {
    position: sticky;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    padding: 15px;
    width: auto;
    text-align: right;
}

.sticky-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s;
}

.sticky-button > svg {
    width: 24px;
    height: 24px;
}

.sticky-button:hover {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, .2);
}

/* ---------- Variant: Menu (geniş, ana CTA) ------------------- */
.sticky-button--menu {
    width: auto;
    border-radius: 32px;
    background: #1f5760;
    padding-left: 15px;
    padding-right: 15px;
    font-size: .9rem;
    font-weight: 600;
}

.sticky-button--menu:hover {
    background: #efcf91;
}

.sticky-button--menu svg {
    width: 36px;
    height: 36px;
}

.sticky-button--menu path {
    stroke: transparent;
    fill: #fff;
}

/* ---------- Marka renkli variantlar -------------------------- */
.sticky-button--phone {
    background: #8a754f;
}

.sticky-button--instagram {
    background: #ed4956;
}

.sticky-button--whatsapp {
    background: #1fb69f;
}

/* ---------- Mobile uyumu (≤576px) ---------------------------- */
@media (max-width: 576px) {
    .sticky-button {
        width: 40px;
        height: 40px;
        margin-left: 10px;
    }

    .sticky-button--menu {
        width: auto;
    }

    .sticky-button > svg {
        width: 20px;
        height: 20px;
    }
}