/* =========================
   WIDESH · INTEGRATIONS HUB
   SCOPED: .wih-
   ========================= */

/* پس‌زمینه نرم (نارنجیِ غروب ↔ آبی روشن) */
.wih{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.wih-bg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(720px 340px at 14% 18%, rgba(249,115,22,.18), transparent 60%),
    radial-gradient(700px 340px at 86% 88%, rgba(56,189,248,.16), transparent 60%),
    linear-gradient(180deg,#FFF7F2 0%, #F3F9FF 55%, #FFFFFF 100%);
}

/* کانتینر هماهنگ با سایر سکشن‌ها */
.wih-container{position:relative;z-index:2;max-width:1200px;margin-inline:auto;padding:44px 22px}
@media (min-width:1440px){.wih-container{max-width:1320px}}

/* لایه‌بندی پایه */
.wih-layout{display:grid;gap:24px;align-items:center;grid-template-columns:1fr}

/* Desktop: وسط‌چینی و سقف ۶۳۰px؛ تصویر کوچک‌تر از قبل */
@media (min-width:1100px){
  .wih-layout{
    grid-template-columns: minmax(0,630px) minmax(0,630px);
    column-gap:24px;
    justify-content:center;
  }
  .wih-content{max-width:630px}
  .wih-head, .wih-panels{max-width:630px}
  .wih-media{max-width:520px; justify-self:start}  /* ← کوچک‌تر شد */
}

/* تصویر */
.wih-media{
  margin:0;border-radius:24px;overflow:hidden;
  border:1px solid #FFE1D2;
  background:linear-gradient(180deg,#FFFFFF,#FFF8F5);
  box-shadow:0 28px 70px rgba(249,115,22,.18), inset 0 0 0 1px rgba(255,255,255,.75);
}
.wih-media img{display:block;width:100%;height:auto}

/* محتوا */
.wih-head{margin-bottom:12px}
.wih-title{
  font-family:"Lalezar",system-ui;font-weight:400;margin:0 0 6px;
  color:#182237;font-size:clamp(26px,3.6vw,40px);
  text-shadow:0 8px 28px rgba(0,0,0,.08)
}
.wih-subtitle{
  font-family:iransans,Tahoma,sans-serif;color:#334155;margin:0;
  font-size:clamp(14px,1.6vw,16px);line-height:1.95
}

/* پوسته تب/پنل */
.wih-shell{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:14px}
@media (max-width:900px){ .wih-shell{grid-template-columns:1fr} }

/* تب‌های عمودی */
.wih-tabs{position:relative;display:flex;flex-direction:column;gap:10px}
.wih-tab{
  position:relative;display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#FFFFFF,#FBFAFF);
  border:1px solid #EDEBFE;color:#2A2550;font-family:iransans,Tahoma,sans-serif;font-weight:900;
  cursor:pointer; box-shadow:0 10px 22px rgba(27,20,64,.08)
}
.wih-tab i{color:#7C3AED} /* آیکن تب */
.wih-tab.is-active{
  color:#0F1027;
  background:linear-gradient(135deg,#06B6D4,#7C3AED); /* گرادیان جدید */
  border-color:#C7EFFF;
  box-shadow:0 14px 32px rgba(6,182,212,.22)
}
.wih-highlight{
  position:absolute;inset-inline-start:-6px;top:0;width:4px;height:44px;border-radius:9999px;
  background:linear-gradient(180deg,#06B6D4,#7C3AED);
  transform:translateY(0);transition:transform .28s ease, height .28s ease
}

/* پنل‌ها */
.wih-panels{position:relative;min-height:220px}
.wih-panel{
  display:none;background:linear-gradient(180deg,#FFFFFF,#F9FAFF);
  border:1px solid #EDEBFE;border-radius:18px;padding:14px;
  box-shadow:0 12px 28px rgba(27,20,64,.10)
}
.wih-panel.is-active{display:block}

/* لیست */
.wih-list{list-style:none;margin:0 0 12px 0;padding:0;display:flex;flex-direction:column;gap:10px}
.wih-list li{display:flex;align-items:flex-start;gap:8px;font-family:iransans,Tahoma,sans-serif;color:#1F2A37}
.wih-list i{color:#10B981;margin-top:3px}

/* شکست خطوط امن */
.wih-panel{overflow-wrap:anywhere}
.wih-list span{overflow-wrap:anywhere}

/* لوگوهای فونتی */
.wih-logos{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 10px}
.wih-logo{
  display:inline-flex;align-items:center;justify-content:center;
  height:38px;min-width:42px;padding:6px 10px;
  border:1px solid #F1EAFE;border-radius:12px;background:#FFFFFF;
  box-shadow:0 8px 18px rgba(27,20,64,.06); color:#182237
}
.wih-logo i{font-size:18px;opacity:.95}

/* CTA با گرادیان جدید */
.wih-cta{
  display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9999px;
  background:linear-gradient(135deg,#06B6D4,#7C3AED); /* ← گرادیان بهتر */
  color:#FFFFFF;font-weight:900;border:1px solid rgba(0,0,0,.04);
  text-decoration:none;font-family:iransans,Tahoma,sans-serif;box-shadow:0 10px 26px rgba(6,182,212,.22)
}
.wih-cta:hover{transform:translateY(-2px)}

/* باکسینگ */
.wih, .wih *{box-sizing:border-box;max-width:100%}