/* =========================================
   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);
    transition: all 0.3s ease;
}

.contact-float-btn:hover,
#contact-mobile-trigger:hover {
    filter: brightness(1.15);
}

/* Footer'a yaklaşınca butonları gizle */
#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;
}

#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;
}