/* GOCCE Destek & Menü UX Pro v1.3 */

.gocce-menu-toggle-pro{
    position:relative!important;
}

.gocce-menu-icon-pro{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:24px!important;
    height:20px!important;
    transform:translate(-50%,-50%)!important;
    pointer-events:none!important;
    z-index:5!important;
}

.gocce-menu-icon-pro>span{
    position:absolute!important;
    left:1px!important;
    width:22px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
    transform-origin:center!important;
    transition:
        transform .30s cubic-bezier(.2,.75,.2,1),
        opacity .18s ease,
        top .30s cubic-bezier(.2,.75,.2,1)!important;
}

.gocce-menu-icon-pro>span:nth-child(1){top:2px!important}
.gocce-menu-icon-pro>span:nth-child(2){top:9px!important}
.gocce-menu-icon-pro>span:nth-child(3){top:16px!important}

.gocce-menu-toggle-pro.gocce-menu-open .gocce-menu-icon-pro>span:nth-child(1){
    top:9px!important;
    transform:rotate(45deg)!important;
}

.gocce-menu-toggle-pro.gocce-menu-open .gocce-menu-icon-pro>span:nth-child(2){
    opacity:0!important;
    transform:scaleX(.2)!important;
}

.gocce-menu-toggle-pro.gocce-menu-open .gocce-menu-icon-pro>span:nth-child(3){
    top:9px!important;
    transform:rotate(-45deg)!important;
}

.gocce-menu-native-icon-pro{
    opacity:0!important;
}

/* Only used if the theme itself fails to close the panel. */
.gocce-menu-forced-hidden{
    display:none!important;
}

/* SUPPORT X */
.gocce-support-close-pro{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(0,0,0,.10)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.97)!important;
    color:#111!important;
    box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
    cursor:pointer!important;
    z-index:2147483646!important;
    font-size:0!important;
    transition:transform .22s ease,box-shadow .22s ease!important;
}

.gocce-support-close-pro::before,
.gocce-support-close-pro::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
}

.gocce-support-close-pro::before{
    transform:translate(-50%,-50%) rotate(45deg)!important;
}
.gocce-support-close-pro::after{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
}

.gocce-support-close-pro:hover{
    transform:rotate(90deg) scale(1.05)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}

.gocce-support-close-fixed{
    position:fixed!important;
}

.gocce-support-panel-pro{
    transform-origin:bottom right!important;
    animation:gocceSupportIn .25s cubic-bezier(.2,.75,.2,1) both!important;
}

@keyframes gocceSupportIn{
    from{opacity:0;transform:translateY(10px) scale(.98)}
    to{opacity:1;transform:none}
}

@media(max-width:760px){
    .gocce-support-close-pro{
        width:40px!important;
        height:40px!important;
        top:10px!important;
        right:10px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .gocce-menu-icon-pro>span,
    .gocce-support-close-pro,
    .gocce-support-panel-pro{
        transition:none!important;
        animation:none!important;
    }
}