/* Front-end styles for DMF WhatsApp Chat */
.dmf-wac-wrapper{position:fixed; z-index:9999; right:20px; bottom:20px; transition:opacity .3s ease;}
.dmf-wac-wrapper.dmf-left{left:20px; right:auto;}
.dmf-wac-wrapper .dmf-wac-toggle{display:flex; align-items:center; gap:8px; border:none; color:#fff; padding:10px 14px; border-radius:999px; box-shadow:0 6px 12px rgba(0,0,0,0.15); cursor:pointer; font-weight:600;}
.dmf-wac-wrapper .dmf-wac-icon{font-size:18px;}
.dmf-wac-wrapper .dmf-wac-text{line-height:1;}

/* Circle (Bolinha) layout */
.dmf-wac-wrapper.dmf-layout-circle .dmf-wac-toggle{width:56px; height:56px; padding:0; border-radius:50%; justify-content:center;}
.dmf-wac-wrapper.dmf-layout-circle .dmf-wac-icon{font-size:22px;}
.dmf-wac-wrapper.dmf-layout-circle .dmf-wac-text{display:none;}

/* Side vertical position */
.dmf-wac-wrapper.dmf-side-vertical{bottom:auto !important; top:35%; transform:translateY(-50%);} 
.dmf-wac-wrapper.dmf-side-vertical.dmf-right{right:40px;}
.dmf-wac-wrapper.dmf-side-vertical.dmf-left{left:0;}
/* Vertical (rotated) button: keep content horizontal, rotate the whole toggle */
.dmf-wac-wrapper.dmf-side-vertical .dmf-wac-toggle{transform:rotate(-90deg); transform-origin:right center;}
.dmf-wac-wrapper.dmf-side-vertical.dmf-left .dmf-wac-toggle{transform:rotate(90deg); transform-origin:left center;} 
.dmf-wac-wrapper.dmf-side-vertical.dmf-right .dmf-wac-toggle{margin-right:-16px;}
.dmf-wac-wrapper.dmf-side-vertical.dmf-left .dmf-wac-toggle{margin-left:24px;}
/* optional: soften outward shadow so edge parece colado */
.dmf-wac-wrapper.dmf-side-vertical .dmf-wac-toggle{box-shadow:0 6px 12px rgba(0,0,0,0.12);} 
.dmf-wac-wrapper.dmf-side-vertical .dmf-wac-panel{top:50%; bottom:auto; transform:translateY(-50%);} 

.dmf-wac-wrapper .dmf-wac-panel{display:none; position:absolute; bottom:58px; width:280px; border-radius:12px; box-shadow:0 12px 24px rgba(0,0,0,0.12); overflow:hidden; border:1px solid rgba(0,0,0,0.05);} 
.dmf-wac-wrapper.dmf-right .dmf-wac-panel{right:0;}
.dmf-wac-wrapper.dmf-left .dmf-wac-panel{left:0;}

.dmf-wac-wrapper.dmf-open .dmf-wac-panel{display:block;}

.dmf-wac-panel .dmf-wac-header{display:flex; align-items:center; justify-content:space-between; padding:8px 8px; border-bottom:1px solid rgba(0,0,0,0.08);} 
.dmf-wac-panel .dmf-wac-close{background:none; border:none; font-size:18px; line-height:1; cursor:pointer;}

.dmf-wac-list{list-style:none; margin:0; padding:6px 0;}
.dmf-wac-item a{display:flex; align-items:center; gap:6px; text-decoration:none; color:#111; padding:10px 12px;}
.dmf-wac-item a:hover{background:rgba(0,0,0,0.04);} 
.dmf-wac-name{font-weight:600;}
.dmf-wac-sector{opacity:0.8;}