/* asistent-ai.css — Deviz Zugrav v4.4.0 */

/* Capabilități AI */
.ai-caps{display:flex;flex-direction:column;gap:20px;margin-top:48px;max-width:860px;margin-left:auto;margin-right:auto}
.ai-cap{display:flex;gap:20px;align-items:flex-start;padding:20px;border:1px solid var(--g2);border-radius:var(--r);background:var(--w);transition:border-color .25s,transform .25s}
.ai-cap:hover{border-color:var(--b4);transform:translateX(4px)}
.ai-cap--auto{border-style:dashed}
.ai-cap-ic{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ai-cap-ic.b{background:var(--b1);color:var(--b7)}
.ai-cap-ic.o{background:var(--o1);color:var(--o6)}
.ai-cap-ic.g{background:var(--gr1);color:var(--gr6)}
.ai-cap-ic.pu{background:var(--pu1);color:var(--pu6)}
.ai-cap h3{font-size:15px;font-weight:700;color:var(--dk);margin-bottom:6px}
.ai-cap p{font-size:13px;color:var(--g5);line-height:1.65}
.plan-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;margin-left:6px}
.plan-badge.gr{background:var(--gr1);color:var(--gr6)}
.plan-badge.or{background:var(--o1);color:#92400E}
.plan-badge.pu{background:var(--pu1);color:var(--pu6)}
.plan-badge.biz{background:var(--b1);color:var(--b7)}

/* Nivele AI */
.ai-nivele{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.ai-nivel{border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.ai-nivel-head{padding:16px 20px;display:flex;align-items:flex-start;gap:12px}
.ai-nivel-b{background:rgba(33,150,243,.15)}
.ai-nivel-o{background:rgba(232,117,44,.15)}
.ai-nivel-g{background:rgba(22,163,74,.15)}
.ai-nivel-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}
.ai-nivel-plan{font-size:11px;color:rgba(255,255,255,.45);font-weight:500}
.ai-chat-demo{background:rgba(255,255,255,.04);padding:16px;display:flex;flex-direction:column;gap:10px;min-height:180px}
.aichat-msg{display:flex;gap:8px;align-items:flex-start}
.aichat-msg.u{flex-direction:row-reverse}
.aichat-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.aichat-av.b{background:var(--b5);color:#fff}
.aichat-av.o{background:var(--o6);color:#fff}
.aichat-ab{padding:8px 12px;border-radius:9px;font-size:12px;line-height:1.5;max-width:220px}
.aichat-ab.b{background:rgba(33,150,243,.2);color:rgba(255,255,255,.84)}
.aichat-ab.o{background:rgba(232,117,44,.2);color:rgba(255,255,255,.84)}

/* Limite zilnice */
.lim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;max-width:700px;margin-left:auto;margin-right:auto}
.lim-card{background:var(--w);border:1px solid var(--g2);border-radius:var(--r);padding:24px 20px;text-align:center;transition:box-shadow .25s}
.lim-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.07)}
.lim-card-feat{border:2px solid var(--o6);box-shadow:0 8px 24px rgba(232,117,44,.12)}
.lim-card-inf{border-color:var(--pu6)}
.lim-n{font-size:44px;font-weight:800;line-height:1;margin-bottom:6px}
.lim-label{font-size:13px;color:var(--g5);margin-bottom:6px}
.lim-plan{font-size:11px;font-weight:700;color:var(--g5);text-transform:uppercase;letter-spacing:.08em}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:10px;max-width:760px;margin:0 auto}
.faq-item{border:1px solid var(--g2);border-radius:var(--r);overflow:hidden;background:var(--w)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15px;font-weight:600;color:var(--dk);cursor:pointer;transition:background .2s;user-select:none}
.faq-q:hover{background:var(--g0)}
.faq-q svg{flex-shrink:0;transition:transform .3s;color:var(--g5)}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{padding:0 22px;font-size:14px;color:var(--g5);line-height:1.75;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.22,1,.36,1),padding .3s}
.faq-item.open .faq-a{max-height:400px;padding:0 22px 18px}

@media(max-width:959px){.ai-nivele{grid-template-columns:1fr}}
@media(max-width:767px){
  .lim-grid{grid-template-columns:1fr 1fr}
  .ai-cap{flex-direction:column}
}
@media(max-width:480px){.lim-grid{grid-template-columns:1fr 1fr}}


/* ============================================================
   HERO ASISTENT AI — custom cu animatie chat
   ============================================================ */
.aihero {
  background: linear-gradient(135deg, var(--dk) 0%, var(--b9) 100%);
  padding: 72px 40px 60px;
}

.aihero-inner {
  display: grid;
  grid-template-columns: 60fr 40fr;
  gap: 56px;
  align-items: center;
}

.aihero-text .sl { margin-bottom: 14px; display: inline-block; }

.aihero-text h1 {
  font-size: clamp(28px, 3.5vw, 46px);
  font-weight: 800;
  color: #fff;
  line-height: 1.14;
  letter-spacing: -.03em;
  margin-bottom: 16px;
}

.aihero-text h1 em {
  font-style: normal;
  color: var(--o5);
}

.aihero-text p {
  font-size: 16px;
  color: rgba(255,255,255,.75);
  line-height: 1.75;
  margin-bottom: 28px;
  max-width: 540px;
}

.aihero-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.aihero-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 960px) {
  .aihero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .aihero-visual { display: none; }
}

@media (max-width: 767px) {
  .aihero { padding: 48px 20px 40px; }
}

/* Carduri AI pe 2 coloane */
.ai-caps--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 100%;
  margin-top: 48px;
}
.ai-caps--grid .ai-cap {
  margin: 0;
}
.ai-caps--grid .ai-cap:hover {
  transform: translateY(-3px);
  border-color: var(--b4);
}
@media (max-width: 767px) {
  .ai-caps--grid { grid-template-columns: 1fr; }
}

/* Chat animat in hero AI (via hero-std placeholder) */
.aihero-chat-hero {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 8px 0;
}
.hero-std__icon-placeholder .aihero-chat-hero {
  align-items: flex-start;
}

/* FAQ full-width pe pagina AI */
#faq-ai .faq-list {
  max-width: 100%;
  column-count: 1;
}
#faq-ai .faq-item {
  max-width: 100%;
}

/* Chat AI injectat in hero placeholder */
.aihero-chat-inject {
  aspect-ratio: auto !important;
  min-height: 340px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  overflow: hidden;
}