/* Paylaş Butonu - 2. resim: sarı yuvarlak ikon */
.su-navbar__share-wrap {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Link olarak kullanıldığında (ör. telefon rehberi) buton görünümü korunur */
a.su-navbar__share-btn {
    text-decoration: none;
    box-sizing: border-box;
}

.su-navbar__share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.su-navbar__share-btn:hover {
    background: var(--selcuk-yellow-hover, #f0b800);
    color: var(--selcuk-darker-blue, #0a1628) !important;
    box-shadow: 0 4px 12px rgba(255, 201, 13, 0.45);
    transform: translateY(-1px) scale(1.05) !important;
}

.su-navbar__share-btn:focus-visible {
    outline: 2px solid var(--selcuk-yellow);
    outline-offset: 2px;
}

/* Homepage - koyu arka plan üzerinde */
.su-navbar--homepage .su-navbar__share-btn {
    color: #ffffff;
}

.su-navbar--homepage .su-navbar__share-btn:hover {
    color: var(--selcuk-darker-blue, #0a1628) !important;
}