/* AKS Blog-page premium polish — 2026-08-16
   Scope: blogs.php only. Does not alter specialist category cards/articles. */
:root{
  --aks-bp-burgundy:#571d2a;
  --aks-bp-navy:#173447;
  --aks-bp-petrol:#24474a;
  --aks-bp-aubergine:#392d3c;
  --aks-bp-graphite:#292825;
  --aks-bp-paper:#fffdf8;
  --aks-bp-line:rgba(67,55,42,.17);
  --aks-bp-shadow:0 18px 46px rgba(33,29,24,.10);
  --aks-bp-ease:cubic-bezier(.22,.72,.24,1);
}

/* ---------- Blog hero: isolated, compositor-friendly colour atmosphere ----------
   The shared aks-contact-gate.css owns .page-hero::before/::after with !important.
   Do not animate those shared pseudo-elements. This page uses its own two-layer tone stack. */
.page-hero.aks-blog-hero-premium{
  position:relative!important;
  isolation:isolate!important;
  background-color:#17191a!important;
  background-image:
    linear-gradient(180deg,rgba(12,14,15,.18) 0%,rgba(12,14,15,.28) 48%,rgba(12,14,15,.58) 100%),
    linear-gradient(90deg,rgba(9,11,12,.34) 0%,rgba(9,11,12,.08) 48%,rgba(9,11,12,.30) 100%),
    url("images/patna-high-court-hero-background.jpeg")!important;
  background-size:cover!important;
  background-position:center 45%!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 -118px 150px rgba(10,12,13,.54)!important;
}
/* Neutralize only the BLOG hero's shared red glazing; keep the same shared structure/photo. */
.page-hero.aks-blog-hero-premium::before{
  background:
    radial-gradient(circle at 78% 4%,rgba(217,193,142,.14),transparent 43%),
    radial-gradient(circle at 8% 26%,rgba(217,193,142,.065),transparent 34%),
    linear-gradient(180deg,rgba(255,250,232,.035) 0%,rgba(255,250,232,0) 28%,rgba(9,11,12,.20) 100%)!important;
  opacity:1!important;
  animation:none!important;
}
.page-hero.aks-blog-hero-premium::after{
  background:linear-gradient(180deg,rgba(10,12,13,0) 0%,rgba(10,12,13,.18) 42%,rgba(10,12,13,.48) 82%,rgba(10,12,13,.68) 100%)!important;
}
.page-hero.aks-blog-hero-premium > .aks-blog-hero-tones{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  contain:paint;
}
.page-hero.aks-blog-hero-premium > .wrap{
  position:relative!important;
  z-index:2!important;
}
.aks-blog-hero-tone{
  position:absolute;
  inset:0;
  pointer-events:none;
  backface-visibility:hidden;
  transform:translateZ(0);
}
/* Two layers only. Background colours switch while their layer is invisible;
   the visible transition animates OPACITY only, avoiding full-area colour repaint on every frame. */
.aks-blog-hero-tone-a{
  background-color:rgba(87,29,42,.70);
  opacity:1;
  animation:aks-bp-tone-a-opacity 32s linear infinite,aks-bp-tone-a-color 32s steps(1,end) infinite;
}
.aks-blog-hero-tone-b{
  background-color:rgba(23,52,71,.72);
  opacity:0;
  animation:aks-bp-tone-b-opacity 32s linear infinite,aks-bp-tone-b-color 32s steps(1,end) infinite;
}
@keyframes aks-bp-tone-a-opacity{
  0%,18%{opacity:1}
  25%,43%{opacity:0}
  50%,68%{opacity:1}
  75%,93%{opacity:0}
  100%{opacity:1}
}
@keyframes aks-bp-tone-b-opacity{
  0%,18%{opacity:0}
  25%,43%{opacity:1}
  50%,68%{opacity:0}
  75%,93%{opacity:1}
  100%{opacity:0}
}
@keyframes aks-bp-tone-a-color{
  0%,37%{background-color:rgba(87,29,42,.70)}
  38%,87%{background-color:rgba(36,71,74,.72)}
  88%,100%{background-color:rgba(87,29,42,.70)}
}
@keyframes aks-bp-tone-b-color{
  0%,62%{background-color:rgba(23,52,71,.72)}
  63%,99%{background-color:rgba(57,45,60,.73)}
  100%{background-color:rgba(23,52,71,.72)}
}

/* ---------- Search + category panel ---------- */
.blog-search-panel.aks-blog-search-premium{
  position:relative;
  z-index:16;
  margin-bottom:22px;
  padding:13px;
  border:1px solid rgba(168,130,60,.29);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(242,236,224,.94));
  box-shadow:var(--aks-bp-shadow),inset 0 1px 0 rgba(255,255,255,.9);
}
.blog-search-panel.aks-blog-search-premium::before{
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(168,130,60,.72),transparent);
}
.blog-search-panel.aks-blog-search-premium .blog-search-grid{
  grid-template-columns:minmax(0,1fr) minmax(238px,290px) auto;
  gap:9px;
  align-items:stretch;
}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"]{
  min-width:0;
  min-height:47px;
  padding:11px 14px 11px 15px;
  border:1px solid var(--aks-bp-line);
  border-radius:12px;
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
  color:#312e2a;
  font-size:.84rem;
  outline:none;
  transition:border-color .18s var(--aks-bp-ease),box-shadow .18s var(--aks-bp-ease),background-color .18s var(--aks-bp-ease);
}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"]::placeholder{color:#8c857b}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"]:hover{border-color:rgba(168,130,60,.48);background:#fff}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"]:focus{
  border-color:#8f733e;
  background:#fff;
  box-shadow:0 0 0 3px rgba(168,130,60,.13),inset 0 1px 0 #fff;
}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn{
  min-height:47px;
  justify-content:center;
  border:1px solid #504739;
  border-radius:12px;
  padding:10px 18px;
  background:linear-gradient(145deg,#37332d,#24231f);
  color:#f7efe1;
  box-shadow:0 8px 20px rgba(33,29,24,.13),inset 0 1px 0 rgba(255,255,255,.08);
  font-size:.68rem;
  letter-spacing:.07em;
  transition:transform .16s var(--aks-bp-ease),box-shadow .18s var(--aks-bp-ease),border-color .18s var(--aks-bp-ease),background .18s var(--aks-bp-ease);
}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn:hover{
  transform:translateY(-1px);
  border-color:#9b7b40;
  background:linear-gradient(145deg,#403a31,#292621);
  box-shadow:0 11px 24px rgba(33,29,24,.16),inset 0 1px 0 rgba(255,255,255,.10);
}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn:active{transform:translateY(0) scale(.992)}
.blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn:focus-visible{
  outline:3px solid #f0d794;
  outline-offset:2px;
}

/* Native select remains the no-JS fallback; hidden only after progressive enhancement succeeds. */
.aks-combobox-ready select.aks-native-category-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.aks-premium-category{
  position:relative;
  min-width:0;
}
.aks-category-trigger{
  width:100%;
  min-height:47px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px 9px 14px;
  border:1px solid var(--aks-bp-line);
  border-radius:12px;
  background:rgba(255,255,255,.84);
  color:#322f2a;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
  transition:border-color .18s var(--aks-bp-ease),box-shadow .18s var(--aks-bp-ease),background-color .18s var(--aks-bp-ease),transform .14s var(--aks-bp-ease);
}
.aks-category-trigger:hover{border-color:rgba(168,130,60,.50);background:#fff}
.aks-category-trigger:active{transform:scale(.995)}
.aks-category-trigger:focus-visible{
  outline:none;
  border-color:#8f733e;
  box-shadow:0 0 0 3px rgba(168,130,60,.14),inset 0 1px 0 #fff;
}
.aks-category-trigger-copy{min-width:0;display:grid;gap:1px}
.aks-category-trigger-copy small{
  color:#9a8255;
  font-family:'IBM Plex Mono',monospace;
  font-size:.50rem;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.aks-category-trigger-copy strong{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#35312c;
  font-size:.76rem;
  font-weight:700;
  line-height:1.2;
}
.aks-category-chevron{
  width:26px;height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(168,130,60,.25);
  border-radius:9px;
  background:#f6f0e4;
  color:#6b5836;
  font-size:.78rem;
  transition:transform .20s var(--aks-bp-ease),background-color .20s var(--aks-bp-ease);
}
.aks-category-trigger[aria-expanded="true"] .aks-category-chevron{transform:rotate(180deg);background:#eee3cf}
.aks-category-popover{
  position:absolute;
  z-index:150;
  top:calc(100% + 7px);
  right:0;
  width:min(440px,calc(100vw - 44px));
  padding:8px;
  border:1px solid rgba(115,91,51,.26);
  border-radius:16px;
  background:rgba(255,253,248,.985);
  box-shadow:0 24px 58px rgba(24,21,18,.19),0 4px 12px rgba(24,21,18,.07),inset 0 1px 0 #fff;
  transform-origin:top right;
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px) scale(.985);
  pointer-events:none;
  transition:opacity .16s var(--aks-bp-ease),transform .18s var(--aks-bp-ease),visibility .18s;
}
.aks-premium-category.is-open .aks-category-popover{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.aks-category-search-wrap{
  position:relative;
  padding:2px 2px 7px;
  border-bottom:1px solid rgba(67,55,42,.10);
}
.blog-search-panel.aks-blog-search-premium .aks-category-search{
  width:100%;
  min-height:39px;
  padding:8px 11px;
  border:1px solid rgba(67,55,42,.14);
  border-radius:10px;
  background:#f7f3ea;
  color:#332f2a;
  font-size:.72rem;
  outline:none;
}
.blog-search-panel.aks-blog-search-premium .aks-category-search:focus{border-color:rgba(143,115,62,.70);box-shadow:0 0 0 3px rgba(168,130,60,.11);background:#fff}
.aks-category-list{
  max-height:min(315px,52vh);
  overflow:auto;
  overscroll-behavior:contain;
  padding:6px 2px 2px;
  scrollbar-width:thin;
  scrollbar-color:#b9ab91 transparent;
}
.aks-category-option{
  width:100%;
  min-height:39px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:7px 9px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#403b35;
  text-align:left;
  cursor:pointer;
  font-size:.71rem;
  line-height:1.32;
  transition:background-color .14s var(--aks-bp-ease),color .14s var(--aks-bp-ease),transform .12s var(--aks-bp-ease);
}
.aks-category-option:hover,.aks-category-option:focus-visible{outline:none;background:#f0e7d8;color:#281f18}
.aks-category-option:active{transform:scale(.995)}
.aks-category-option[aria-selected="true"]{background:#e8dfcf;color:#491923;font-weight:750}
.aks-category-check{
  width:20px;height:20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(168,130,60,.26);
  border-radius:7px;
  color:transparent;
  background:#fffdf8;
  font-size:.68rem;
}
.aks-category-option[aria-selected="true"] .aks-category-check{border-color:#9b7a3d;background:#6b1e2a;color:#fff6e7}
.aks-category-empty{padding:14px 10px;color:#746d63;font-size:.69rem;text-align:center}

/* ---------- Resource centre: same information, substantially less vertical space ---------- */
.aks-pmla-resource-callout.aks-resource-compact{
  gap:14px;
  margin-bottom:18px;
  padding:14px 16px;
  border-left-width:4px;
  border-radius:13px;
  box-shadow:0 9px 24px rgba(33,29,24,.055);
}
.aks-pmla-resource-callout.aks-resource-compact h2{
  margin:0 0 3px;
  font-size:1.02rem;
  line-height:1.18;
}
.aks-pmla-resource-callout.aks-resource-compact p{
  margin:0;
  max-width:830px;
  font-size:.76rem;
  line-height:1.44;
}
.aks-pmla-resource-callout.aks-resource-compact>.btn{
  min-height:40px;
  padding:8px 13px;
  border-radius:10px;
  font-size:.61rem;
  letter-spacing:.055em;
  white-space:nowrap;
  justify-content:center;
}

@media(max-width:960px){
  .blog-search-panel.aks-blog-search-premium .blog-search-grid{grid-template-columns:minmax(0,1fr) minmax(220px,280px) auto}
}
@media(max-width:820px){
  .blog-search-panel.aks-blog-search-premium .blog-search-grid{grid-template-columns:1fr minmax(0,1fr) auto}
}
@media(max-width:700px){
  .blog-search-panel.aks-blog-search-premium{padding:10px;border-radius:15px;margin-bottom:18px}
  .blog-search-panel.aks-blog-search-premium .blog-search-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"],
  .aks-category-trigger,
  .blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn{min-height:44px}
  .blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn{width:100%}
  .aks-category-popover{left:0;right:auto;width:100%;max-width:none}
  .aks-category-list{max-height:42vh}

  .aks-pmla-resource-callout.aks-resource-compact{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 9px!important;
    align-items:center!important;
    margin:0 0 13px!important;
    padding:9px 10px 9px 11px!important;
    border-left-width:3px!important;
    border-radius:11px;
  }
  .aks-pmla-resource-callout.aks-resource-compact h2{font-size:.82rem!important;line-height:1.16!important;margin:0 0 2px!important}
  .aks-pmla-resource-callout.aks-resource-compact p{font-size:.625rem!important;line-height:1.34!important;margin:0!important}
  .aks-pmla-resource-callout.aks-resource-compact>.btn{
    align-self:center;
    min-height:40px;
    max-width:92px;
    padding:7px 9px!important;
    border-radius:9px;
    font-size:.52rem!important;
    line-height:1.18;
    letter-spacing:.035em!important;
    white-space:normal;
    text-align:center;
  }
}
@media(max-width:390px){
  .aks-pmla-resource-callout.aks-resource-compact{padding:8px 8px 8px 9px!important;gap:5px 7px!important}
  .aks-pmla-resource-callout.aks-resource-compact h2{font-size:.78rem!important}
  .aks-pmla-resource-callout.aks-resource-compact p{font-size:.60rem!important;line-height:1.31!important}
  .aks-pmla-resource-callout.aks-resource-compact>.btn{max-width:82px;padding:7px!important;font-size:.49rem!important}
  .aks-category-popover{width:100%}
  .aks-category-option{font-size:.68rem}
}

@media(prefers-reduced-motion:reduce){
  /* The hero uses only non-spatial opacity cross-fades; no transform/zoom/pan motion. */
  .aks-blog-hero-tone-a,.aks-blog-hero-tone-b{animation-duration:48s!important}
  .aks-category-trigger,.aks-category-chevron,.aks-category-popover,.aks-category-option,
  .blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"],
  .blog-search-panel.aks-blog-search-premium .blog-search-grid>.btn{transition:none!important;transform:none!important}
}
@media(prefers-contrast:more){
  .page-hero.aks-blog-hero-premium::before{opacity:1}
  .aks-category-trigger,.aks-category-search,.blog-search-panel.aks-blog-search-premium .blog-search-grid>input[type="search"]{border-color:#66563d}
}
@media print{
  .page-hero.aks-blog-hero-premium>.aks-blog-hero-tones{display:none!important}
  .aks-category-popover{display:none!important}
}