/* Common Floating Buttons - Green, White and Gold */

.hh-common-floating-buttons {
    position: fixed !important;
    right: 18px !important;
    bottom: 22px !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}

.hh-common-floating-buttons a,
.hh-common-floating-buttons button {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #D4AF37;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 23px;
    text-decoration: none;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hh-common-floating-buttons a:hover,
.hh-common-floating-buttons button:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
    color: #FFFFFF;
}

.hh-common-floating-buttons .float-instagram {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

.hh-common-floating-buttons .float-whatsapp {
    background: #25D366;
}

.hh-common-floating-buttons .float-facebook {
    background: #1877F2;
}

.hh-common-floating-buttons .float-call {
    background: #24543D;
}

.hh-common-floating-buttons .float-top {
    display: none;
    background: #F7F3E8;
    color: #24543D;
}

.hh-common-floating-buttons .float-top:hover {
    color: #24543D;
    background: #D4AF37;
}

.hh-common-floating-buttons .float-top.is-visible {
    display: flex;
}

.hh-common-floating-buttons a:focus-visible,
.hh-common-floating-buttons button:focus-visible {
    outline: 3px solid #D4AF37;
    outline-offset: 3px;
}

@media (max-width: 576px) {
    .hh-common-floating-buttons {
        right: 12px !important;
        bottom: 14px !important;
        gap: 9px !important;
    }

    .hh-common-floating-buttons a,
    .hh-common-floating-buttons button {
        width: 44px;
        height: 44px;
        font-size: 21px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hh-common-floating-buttons a,
    .hh-common-floating-buttons button {
        transition: none;
    }
}

/* FIX: Floating button icons not visible */
.hh-common-floating-buttons {
    position: fixed !important;
    z-index: 999999 !important;
}

.hh-common-floating-buttons a i,
.hh-common-floating-buttons button i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    font-family: "bootstrap-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 23px !important;
    line-height: 1 !important;
    text-align: center !important;
}

.hh-common-floating-buttons .float-top i {
    color: #24543D !important;
}

.hh-common-floating-buttons a:hover i {
    color: #ffffff !important;
}

.hh-common-floating-buttons a,
.hh-common-floating-buttons button {
    flex-shrink: 0;
}