/* Public-side FAB CSS — duplicated from admin/fenix-fab.css so the public render view doesn't
   need to reach into an admin folder. Synchronise manually if either changes. */
.fenix-fab {
    position: fixed; z-index: 9999;
    width: 56px; height: 56px; border-radius: 50%;
    background: var(--fenix-color-primary, #db2777); color: white;
    display: inline-flex; align-items: center; justify-content: center;
    border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer;
    text-decoration: none; transition: transform 0.15s, width 0.15s;
    overflow: hidden;
}
/* Sub-plan 13 — anchor corners */
.fenix-fab-pos-bottom-right { bottom: 24px; right: 24px; }
.fenix-fab-pos-bottom-left  { bottom: 24px; left:  24px; }
.fenix-fab-pos-top-right    { top:    24px; right: 24px; }
.fenix-fab-pos-top-left     { top:    24px; left:  24px; }
.fenix-fab:hover { transform: scale(1.05); width: auto; padding: 0 20px; gap: 6px; color: white; text-decoration: none; }
.fenix-fab-icon { font-size: 22px; line-height: 1; flex-shrink: 0; width: 22px; text-align: center; }
.fenix-fab-label { font-size: 13px; font-weight: 600; opacity: 0; max-width: 0; overflow: hidden; transition: opacity 0.15s, max-width 0.15s; white-space: nowrap; }
.fenix-fab:hover .fenix-fab-label { opacity: 1; max-width: 200px; padding-right: 4px; }