/* agent-extras.css — extracted from inline <style> in index.php head */

.navbar .nav-right button.ainna-theme-switch.theme-toggle {
  width: auto !important;
  height: auto !important;
  min-width: 0;
  border-radius: 999px !important;
}
html, body {
 overflow-x: hidden;
 max-width: 100vw;
}
/* Ensure content is above matrix background (exclude floating globe so fixed works) */
body > *:not(#cyber-network-container):not(.cyber-panel):not(nav.navbar) {
 position: relative;
 z-index: 1;
}

/* WhatsApp Example Section iframe styling */
.whatsapp-example-section {
 max-width: 900px;
 margin: 60px auto;
 padding: 40px 20px;
 background: white;
 border-radius: 15px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.whatsapp-example-section h2 {
 text-align: center;
 margin-bottom: 10px;
 color: #128C7E;
}

.section-intro {
 text-align: center;
 color: #666;
 margin-bottom: 30px;
}

@media (max-width: 768px) {
 .coverflow-container { height: auto !important; perspective: none !important; overflow: visible !important; }
 .coverflow-container .cover { transform: none !important; display: flex !important; flex-direction: column; gap: 16px; height: auto !important; }
 .coverflow-container .cover > div { position: relative !important; transform: none !important; opacity: 1 !important; width: 100% !important; left: auto !important; margin: 0 !important; }
}
.chat-iframe {
 width: 100%;
 height: min(70vh, 500px);
 max-height: 500px;
 border: none;
 border-radius: 10px;
 background: #e5ddd5;
 display: block;
 visibility: visible;
}