/*
Theme Name: Warren
Theme URI: https://warren.qodeinteractive.com
Description: Life and Business Coach WordPress Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: warren
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

#liveavatar-container {
  position: fixed !important;
  left: 20px !important;
  bottom: 20px !important;
  width: 80px !important;
  height: 80px !important;
  z-index: 2147483647 !important; /* ← Z-INDEX MASSIMO */
  border-radius: 50% !important;
  border: 3px solid #fff !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all .4s cubic-bezier(.4,0,.2,1) !important;
  background: linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;
  pointer-events: auto !important; /* ← FORZA CLICK */
}

#liveavatar-container * {
  pointer-events: none !important; /* ← BLOCCA CLICK SUI FIGLI */
}

#liveavatar-container:not(.expanded) iframe {
  opacity: 0 !important;
  pointer-events: none !important;
}

#liveavatar-container:hover:not(.expanded) {
  transform: scale(1.1) !important;
}

#liveavatar-container.expanded {
  width: 90vw !important;
  max-width: 800px !important;
  height: 85vh !important;
  max-height: 700px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
  border-radius: 24px !important;
  border: none !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.4) !important;
}

#liveavatar-container.expanded * {
  pointer-events: auto !important; /* ← RIATTIVA CLICK QUANDO ESPANSO */
}

#liveavatar-container.expanded iframe {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#liveavatar-container iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  display: block !important;
}

#chat-badge {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  color: #fff !important;
  font-size: 32px !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

#liveavatar-container.expanded #chat-badge {
  opacity: 0 !important;
  visibility: hidden !important;
}

#close-button {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(0,0,0,.8) !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 22px !important;
  cursor: pointer !important;
  display: none !important;
  z-index: 10 !important;
  pointer-events: none !important; /* ← BLOCCA CLICK QUANDO CHIUSO */
}

#liveavatar-container.expanded #close-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important; /* ← RIATTIVA QUANDO ESPANSO */
}

#close-button:hover {
  background: rgba(220,38,38,.95) !important;
}

#liveavatar-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0,0,0,.6) !important;
  z-index: 2147483646 !important; /* ← SOTTO IL CONTAINER */
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all .3s !important;
  backdrop-filter: blur(4px) !important;
  pointer-events: none !important;
}

#liveavatar-overlay.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

@keyframes liveavatar-pulse {
  0%,100% { box-shadow: 0 4px 16px rgba(0,0,0,.15), 0 0 0 0 rgba(102,126,234,.7); }
  50% { box-shadow: 0 4px 16px rgba(0,0,0,.15), 0 0 0 12px rgba(102,126,234,0); }
}

#liveavatar-container:not(.expanded) {
  animation: liveavatar-pulse 2s infinite !important;
}

body.liveavatar-open {
  overflow: hidden !important;
}

@media (max-width:768px) {
  #liveavatar-container { width: 70px !important; height: 70px !important; }
  #liveavatar-container.expanded { width: 95vw !important; height: 90vh !important; }
}



#qodef-back-to-top {
    width: 40px!important;
    height: 50px!important;
    right: 15px!important;
    bottom: 15px!important;
	}

.elementor-element.elementor-element-adf0e82.qodef-elementor-content-grid.e-flex.e-con-boxed.e-con.e-child {--padding-bottom: 20px!important;}
