/* ==========================================================================
   PIXOUS TECHNOLOGIES — AI Chatbot Development • Page Overrides & Helpers
   File: public/assets/seo/css/ai-chatbot.css
   Loads AFTER seo-core.css. Accent: Amber #F59E0B
   Only ever touches elements inside .ios-sp.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ACCENT OVERRIDES  (amber on top of the shared design system)
-------------------------------------------------------------------------- */
.ios-sp .ios-sp-eyebrow{
  color:#b45309;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.24);
}
.ios-sp .ios-sp-eyebrow::before{
  background:#F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,.18);
}
.ios-sp .ios-sp-section--ink .ios-sp-eyebrow{
  color:#fcd9a0;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.30);
}

.ios-sp .ios-sp-title-accent{
  background:linear-gradient(120deg,#F59E0B,#d97706);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.ios-sp .ios-sp-section--ink .ios-sp-title-accent{
  background:linear-gradient(120deg,#fbbf24,#ffffff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.ios-sp .ios-sp-hero-accent{
  background:linear-gradient(120deg,#fbbf24,#F59E0B);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

.ios-sp .ios-sp-btn--primary{
  background:linear-gradient(135deg,#F59E0B,#d97706);color:#fff;
  box-shadow:0 18px 36px -14px rgba(245,158,11,.65);
}
.ios-sp .ios-sp-btn--primary:hover{
  box-shadow:0 22px 42px -14px rgba(245,158,11,.7);
}
.ios-sp .ios-sp-btn--ghost:hover{border-color:#F59E0B;color:#b45309;}
.ios-sp .ios-sp-section--ink .ios-sp-btn--ghost:hover{border-color:#F59E0B;color:#fff;}
.ios-sp .ios-sp-arrow:hover{color:#d97706;}

/* Stats / counters (core uses gradient text, so re-point the gradient) */
.ios-sp .ios-sp-stat .num{
  background:linear-gradient(120deg,#F59E0B,#d97706);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Card list diamond markers */
.ios-sp .ios-sp-cardlist li::before{background:#F59E0B;}

/* Card hover glow */
.ios-sp .ios-sp-card:hover{
  border-color:rgba(245,158,11,.28);
  box-shadow:0 14px 40px -18px rgba(245,158,11,.35);
}

/* Industry tabs active state */
.ios-sp .ios-sp-itab.is-active{
  background:rgba(245,158,11,.12);border-color:#F59E0B;color:#b45309;
}

/* FAQ open state */
.ios-sp .ios-sp-faq-item.is-open .ios-sp-faq-q{color:#b45309;}
.ios-sp .ios-sp-faq-item.is-open .ios-sp-faq-q .ic{
  background:#F59E0B;color:#3a2703;
}

/* Form field focus */
.ios-sp .ios-sp-field input:focus,
.ios-sp .ios-sp-field textarea:focus,
.ios-sp .ios-sp-field select:focus{
  border-color:#F59E0B;box-shadow:0 0 0 3px rgba(245,158,11,.12);
}

/* --------------------------------------------------------------------------
   2. PAGE HELPER CLASSES  (used by ai-chatbot-development.php markup)
-------------------------------------------------------------------------- */

/* h2 rendered like a card heading (sheet marks these blocks as H2) */
.ios-sp .ios-sp-card-h2{
  font-size:1.18rem;font-weight:700;margin-bottom:9px;letter-spacing:-.01em;
}

/* h4 inside cards */
.ios-sp .ios-sp-card-h4{
  font-size:.98rem;font-weight:700;margin:14px 0 8px;letter-spacing:-.01em;
}

/* h3 sub-headline between blocks inside a section */
.ios-sp .ios-sp-h3{
  font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:800;line-height:1.2;
  letter-spacing:-.015em;margin-bottom:12px;
}

/* Extra spacing when a sub-head follows content in the same section */
.ios-sp .ios-sp-head--sub{margin-top:64px;}

/* Bold label above a list inside a card / panel */
.ios-sp .ios-sp-lbl{
  font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:#b45309;margin:14px 0 8px;
}
.ios-sp .ios-sp-lbl--center{text-align:center;margin-left:auto;margin-right:auto;}
.ios-sp .ios-sp-section--ink .ios-sp-lbl{color:#fcd9a0;}

/* Step h4 ("Key Activities" etc.) */
.ios-sp .ios-sp-step-h4{
  font-size:.9rem;font-weight:700;margin:12px 0 6px;letter-spacing:.01em;
}

/* Step outcome line */
.ios-sp .ios-sp-step-outcome{
  margin-top:12px;padding:10px 14px;border-radius:12px;font-size:.92rem;
  background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22);
}
.ios-sp .ios-sp-step-outcome b{color:#b45309;font-weight:700;}

/* Mini cards (benefit / use-case chips with an h4) */
.ios-sp .ios-sp-card--mini{padding:18px 20px;}
.ios-sp .ios-sp-card--mini h4{
  font-size:.95rem;font-weight:700;margin-bottom:6px;letter-spacing:-.01em;
}
.ios-sp .ios-sp-card--mini p{font-size:.9rem;}

/* Trailing note inside a card */
.ios-sp .ios-sp-card-note{
  margin-top:12px;font-size:.9rem;font-style:italic;color:var(--text-soft,#5b6b80);
}

/* Plain checklist (sheet already carries ✅ marks — no diamond marker) */
.ios-sp .ios-sp-cardlist--plain{padding-left:0;}
.ios-sp .ios-sp-cardlist--plain li{padding-left:0;}
.ios-sp .ios-sp-cardlist--plain li::before{content:none;}

/* Tech-stack category label (styled like a stack-card heading) */
.ios-sp .ios-sp-stack-cat{
  display:flex;align-items:center;gap:10px;font-size:.98rem;font-weight:700;
  margin-bottom:13px;color:#fff;
}

/* Industry panel intro copy block */
.ios-sp .ios-sp-ipanel-copy{max-width:760px;margin:0 auto 22px;text-align:center;}
.ios-sp .ios-sp-ipanel-copy h3{margin-bottom:8px;}

/* Centered button row */
.ios-sp .ios-sp-btnrow--center{justify-content:center;}

/* FAQ question heading wrapper (h3 keeps the sheet's heading level,
   the inner button keeps seo-core.js accordion behaviour) */
.ios-sp .ios-sp-faq-hq{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
.ios-sp .ios-sp-faq-hq .ios-sp-faq-q{font-family:inherit;}

/* CTA banner amber tint */
.ios-sp .ios-sp-cta{
  /*background:*/
  /*  radial-gradient(120% 160% at 85% 0%,rgba(245,158,11,.22) 0%,transparent 55%),*/
  /*  linear-gradient(135deg,#09324e 0%,#0c2036 100%);*/
  background:linear-gradient(circle at 20% 20%,rgba(255,255,255,.16),transparent 40%),linear-gradient(circle at 85% 80%,rgba(255,255,255,.12),transparent 45%);
}

/* Scrollbar accent */
.ios-sp::-webkit-scrollbar-thumb{background:#F59E0B;}