/*!
 * GamudaLand.net UI Framework
 * File: 11-floating-contact.css
 * Version: 1.0.0
 * Author: Kai
 */

/* Floating Contact Bar */

#callnowbutton,
.hotline-fixed,
.floating-contact,
#fixed-contact{
    position:fixed;
    left:18px;
    bottom:18px;
    z-index:9999;
}

/* Container */
.floating-contact,
.hotline-fixed{
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* Buttons */
.floating-contact a,
.hotline-fixed a,
#callnowbutton a{
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:18px;
    border:1px solid #ECECEC;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    transition:all .3s ease;
}

.floating-contact a:hover,
.hotline-fixed a:hover,
#callnowbutton a:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(0,0,0,.18);
}

/* Hotline */
.floating-contact .hotline,
.hotline-fixed .hotline{
    width:auto;
    min-width:250px;
    padding:12px 18px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:12px;
    background:#fff;
}

.floating-contact .hotline img,
.hotline-fixed .hotline img{
    width:46px;
    height:46px;
    border-radius:50%;
}

.floating-contact .name{
    font-size:13px;
    color:#6B7280;
    margin-bottom:2px;
}

.floating-contact .phone{
    color:#C62828;
    font-size:20px;
    font-weight:700;
}

/* Pulse */
@keyframes glPulse{
    0%{box-shadow:0 0 0 0 rgba(198,40,40,.35);}
    70%{box-shadow:0 0 0 14px rgba(198,40,40,0);}
    100%{box-shadow:0 0 0 0 rgba(198,40,40,0);}
}

.floating-contact .phone,
.hotline-fixed .phone{
    animation:glPulse 2s infinite;
}

/* Mobile */
@media(max-width:768px){
    .floating-contact .hotline,
    .hotline-fixed .hotline{
        min-width:200px;
        padding:10px 14px;
    }

    .floating-contact .phone,
    .hotline-fixed .phone{
        font-size:17px;
    }

    .floating-contact a,
    .hotline-fixed a,
    #callnowbutton a{
        width:50px;
        height:50px;
    }
}