/**
 * Public/Frontend Styles for WP WhatsApp Chat Plugin (Minified)
 * @package WP_WhatsApp_Chat
 * @since 1.0.0
 */

/* Floating Button Base Styles */
.wac-floating-button{position:fixed;z-index:9999;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;cursor:pointer}.wac-floating-button:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.2)}.wac-floating-button svg{display:block}.wac-shape-circle{border-radius:50%}.wac-shape-rounded-square{border-radius:12px}.wac-shape-square{border-radius:0}

/* Button Label */
.wac-button-label{position:absolute;white-space:nowrap;padding:8px 12px;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:14px;font-weight:500;pointer-events:none;transition:opacity .3s ease}.wac-button-label.wac-label-hover{opacity:0}.wac-floating-button:hover .wac-button-label.wac-label-hover{opacity:1}.wac-position-bottom-right .wac-button-label,.wac-position-top-right .wac-button-label{right:calc(100% + 12px)}.wac-position-bottom-left .wac-button-label,.wac-position-top-left .wac-button-label{left:calc(100% + 12px)}

/* Multi-Branch Group Wrapper */
/* direction:ltr keeps the flex cross axis physical: on RTL pages (Arabic) a column
   flex container flips flex-end to the left, which pushed the button away from the
   right screen edge by the width of the widest branch row. Text direction is
   restored per label with dir="auto". */
.wac-float-group{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px;direction:ltr}.wac-float-group .wac-floating-button{position:relative;top:auto;right:auto;bottom:auto;left:auto;border:0;padding:0;margin:0;flex:0 0 auto;-webkit-appearance:none;appearance:none;line-height:0}.wac-position-bottom-right.wac-float-group,.wac-position-top-right.wac-float-group{align-items:flex-end}.wac-position-bottom-left.wac-float-group,.wac-position-top-left.wac-float-group{align-items:flex-start}.wac-position-top-right.wac-float-group,.wac-position-top-left.wac-float-group{flex-direction:column-reverse}

/* Branch List */
.wac-branch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.wac-branch-list[hidden]{display:none}.wac-position-bottom-right .wac-branch-list,.wac-position-top-right .wac-branch-list{align-items:flex-end}.wac-position-bottom-left .wac-branch-list,.wac-position-top-left .wac-branch-list{align-items:flex-start}.wac-branch-list:before{content:none}.wac-branch-list li:before{content:none}

/* Branch Item - staggered reveal */
.wac-branch-item{margin:0;padding:0;opacity:0;transform:translateY(12px) scale(.85);transition:opacity .25s ease,transform .25s ease;transition-delay:calc(var(--wac-branch-index,0) * 40ms)}.wac-position-top-right .wac-branch-item,.wac-position-top-left .wac-branch-item{transform:translateY(-12px) scale(.85)}.wac-is-open .wac-branch-item{opacity:1;transform:translateY(0) scale(1)}.wac-is-closing .wac-branch-item{transition-delay:0s}

/* Branch Link */
.wac-branch-link{display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:none}.wac-position-bottom-left .wac-branch-link,.wac-position-top-left .wac-branch-link{flex-direction:row-reverse}.wac-branch-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:0 3px 10px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.wac-branch-icon svg{display:block}.wac-branch-link:hover .wac-branch-icon{transform:scale(1.1);box-shadow:0 5px 14px rgba(0,0,0,.22)}.wac-branch-name{white-space:nowrap;padding:7px 12px;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:14px;font-weight:500;line-height:1.4}

/* Toggle Icons (chat / close swap) */
.wac-branch-toggle{overflow:hidden}.wac-toggle-icon{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .25s ease}.wac-toggle-icon-close{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:rotate(-90deg) scale(.6)}.wac-branch-toggle[aria-expanded="true"] .wac-toggle-icon-chat{opacity:0;transform:rotate(90deg) scale(.6)}.wac-branch-toggle[aria-expanded="true"] .wac-toggle-icon-close{opacity:1;transform:rotate(0) scale(1)}.wac-branch-toggle[aria-expanded="true"]{transform:none}.wac-branch-toggle[aria-expanded="true"]:hover{transform:scale(1.05)}

/* Static Button (Shortcode) */
.wac-static-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:5px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.wac-static-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.wac-static-button:active{transform:translateY(0)}

/* Accessibility */
.wac-floating-button:focus,.wac-static-button:focus,.wac-branch-link:focus{outline:2px solid #005fcc;outline-offset:2px}.wac-branch-link .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}

/* Mobile Responsiveness */
@media (max-width:768px){.wac-floating-button{width:48px!important;height:48px!important}.wac-floating-button svg{width:28px!important;height:28px!important}.wac-button-label{font-size:12px;padding:6px 10px}.wac-branch-icon{width:42px!important;height:42px!important}.wac-branch-icon svg{width:24px!important;height:24px!important}.wac-branch-name{font-size:13px!important;padding:6px 10px;max-width:52vw;overflow:hidden;text-overflow:ellipsis}}

/* Animation for entrance */
@keyframes wac-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.wac-floating-button{animation:wac-bounce-in .6s ease-out}

/* Reduced Motion */
@media (prefers-reduced-motion:reduce){.wac-floating-button,.wac-branch-item,.wac-branch-icon,.wac-toggle-icon{animation:none!important;transition:none!important}.wac-floating-button:hover,.wac-branch-link:hover .wac-branch-icon{transform:none}}

/* Print - Hide buttons */
@media print{.wac-floating-button,.wac-static-button,.wac-float-group{display:none!important}}