/* Advastar — Practice Area sections (database numbers, case-study details, recognition)
   Scoped classes only; colours match the existing winsite palette. */

:root{
  --pa-royal:#2c3fc4;
  --pa-sky:#29a9e1;
  --pa-slate:#333b44;
  --pa-ink:#1e2732;
  --pa-text:#2b333d;
  --pa-muted:#6b7580;
  --pa-line:#e6eaef;
  --pa-wash:#f5f7fa;
}

/* ---------- Header: hide on scroll-down, reveal on scroll-up (JS toggles .pa-nav-hidden) ---------- */
.header-redesign-bar{ will-change: transform; }
.header-redesign-bar.pa-nav-hidden{ transform: translateY(-100%); }

/* ---------- Client-logo carousel: hide until infiniteslide lays it out ----------
   Before the theme's JS runs, the raw <ul> shows every logo bunched at the left.
   The JS wraps each list in .infiniteslide_wrap; key the reveal off that wrapper. */
.pa-logo-container .inf-carousel,
.pa-logo-container .inf-carousel-reverse{ visibility:hidden; }
.pa-logo-container .infiniteslide_wrap .inf-carousel,
.pa-logo-container .infiniteslide_wrap .inf-carousel-reverse{ visibility:visible; }

/* ---------- (a) Database numbers ---------- */
.pa-stats-section{ padding:76px 0 84px; background:var(--pa-wash); }
/* the theme's segments section that follows has padding-top:0 — give it room */
.pa-stats-section + .faqs-accordian-container{ padding-top:40px; }
.pa-stats-section .pa-stats-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:34px;
}
.pa-stats-section .pa-stat{
  background:#fff; border-radius:14px; padding:30px 20px; text-align:center;
  box-shadow:0 8px 24px rgba(30,40,60,.06);
}
.pa-stats-section .pa-stat-value{
  font-size:40px; font-weight:800; line-height:1; letter-spacing:-.01em; color:var(--pa-royal);
}
.pa-stats-section .pa-stat-label{ font-size:14px; color:var(--pa-muted); margin-top:10px; line-height:1.4; }
@media (max-width:900px){ .pa-stats-section .pa-stats-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .pa-stats-section .pa-stats-grid{ grid-template-columns:1fr; } }

/* ---------- (b) Case-study details (added inside existing .case-studies cards) ---------- */
.case-studies{ padding-bottom:80px; }                 /* theme left this at 0 */
.case-studies .blog-item{ display:flex; flex-direction:column; height:100%; }
/* theme adds margin-left:20px to links inside .blog-item — kill it so the title lines up */
.case-studies .blog-item h3,
.case-studies .blog-item h3 a{ margin-left:0; padding-left:0; }
.case-studies .blog-item .cs-metric{
  font-size:22px; font-weight:800; line-height:1.25; color:var(--pa-royal); margin:12px 0 8px;
}
.case-studies .blog-item .cs-context{
  font-size:12.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase;
  color:var(--pa-sky); margin-bottom:18px;
}
/* check-mark sits ON the shared left edge (aligned with the title); text indents from it */
.case-studies .blog-item .cs-outcomes{ list-style:none; margin:0 0 24px; padding:0; }
.case-studies .blog-item .cs-outcomes li{
  position:relative; padding-left:30px; font-size:14.5px; color:var(--pa-text);
  margin-bottom:12px; line-height:1.55;
}
.case-studies .blog-item .cs-outcomes li::before{
  content:""; position:absolute; left:0; top:7px; width:11px; height:6px;
  border-left:2.5px solid var(--pa-sky); border-bottom:2.5px solid var(--pa-sky); transform:rotate(-45deg);
}
/* theme puts margin-left:20px on this button — remove it so it lines up with the text */
.case-studies .blog-item .btn-readmore{ margin:auto 0 0 0; align-self:flex-start; }

/* ---------- (c) Recognition ---------- */
.pa-recognition-section{ padding:64px 0; }
.pa-recognition-section .pa-recognition-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px;
}
.pa-recognition-section .pa-rec-card{
  background:#fff; border:1px solid var(--pa-line); border-radius:14px; padding:30px 28px;
  box-shadow:0 10px 30px rgba(30,40,60,.06); text-align:left;
  display:flex; flex-direction:column;
}
.pa-recognition-section .pa-rec-title{
  font-size:18px; font-weight:700; line-height:1.3; color:var(--pa-ink); margin-bottom:12px;
}
.pa-recognition-section .pa-rec-sub{
  font-size:14.5px; color:var(--pa-text); line-height:1.6;   /* dark, was muted grey */
}
.pa-recognition-section .pa-rec-link{
  display:inline-block; margin-top:16px; font-size:14.5px; font-weight:700;
  color:var(--pa-royal); text-decoration:none;
}
.pa-recognition-section .pa-rec-link:hover{ color:var(--pa-sky); text-decoration:underline; }
@media (max-width:900px){ .pa-recognition-section .pa-recognition-grid{ grid-template-columns:1fr; } }