/*
Theme Name: EMtech
*/

#emtech-chat-container {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 99999 !important;
}

#emtech-chat-toggle {
    background: linear-gradient(45deg, #7b2ff7, #f107a3);
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

#emtech-chatbot {
    position: fixed !important;

    bottom: 20px !important;
    top: auto !important;

    right: 20px !important;
    left: unset !important;

    transform: none !important;
    margin: 0 !important;

    width: 340px !important;
    height: 450px !important;

    background: white;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.3);

    display: flex;
    flex-direction: column;

    z-index: 999999 !important;
}
#chat-header {
    background: linear-gradient(45deg, #7b2ff7, #f107a3);
    color: white;
    padding: 15px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#chat-close {
    cursor: pointer;
    font-size: 18px;
}

#chat-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    font-size: 14px;
}

.chat-message.user {
    text-align: right;
    margin-bottom: 10px;
}

.chat-message.bot {
    text-align: left;
    margin-bottom: 10px;
}

#chat-input-area {
    display: flex;
    border-top: 1px solid #eee;
}

#chat-input {
    flex: 1;
    border: none;
    padding: 12px;
}

#chat-send {
    background: #f107a3;
    color: white;
    border: none;
    padding: 0 18px;
    cursor: pointer;
}

body{
font-family:system-ui;
margin:0;
color:#1a1a1a;
}

.container{
max-width:1100px;
margin:auto;
padding:40px 20px;
}

.header{
border-bottom:1px solid #eee;
}

.header-inner{
display:flex;
align-items:center;
justify-content:space-between;
}

.header{
background:#fff;
position:sticky;
top:0;
z-index:10;
}

.logo a{
font-weight:700;
text-decoration:none;
color:#111;
font-size:20px;
}

nav ul{
display:flex;
gap:20px;
list-style:none;
margin:0;
padding:0;
}

nav a{
text-decoration:none;
color:#333;
}

.btn{
background:#2563eb;
color:#fff;
padding:12px 20px;
text-decoration:none;
border-radius:6px;
display:inline-block;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.footer{
border-top:1px solid #eee;
margin-top:40px;
padding-top:20px;
}

.footer ul{
list-style:none;
padding:0;
margin:0;
}

.footer li{
margin-bottom:6px;
}

.hero-big{
padding:80px 0;
}

.hero-text{
max-width:640px;
}

.hero-actions{
display:flex;
gap:12px;
margin-top:20px;
flex-wrap:wrap;
}

.btn-outline{
background:#fff;
color:#2563eb;
border:2px solid #2563eb;
}

.card{
border:1px solid #eee;
padding:24px;
border-radius:14px;
background:#fff;
transition:.2s;
}

.card:hover{
transform:translateY(-4px);
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.grid{
gap:24px;
}

section{
margin:70px 0;
}

h1{font-size:42px}
h2{font-size:30px}

.home-images{
display:flex;
gap:20px;
margin:30px 0;
}

.home-images img{
width:540px;   /* dimensione piccola */
border-radius:16px;
display:block;
}

.hero-banner{
margin:20px 0 40px;
display:flex;
justify-content:flex-end;
}

.hero-banner img{
width:80%;
height:420px;
object-fit:cover;
border-radius:16px;
display:block;
margin-left:auto;
}

.wp-block-image.alignfull,
.alignfull img{
max-width:1100px;
margin-left:auto;
margin-right:0;
display:block;
}

.hero-full{
display:flex;
justify-content:flex-end;
}

.hero-full img{
width:60%;
display:block;
margin-left:auto;
margin-right:400px;
}

.custom-logo{
height:48px;
width:auto;
}

.hero-banner{
display:block;
margin:30px 0;
}

.hero-banner img{
width:55%;
margin:0;
display:block;
border-radius:16px;
}

.hero-banner img{
width:55%;
border-radius:16px;
}

.hero-overlay{
position:relative;
max-width:1100px;
margin:40px auto;
padding:0 0px;
}

.hero-overlay img{
width:100%;
height:520px;
object-fit:cover;
border-radius:18px;
display:block;
}

/* TESTO SOPRA IMMAGINE */
.hero-content{
position:absolute;
top:50%;
left:60px;   /* ← invece di right */
transform:translateY(-50%);
max-width:420px;
color:#fff;
z-index:2;
}

.hero-content h1{
font-size:44px;
line-height:1.1;
margin-bottom:16px;
}

.hero-content p{
margin-bottom:20px;
}

/* leggera sfumatura scura per leggibilità */
.hero-overlay::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(80deg, rgba(0,0,0,.35), transparent 70%);
border-radius:18px;
}

.problems{
margin:70px 0;
}

.process{
margin:70px 0;
}

.why{
margin:70px 0;
}

.final-cta{
margin:90px 0;
text-align:center;
}

.cta-note{
margin-top:14px;
opacity:.7;
font-size:14px;
}

#emtech-chatbot{
position:fixed;
bottom:20px;
right:20px;
width:320px;
height:420px;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.2);
border-radius:10px;
display:flex;
flex-direction:column;
overflow:hidden;
z-index:999999;
}

#emtech-chat-header{
background:#0073aa;
color:#fff;
padding:10px;
display:flex;
justify-content:space-between;
align-items:center;
}

#emtech-chat-messages{
flex:1;
padding:10px;
overflow:auto;
}

#emtech-input-area{
padding:10px;
border-top:1px solid #eee;
}

.minimized{
height:50px !important;
}

.minimized #emtech-chat-messages,
.minimized #emtech-input-area{
display:none;
}

/* stato minimizzato chat */

.emtech-minimized{
height:60px !important;
}

.emtech-minimized #chat-messages,
.emtech-minimized #chat-input-area{
display:none !important;
}