/*
Theme Name: Scheme Spread Api Network child
Description: Child theme for Gacomm-bones-cfbfb62. You can now safely customize it and not risk losing your customizations.
Author: WPTurbo
Author URI: https://wpturbo.dev
Template: gacomm-bones-cfbfb62
Version: 1.0
Text Domain: gacomm-bones-cfbfb62-child
*/

.user-msg {
    background: #b202b3;
    color: #23ff23;
    font-size: 18px;
}

.ai-msg {
    background: #23ff23;
    color: #b202b3;
}

div#ai-summary {
    width: 30% !important;
    max-width: 100% !important;
    height: 272px !important;
    position: fixed;
    right: 1%;
    top: 55px;
    color: #fff;
    background: linear-gradient(45deg, #b202b3, #23ff23) !important;
    border-radius: 10px;
	
}


div#avatar {
    background: url(/wp-content/themes/gacomm-bones-cfbfb62-1736793878-via-wpturbo/files/image.png);
}



div#avatar {
    position: fixed;
    bottom: 192px;
    width: 300px;
    height: 500px;
    right: 100px;
    border: solid red;
    scale: 1.5;
}

body div#avatar.boxed {
    position: absolute;
    right: 10%;
    border: solid;
    bottom: 10%;
    zoom: 0.76;
    background-size: cover;
    background-position: 50% 50%;
}















/* Tools collections */

.tools-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.tool-card {
  background: #fafafa;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  overflow: hidden;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tool-card:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.tool-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 600px;
    min-height: 600px;
}

.tool-card h2 {
  font-size: 1.1rem;
  margin: 12px 0;
  padding: 0 10px;
  color: #333;
}


div#avatar.boxed.active {
    background: url(/wp-content/uploads/2025/12/grok-video-d6745ff7-a057-4344-bfde-7ebe6a631856.gif);
    height: 393px;
    background-position: -5% 97%;
}
div#avatar.boxed {
    background: url(/wp-content/uploads/2025/12/grok-video-d6745ff7-a057-4344-bfde-7ebe6a631856-1.gif);
}

/* Animation keyframes */
@keyframes bg-pan {
    0% {
        background-position: 0% 103%;
    }
    100% {
        background-position: 100% 106%;
    }
}


.active div#avatar-talking {
    width: 193px;
    left: 19%;
    position: absolute;
    border-radius: 50%;
    /* opacity: 0.7; */
    top: -156px;
}

@keyframes vd-pan {
    0% {
        left: 0%;
    }
    100% {
        left: 10%;
    }
}
/* end of tools collection */


div#avatar-talking video {
    border-radius: 50%;
}

div#avatar-talking {
    width: 206px;
    left: 16%;
    position: absolute;
    border-radius: 50%;
    /* opacity: 0.7; */
    top: -7px;
}




/* chat anylizer */

div#chat-debug {
    width: 300px;
    position: absolute;
    top: 61%;
    left: 42%;
    border-radius: 44%;
    height: 300px;
    text-align: center;
  
}

div#chat-debug em {
     padding: 20px;
}



/* graph */
div#chat-graph {
    border: solid gray;
    border-radius: 10px;
    position: fixed;
    background: linear-gradient(45deg, #b202b3, #23ff23) !important;
    top: 43%;
    right: 28%;
    width: 685px;
    scale: 0.7;
}




/* video */

video#playlistVideo  {
    width: 600px !important;
    height: 600px !important;
    position: fixed !important;
    bottom: 0;
    right: 0;
}





/* controll net */

.row {
    display: flex;
    justify-content: flex-start;
    border: solid;
    max-width: fit-content;
}

.row-inner {
    display: flex;
    max-width: 1200px;
    flex-wrap: wrap;
}