/* LifeDAP Category V2.1
   Clean category archive layout:
   Hero -> Featured -> Popular -> Latest -> CTA
   Legacy search/quick/topic panels are intentionally hidden.
*/

.ldp-data-category{
  --ldc-navy:#102a43;
  --ldc-teal:#159895;
  --ldc-ink:#1f2937;
  --ldc-muted:#64748b;
  --ldc-line:#dbe5ec;
  --ldc-soft:#f5f8fa;
  background:#fff;
  color:var(--ldc-ink);
}
.ldp-data-category *{box-sizing:border-box}
.ldp-data-category img{display:block;max-width:100%}

/* Legacy modules: retained in PHP for future use, hidden in V2 UI */
.ldp-data-category .ldc4-search-area,
.ldp-data-category .ldc4-keywords,
.ldp-data-category .ldc4-quick,
.ldp-data-category .ldc4-updates,
.ldp-data-category .ldc4-comparison,
.ldp-data-category .ldc4-topics,
.ldp-data-category .ldc4-conditions,
.ldp-data-category .ldc4-hub{display:none!important}

/* Hero */
.ldp-data-category .ldc4-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:330px;
  background:var(--ldc-navy);
  color:#fff;
}
.ldp-data-category .ldc4-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  z-index:-2;
}
.ldp-data-category .ldc4-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(7,30,53,.96) 0%,rgba(12,44,67,.88) 42%,rgba(16,42,67,.38) 100%);
}
.ldp-data-category .ldc4-hero-inner{
  min-height:330px;
  display:flex;
  align-items:center;
  padding:54px 20px;
}
.ldp-data-category .ldc4-hero-copy{max-width:620px}
.ldp-data-category .ldc4-eyebrow{
  display:block;
  margin-bottom:8px;
  color:#a5dae2;
  font-size:11px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:2px;
}
.ldp-data-category .ldc4-hero h1{
  margin:0 0 9px;
  color:#fff;
  font-size:46px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:-2px;
}
.ldp-data-category .ldc4-hero h2{
  margin:0;
  color:#50e5e1;
  font-size:27px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:-1px;
}
.ldp-data-category .ldc4-hero p{
  max-width:570px;
  margin:12px 0 0;
  color:#edf7fb;
  font-size:14px;
  line-height:1.8;
}

/* Main content */
.ldp-data-category .ldc4-dashboard{
  position:relative;
  z-index:1;
  margin:0 auto;
  padding-top:58px;
  padding-bottom:70px;
}
.ldp-data-category .ldc4-grid{
  display:block;
  width:100%;
}
.ldp-data-category .ldp-panel{
  width:100%;
  margin:0 0 64px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ldp-data-category .ldp-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 20px;
}
.ldp-data-category .ldp-section-head h2{
  margin:0;
  color:var(--ldc-navy);
  font-size:28px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:-1.1px;
}
.ldp-data-category .ldp-section-head h2 .ldp-icon{display:none}
.ldp-data-category .ldc4-meta{
  color:var(--ldc-muted);
  font-size:12px;
  white-space:nowrap;
}

/* Featured/latest article cards */
.ldp-data-category .ldc4-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.ldp-data-category .ldc4-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--ldc-line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 18px rgba(16,42,67,.04);
}
.ldp-data-category .ldc4-card>a{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.ldp-data-category .ldc4-card-image{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#e8eef2;
}
.ldp-data-category .ldc4-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.ldp-data-category .ldc4-card:hover .ldc4-card-image img{transform:scale(1.025)}
.ldp-data-category .ldc4-card-copy{padding:17px 18px 18px}
.ldp-data-category .ldc4-card h3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-height:52px;
  margin:0;
  color:var(--ldc-navy);
  font-size:18px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:-.55px;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.ldp-data-category .ldc4-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:9px 0 0;
  color:var(--ldc-muted);
  font-size:13px;
  line-height:1.65;
}
.ldp-data-category .ldc4-card time{
  display:block;
  margin-top:14px;
  color:#7b8c9c;
  font-size:12px;
}

/* V2 PHP sections */
.ldp-data-category .ldc-v2-section,
.ldp-data-category .ldc5-section,
.ldp-data-category .ldc-category-section{
  width:100%;
  margin:0 0 64px;
}
.ldp-data-category .ldc-v2-section:last-child,
.ldp-data-category .ldc5-section:last-child,
.ldp-data-category .ldc-category-section:last-child{margin-bottom:0}

/* Popular ranking.
   Important: no fixed/min height on the ranking wrapper, so the next
   section begins immediately after the actual cards. */
.ldp-data-category .ldc-v2-popular,
.ldp-data-category .ldc5-popular,
.ldp-data-category .ldc-popular{
  height:auto!important;
  min-height:0!important;
  margin-bottom:64px!important;
  padding-bottom:0!important;
}
.ldp-data-category .ldc-v2-popular-grid,
.ldp-data-category .ldc5-popular-grid,
.ldp-data-category .ldc-popular-grid{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);
  grid-template-rows:repeat(3,124px);
  gap:12px 16px;
  height:auto!important;
  min-height:0!important;
  align-items:stretch;
}
.ldp-data-category .ldc-v2-popular-card,
.ldp-data-category .ldc5-popular-card,
.ldp-data-category .ldc-popular-card{
  position:relative;
  min-width:0;
  min-height:0!important;
  overflow:hidden;
  border:1px solid var(--ldc-line);
  border-radius:12px;
  background:#fff;
}
.ldp-data-category .ldc-v2-popular-card:first-child,
.ldp-data-category .ldc5-popular-card:first-child,
.ldp-data-category .ldc-popular-card:first-child{
  grid-row:1/4;
}
.ldp-data-category .ldc-v2-popular-card a,
.ldp-data-category .ldc5-popular-card a,
.ldp-data-category .ldc-popular-card a{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.ldp-data-category .ldc-v2-popular-card img,
.ldp-data-category .ldc5-popular-card img,
.ldp-data-category .ldc-popular-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ldp-data-category .ldc-v2-popular-card:first-child img,
.ldp-data-category .ldc5-popular-card:first-child img,
.ldp-data-category .ldc-popular-card:first-child img{
  min-height:396px;
}

/* New/latest grid must grow only as posts are added */
.ldp-data-category .ldc-v2-latest,
.ldp-data-category .ldc5-latest,
.ldp-data-category .ldc-latest{
  height:auto!important;
  min-height:0!important;
  margin-top:0!important;
  margin-bottom:52px!important;
  padding-top:0!important;
}
.ldp-data-category .ldc-v2-latest-grid,
.ldp-data-category .ldc5-latest-grid,
.ldp-data-category .ldc-latest-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px 20px;
  height:auto!important;
  min-height:0!important;
  align-items:start;
}

/* If the V2 template reuses ldc4-cards for the latest section */
.ldp-data-category .ldc4-cards{
  height:auto!important;
  min-height:0!important;
  align-items:start;
}

/* CTA */
.ldp-data-category .ldc4-cta,
.ldp-data-category .ldc-v2-cta,
.ldp-data-category .ldc5-cta,
.ldp-data-category .ldc-category-cta{
  display:flex;
  align-items:center;
  gap:20px;
  width:100%;
  min-height:112px;
  margin:0;
  padding:22px 28px;
  border:1px solid #cfe8ea;
  border-radius:12px;
  background:linear-gradient(95deg,#e4f7f7,#f0fbfb);
}
.ldp-data-category .ldc4-cta>.ldp-icon,
.ldp-data-category .ldc-v2-cta>.ldp-icon,
.ldp-data-category .ldc5-cta>.ldp-icon,
.ldp-data-category .ldc-category-cta>.ldp-icon{
  flex:0 0 auto;
  width:38px;
  height:38px;
  color:#159895;
}
.ldp-data-category .ldc4-cta h2,
.ldp-data-category .ldc-v2-cta h2,
.ldp-data-category .ldc5-cta h2,
.ldp-data-category .ldc-category-cta h2{
  margin:0;
  color:#087f8e;
  font-size:21px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:-.6px;
}
.ldp-data-category .ldc4-cta p,
.ldp-data-category .ldc-v2-cta p,
.ldp-data-category .ldc5-cta p,
.ldp-data-category .ldc-category-cta p{
  margin:4px 0 0;
  color:#496879;
  font-size:13px;
  line-height:1.6;
}
.ldp-data-category .ldc4-cta a,
.ldp-data-category .ldc-v2-cta a,
.ldp-data-category .ldc5-cta a,
.ldp-data-category .ldc-category-cta a{
  flex:0 0 auto;
  margin-left:auto;
  padding:12px 18px;
  border:1px solid #159895;
  border-radius:8px;
  background:#fff;
  color:#087f8e!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}

/* Pagination */
.ldp-data-category .ldc4-pagination{
  padding:0 0 40px;
}
.ldp-data-category .ldc4-pagination ul{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}
.ldp-data-category .ldc4-pagination a,
.ldp-data-category .ldc4-pagination span{
  display:block;
  min-width:44px;
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--ldc-line);
  border-radius:7px;
  background:#fff;
  text-align:center;
}
.ldp-data-category .ldc4-pagination .current{background:var(--ldc-navy);color:#fff}

/* Empty state */
.ldp-data-category .ldc4-empty{
  margin:0;
  padding:28px 0;
  color:var(--ldc-muted);
}

/* Remove accidental reserved space from old dashboard rules */
.ldp-data-category .ldc4-grid,
.ldp-data-category .ldc4-featured,
.ldp-data-category .ldc4-cards,
.ldp-data-category [class*="popular"],
.ldp-data-category [class*="latest"]{
  max-height:none;
}
.ldp-data-category .ldc4-featured{
  grid-column:auto;
  margin-bottom:64px;
}

/* Tablet */
@media(max-width:1000px){
  .ldp-data-category .ldc4-hero,
  .ldp-data-category .ldc4-hero-inner{min-height:300px}
  .ldp-data-category .ldc4-hero h1{font-size:40px}
  .ldp-data-category .ldc4-hero h2{font-size:24px}
  .ldp-data-category .ldc4-cards,
  .ldp-data-category .ldc-v2-latest-grid,
  .ldp-data-category .ldc5-latest-grid,
  .ldp-data-category .ldc-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ldp-data-category .ldc-v2-popular-grid,
  .ldp-data-category .ldc5-popular-grid,
  .ldp-data-category .ldc-popular-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .ldp-data-category .ldc-v2-popular-card:first-child,
  .ldp-data-category .ldc5-popular-card:first-child,
  .ldp-data-category .ldc-popular-card:first-child{grid-row:auto}
}

/* Mobile */
@media(max-width:680px){
  .ldp-data-category .ldc4-hero,
  .ldp-data-category .ldc4-hero-inner{min-height:250px}
  .ldp-data-category .ldc4-hero-inner{padding:38px 18px}
  .ldp-data-category .ldc4-hero h1{font-size:36px;letter-spacing:-1.4px}
  .ldp-data-category .ldc4-hero h2{font-size:21px;letter-spacing:-.6px}
  .ldp-data-category .ldc4-hero p{font-size:13px;line-height:1.7}
  .ldp-data-category .ldc4-dashboard{padding-top:40px;padding-bottom:48px}
  .ldp-data-category .ldp-panel,
  .ldp-data-category .ldc-v2-section,
  .ldp-data-category .ldc5-section,
  .ldp-data-category .ldc-category-section,
  .ldp-data-category .ldc-v2-popular,
  .ldp-data-category .ldc5-popular,
  .ldp-data-category .ldc-popular{margin-bottom:44px!important}
  .ldp-data-category .ldp-section-head{align-items:flex-start;margin-bottom:16px}
  .ldp-data-category .ldp-section-head h2{font-size:23px}
  .ldp-data-category .ldc4-meta{display:none}
  .ldp-data-category .ldc4-cards,
  .ldp-data-category .ldc-v2-latest-grid,
  .ldp-data-category .ldc5-latest-grid,
  .ldp-data-category .ldc-latest-grid,
  .ldp-data-category .ldc-v2-popular-grid,
  .ldp-data-category .ldc5-popular-grid,
  .ldp-data-category .ldc-popular-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:14px;
  }
  .ldp-data-category .ldc-v2-popular-card:first-child,
  .ldp-data-category .ldc5-popular-card:first-child,
  .ldp-data-category .ldc-popular-card:first-child{grid-row:auto}
  .ldp-data-category .ldc-v2-popular-card:first-child img,
  .ldp-data-category .ldc5-popular-card:first-child img,
  .ldp-data-category .ldc-popular-card:first-child img{min-height:0}
  .ldp-data-category .ldc4-card h3{min-height:0;font-size:17px}
  .ldp-data-category .ldc4-cta,
  .ldp-data-category .ldc-v2-cta,
  .ldp-data-category .ldc5-cta,
  .ldp-data-category .ldc-category-cta{
    flex-wrap:wrap;
    gap:12px;
    padding:19px;
  }
  .ldp-data-category .ldc4-cta>div,
  .ldp-data-category .ldc-v2-cta>div,
  .ldp-data-category .ldc5-cta>div,
  .ldp-data-category .ldc-category-cta>div{flex:1;min-width:0}
  .ldp-data-category .ldc4-cta h2,
  .ldp-data-category .ldc-v2-cta h2,
  .ldp-data-category .ldc5-cta h2,
  .ldp-data-category .ldc-category-cta h2{font-size:18px}
  .ldp-data-category .ldc4-cta a,
  .ldp-data-category .ldc-v2-cta a,
  .ldp-data-category .ldc5-cta a,
  .ldp-data-category .ldc-category-cta a{
    width:100%;
    margin-left:0;
    text-align:center;
  }
}