/* Mami Emil's cake shop — custom styles.
   Tailwind utility classes live in the markup; this file holds only what
   the Tailwind CDN build can't express: keyframe animations, scrollbar
   theming, and the staff visual-editor states. */

@keyframes pulse-gentle {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    50%      { transform: scale(1.08); box-shadow: 0 0 0 22px rgba(34, 197, 94, 0); }
}
.animate-pulse-gentle {
    animation: pulse-gentle 2s infinite;
}

/* Smooth scrollbars for a premium look */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #FAF5F0;
}
::-webkit-scrollbar-thumb {
    background: #F3D1D1;
    border-radius: 9px;
}
::-webkit-scrollbar-thumb:hover {
    background: #E5B3B3;
}

/* Staff visual-editor: highlight nodes that are currently editable */
.editable-active {
    outline: 2px dashed #F3D1D1;
    outline-offset: 2px;
    cursor: pointer;
}
.editable-active:hover {
    background-color: rgba(243, 209, 209, 0.2);
}