/* ProptyWise Insights plugin (theme-matched, minimal overrides) */
.pwai-section { padding-bottom: 28px; }
/* Only use gradient if no inline hero image is provided */
.pwai-hero .hero-media{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: none;
}
.pwai-hero .hero-media:not([style*="background-image"]){
  background-image: linear-gradient(135deg, rgba(27,101,255,.55), rgba(11,68,255,.20));
}


/* Tabs */
.pwai-tabs-bar{
  display:flex;
  gap:10px;
  padding:10px;
  border-radius: 999px;
  background: rgba(11,18,32,.04);
  border: 1px solid rgba(11,18,32,.06);
  margin: 18px 0 14px;
}
.pwai-tab{
  flex:1;
  border:0;
  background: transparent;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  cursor:pointer;
  color: rgba(11,18,32,.75);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.pwai-tab:hover{ transform: translateY(-1px); }
.pwai-tab.active{
  background: linear-gradient(180deg,var(--brand),var(--brand2));
  color:#fff;
  box-shadow: 0 10px 22px rgba(11,18,32,.10);
}
.pwai-tabs-panel{ display:none; }
.pwai-tabs-panel.active{ display:block; }

/* Loading */
.pwai-loading{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 12px;
}
.pwai-spinner{
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 3px solid rgba(11,18,32,.18);
  border-top-color: var(--brand);
  animation: pwaiSpin .9s linear infinite;
}
@keyframes pwaiSpin { to { transform: rotate(360deg); } }

/* Output */
.pwai-output-bar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-bottom: 12px;
}
.pwai-prose h1,.pwai-prose h2,.pwai-prose h3{ margin: 18px 0 8px; }
.pwai-prose p{ margin: 0 0 10px; }
.pwai-prose ul,.pwai-prose ol{ margin: 0 0 12px 22px; }
.pwai-prose li{ margin: 0 0 6px; }


/* Premium button polish (keeps your theme .btn/.btn-primary base) */
.pwai-btn-modern{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius: 999px;
  padding: 14px 18px;
  font-weight: 800;
  letter-spacing: .2px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}
.pwai-btn-modern .pwai-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  transition: transform .18s ease;
}
.pwai-btn-modern:hover .pwai-btn-icon{ transform: translateX(2px); }
.pwai-btn-modern:disabled{ opacity: .6; cursor: not-allowed; }


/* Premium tabs: balanced Proptywise blue + gold (matches your theme CTAs) */
.pwai-tabs-wrap{ margin-top: 14px; }
.pwai-tabs-premium{
  display:flex;
  gap:10px;
  padding: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.18);
}
.pwai-tabs-premium .pwai-tab{
  flex:1;
  border: 0;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 800;
  cursor: pointer;
  background: rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.92);
  transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.pwai-tabs-premium .pwai-tab:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.pwai-tabs-premium .pwai-tab.active{
  background: linear-gradient(90deg, #0B44FF, #1B65FF);
  color: #fff;
  box-shadow: 0 14px 35px rgba(11,68,255,0.28);
}
.pwai-tabs-premium .pwai-tab.active[data-tab="performance"]{
  background: linear-gradient(90deg, #F4C542, #F2B705);
  color: #0b1220;
  box-shadow: 0 14px 35px rgba(242,183,5,0.22);
}

/* Hero CTAs inside the plugin hero */
.pwai-hero{ position: relative; }
.pwai-hero[style*="background-image"] .hero-top{ border-radius: 22px; overflow:hidden; }
.pwai-hero-ctas{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.pwai-cta{
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
}
.pwai-cta-accent{
  background: linear-gradient(90deg, #F4C542, #F2B705) !important;
  color: #0b1220 !important;
  border: 0 !important;
}
.pwai-cta-accent:hover{ filter: brightness(1.03); transform: translateY(-1px); }


/* Fix: make inactive tabs clearly visible (premium pill buttons) */
.pwai-tabs-premium{
  background: rgba(11,18,32,0.06);
  border: 1px solid rgba(11,18,32,0.08);
}
.pwai-tabs-premium .pwai-tab{
  background: rgba(255,255,255,0.92);
  color: #0b1220;
  border: 1px solid rgba(11,18,32,0.10);
}
.pwai-tabs-premium .pwai-tab:hover{ filter: brightness(1.02); }

/* Hero matches ProptyWise card style like screenshot */
.pwai-hero-frame{ border-radius: 26px; overflow: hidden; }
.pwai-hero-top{ min-height: 520px; position: relative; }
.pwai-hero-media{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center;
  filter: saturate(1.05);
}
.pwai-hero-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.40) 45%, rgba(0,0,0,.10) 100%);
}
.pwai-hero-inner{
  position: relative;
  max-width: 760px;
  padding: 56px 46px;
  color: #fff;
}
.pwai-kicker{
  font-size: 18px;
  opacity: .85;
  margin-bottom: 10px;
}
.pwai-hero-title{
  font-size: clamp(44px, 5vw, 68px);
  line-height: 1.05;
  margin: 0 0 14px;
  letter-spacing: -0.02em;
}
.pwai-hero-subtitle{
  font-size: 20px;
  line-height: 1.6;
  max-width: 720px;
  margin: 0;
  opacity: .92;
}
.pwai-hero-ctas{ margin-top: 24px; }

@media (max-width: 720px){
  .pwai-hero-inner{ padding: 34px 22px; }
  .pwai-hero-top{ min-height: 420px; }
}




.pwai-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;}
.pwai-hero-ctas .btn{border-radius:999px;padding:14px 22px;font-weight:800;}
.pwai-cta-accent{background:linear-gradient(90deg,#F4C542,#F2B705)!important;color:#0b1220!important;border:0!important;}






/* Lighter active tabs (same colors, softer + more premium) */
.pwai-tabs-premium .pwai-tab.active{
  position: relative;
  background: linear-gradient(90deg, rgba(11,68,255,.74), rgba(27,101,255,.74));
  color:#fff;
  box-shadow: 0 8px 18px rgba(11,68,255,0.12);
}

/* Soft glossy overlay */
.pwai-tabs-premium .pwai-tab.active::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0));
  pointer-events:none;
}

/* Lighter gold for performance tab */
.pwai-tabs-premium .pwai-tab.active[data-tab="performance"]{
  background: linear-gradient(90deg, rgba(244,197,66,.60), rgba(242,183,5,.60));
  color:#111827;
  box-shadow: 0 8px 18px rgba(242,183,5,0.10);
}