/**
 * NotifyCRM — Frontend Styles (floating button + speed dial)
 * @package NotifyCRM
 */

/* ── Float button ── */
#notifycrm-float-btn {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-tap-highlight-color: transparent;
}
#notifycrm-float-btn:hover {
    transform: scale(1.08);
}
#notifycrm-float-btn:active {
    transform: scale(.96);
}

/* ── Greeting bubble ── */
#notifycrm-greeting {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.4;
}

/* ── Speed-dial options ── */
#notifycrm-speed-options > div:hover,
#notifycrm-speed-options > a:hover {
    transform: translateX(-3px);
    box-shadow: 0 6px 24px rgba(0,0,0,.2) !important;
}
#notifycrm-speed-options > div,
#notifycrm-speed-options > a {
    transition: transform .15s, box-shadow .15s;
}

/* ── Widget panel ── */
#ncw-panel {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
#ncw-panel input:focus,
#ncw-panel select:focus {
    border-color: #25D366 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37,211,102,.1);
}
#ncw-panel .ncw-add-btn:hover {
    background: #1ea855 !important;
    transform: scale(1.05);
}
#ncw-panel .ncw-qty-d:hover,
#ncw-panel .ncw-qty-i:hover {
    background: #e5e7eb !important;
}
#ncw-panel button[id="ncw-place-order"]:hover {
    background: #15803d !important;
}

/* ── Animations ── */
@keyframes notifycrm-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* Prevent body scroll when panel is open on mobile */
@media (max-width: 480px) {
    #ncw-panel { bottom: 80px !important; right: 8px !important; width: calc(100vw - 16px) !important; max-height: 480px !important; }
}