/* =========================================
   button.css — tools/button.php'den taşındı
   Float iletişim butonları stilleri
   ========================================= */

/* Buton temel stilleri */
.contact-float-btn,
#contact-mobile-trigger {
    background-color: var(--btn-bg, var(--color-primary, #0ea5e9));
    border-radius: var(--border-radius-base);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transform: translateY(0) scale(1);
    transition:
        background-color .55s ease-out,
        box-shadow .55s ease-out,
        transform .55s ease-out,
        filter .55s ease-out;
}

.contact-float-btn:hover,
#contact-mobile-trigger:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.contact-float-btn:active,
#contact-mobile-trigger:active {
    transform: translateY(0) scale(1);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    transition-duration: .2s;
}
#contact-float-buttons-desktop,
#contact-mobile-trigger {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#contact-float-buttons-desktop.hidden-by-footer,
#contact-mobile-trigger.hidden-by-footer {
    opacity: 0;
    visibility: hidden;
}

/* Hover'da renk korunsun */
.contact-float-btn:hover,
#contact-mobile-trigger:hover {
    color: white !important;
}

/* Bottom sheet - açık durumu */
#contact-mobile-popup.open #contact-sheet {
    transform: translateY(0);
}

#contact-mobile-popup.open #contact-backdrop {
    opacity: 1;
}

/* Sheet renkleri - Light mode */
#contact-sheet {
    background-color: #ffffff !important;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

#sheet-handle {
    background-color: #cbd5e1 !important;
}

.sheet-label {
    color: #1e293b !important;
}

/* Sheet renkleri - Dark mode */
html.dark-mode #contact-sheet {
    background-color: #0f172a !important;
}

html.dark-mode #sheet-handle {
    background-color: #475569 !important;
}

html.dark-mode .sheet-label {
    color: #cbd5e1 !important;
}