
/* P27.5A – hard-mounted Private Car contact dock
   Reference: taxitaihanoi.com.vn
   Icons: /upload/icon/contact/
*/

/* Disable prior private-car contact attempts only. */
body.private-car-international .pc-contact-rail-p275,
body.private-car-international .pc-mobile-contact-p275{
    display:none!important;
}

.pc-contact-dock-v275a,
.pc-contact-dock-v275a *{
    box-sizing:border-box;
}

/* ===== DESKTOP: vertical rail ===== */
.pc-contact-dock-v275a .pc-contact-dock-desktop{
    display:none;
}

@media (min-width:768px){
    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop{
        position:fixed!important;
        right:14px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        z-index:2147482000!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        gap:3px!important;
        width:76px!important;
        padding:9px 7px!important;
        background:rgba(255,255,255,.985)!important;
        border:1px solid rgba(15,23,42,.10)!important;
        border-radius:16px!important;
        box-shadow:0 12px 34px rgba(15,23,42,.18)!important;
        backdrop-filter:blur(8px);
    }

    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop>a,
    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop>button{
        width:62px!important;
        min-height:58px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:4px!important;
        padding:4px 0!important;
        margin:0!important;
        color:#334155!important;
        background:transparent!important;
        border:0!important;
        border-bottom:1px solid #eef2f6!important;
        text-decoration:none!important;
        font-family:inherit!important;
        cursor:pointer!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop>a:last-child,
    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop>button:last-child{
        border-bottom:0!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-icon{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:36px!important;
        height:36px!important;
        flex:0 0 36px!important;
        border-radius:50%!important;
        overflow:visible!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-icon img{
        width:36px!important;
        height:36px!important;
        display:block!important;
        object-fit:contain!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-label{
        display:block!important;
        font-size:10.5px!important;
        font-weight:700!important;
        line-height:1.05!important;
        color:#334155!important;
        white-space:nowrap!important;
        text-align:center!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop>a:hover .pcd-icon,
    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-desktop>button:hover .pcd-icon{
        transform:scale(1.07)!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-call img{
        animation:pcd-ring-v275a 1.2s ease-in-out infinite;
        transform-origin:center;
    }
}

/* ===== MOBILE: bottom action bar ===== */
.pc-contact-dock-v275a .pc-contact-dock-mobile{
    display:none;
}

@media (max-width:767px){
    body.private-car-international{
        padding-bottom:82px!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-mobile{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        z-index:2147482000!important;
        width:100%!important;
        height:72px!important;
        display:flex!important;
        align-items:flex-start!important;
        justify-content:space-between!important;
        gap:0!important;
        padding:6px 4px 4px!important;
        margin:0!important;
        background:rgba(255,255,255,.985)!important;
        border-top:1px solid #e5e7eb!important;
        box-shadow:0 -5px 18px rgba(15,23,42,.12)!important;
        backdrop-filter:blur(9px);
    }

    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-mobile>a{
        position:relative!important;
        flex:1 1 20%!important;
        min-width:0!important;
        height:62px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:4px!important;
        padding:0!important;
        margin:0!important;
        color:#475569!important;
        background:transparent!important;
        border:0!important;
        text-decoration:none!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-m-icon{
        width:34px!important;
        height:34px!important;
        flex:0 0 34px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-radius:50%!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-m-icon img{
        width:34px!important;
        height:34px!important;
        display:block!important;
        object-fit:contain!important;
        border-radius:50%!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pc-contact-dock-mobile>a>span:last-child{
        font-size:10.5px!important;
        line-height:1.05!important;
        font-weight:600!important;
        color:#475569!important;
        white-space:nowrap!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-mobile-call-main{
        transform:translateY(-14px)!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-mobile-call-main .pcd-m-call{
        width:50px!important;
        height:50px!important;
        flex:0 0 50px!important;
        padding:5px!important;
        background:#fff!important;
        border:3px solid #eef5fb!important;
        box-shadow:0 5px 16px rgba(15,23,42,.18)!important;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-mobile-call-main .pcd-m-call img{
        width:40px!important;
        height:40px!important;
        animation:pcd-ring-v275a 1.2s ease-in-out infinite;
    }

    body.private-car-international .pc-contact-dock-v275a .pcd-mobile-call-main>span:last-child{
        margin-top:1px!important;
        font-weight:700!important;
    }
}

@keyframes pcd-ring-v275a{
    0%,100%{transform:rotate(0deg)}
    10%{transform:rotate(-12deg)}
    20%{transform:rotate(12deg)}
    30%{transform:rotate(-10deg)}
    40%{transform:rotate(10deg)}
    50%{transform:rotate(0deg)}
}
