/* EsigaraHane Phase 10 - Floating WhatsApp */

.floating-whatsapp{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    pointer-events:auto;
}

.floating-whatsapp-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:50%;
    background:#25D366;
    box-shadow:0 10px 28px rgba(0,0,0,.20);
    transition:transform .16s ease, box-shadow .16s ease;
}

.floating-whatsapp-icon svg{
    width:31px;
    height:31px;
    fill:#fff;
}

.floating-whatsapp-label{
    opacity:0;
    transform:translateX(8px);
    pointer-events:none;
    padding:9px 12px;
    border-radius:9px;
    background:#25D366;
    color:#fff;
    font-size:12px;
    font-weight:750;
    white-space:nowrap;
    box-shadow:0 8px 20px rgba(0,0,0,.14);
    transition:opacity .16s ease, transform .16s ease;
}

.floating-whatsapp:hover .floating-whatsapp-icon{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 14px 34px rgba(0,0,0,.24);
}

.floating-whatsapp:hover .floating-whatsapp-label{
    opacity:1;
    transform:translateX(0);
}

.whatsapp-admin-panel .form-grid{
    align-items:start;
}

.whatsapp-toggle-row{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0!important;
    padding:14px;
    border:1px solid #dce5df;
    border-radius:12px;
    background:#f7fcf8;
}

.whatsapp-toggle-row span{
    min-width:0;
}

.whatsapp-toggle-row strong{
    display:block;
    font-size:13px;
}

.whatsapp-toggle-row small{
    display:block;
    margin-top:4px;
    color:#6f7772;
    font-size:11px;
    font-weight:500;
}

.whatsapp-toggle-row input{
    width:20px;
    height:20px;
    flex:0 0 auto;
}

.whatsapp-admin-preview{
    display:flex;
    align-items:center;
    gap:14px;
    padding:15px;
    border:1px solid #e1e5e3;
    border-radius:12px;
    background:#fafcfa;
}

.whatsapp-preview-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:50%;
    background:#25D366;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.whatsapp-preview-button svg{
    width:28px;
    height:28px;
    fill:#fff;
}

.whatsapp-admin-preview strong{
    display:block;
    font-size:12px;
}

.whatsapp-admin-preview span{
    display:block;
    margin-top:3px;
    color:#70777a;
    font-size:11px;
}

@media(max-width:700px){
    .floating-whatsapp{
        right:16px;
        bottom:16px;
    }

    .floating-whatsapp-icon{
        width:54px;
        height:54px;
        flex-basis:54px;
    }

    .floating-whatsapp-label{
        display:none;
    }
}


/* WhatsApp marka görünümü: siyah ikon/etiket kullanılmaz */
.floating-whatsapp-icon{
    background:#25D366!important;
}

.floating-whatsapp-icon svg,
.floating-whatsapp-icon svg path{
    fill:#ffffff!important;
}

.floating-whatsapp-label{
    background:#25D366!important;
    color:#ffffff!important;
}