/* ══════════════════════════════════════════════════════════════
   Case Studies listing (case-study.php) — sidebar layout that
   mirrors the blog listing (blog.php): same palette, card and
   sidebar language. Cards/categories/industries are injected by
   operation_partner.php (mode=case_studies / casestudy_category /
   casestudy_industry).
   ══════════════════════════════════════════════════════════════ */
:root{
  --cs-brand:#1858CA;
  --cs-navy:#1A2F5A;
  --cs-navy-2:#0E2345;
  --cs-muted:#6F7E94;
  --cs-line:#E3EBF5;
  --cs-soft:#EEF5FF;
}

/* ── Hero ─────────────────────────────────────────────────────── */
.cs-list-page .video-overlay-main{background:linear-gradient(120deg, rgba(6,14,34,.82) 0%, rgba(24,88,202,.55) 55%, rgba(6,14,34,.78) 100%)!important;}
.cs-list-page .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.cs-list-page .hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#4A8AFE;box-shadow:0 0 0 4px rgba(74,138,254,.3);}

/* ── Toolbar (search + result info + active filters) ──────────── */
.cs-page{padding-bottom:80px;}
.cs-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;}
.cs-toolbar .cs-result-info{margin:0;color:var(--cs-muted);font-size:14px;}
.cs-toolbar .cs-result-info strong{color:var(--cs-navy-2);}
.cs-active-filters{display:flex;flex-wrap:wrap;gap:8px;}
.cs-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border-radius:999px;background:var(--cs-soft);border:1px solid #DBE8FB;color:var(--cs-brand);font-size:13px;font-weight:700;}
.cs-chip button{border:0;background:#fff;color:var(--cs-brand);width:22px;height:22px;border-radius:50%;line-height:1;font-size:15px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.cs-chip button:hover{background:var(--cs-brand);color:#fff;}
.cs-clear-all{border:0;background:none;color:var(--cs-muted);font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;padding:6px 4px;}
.cs-clear-all:hover{color:var(--cs-brand);}

/* ── Cards ────────────────────────────────────────────────────── */
.cs-page .casestudy-section-box{border-radius:18px;border-color:var(--cs-line);box-shadow:0 10px 32px rgba(24,88,202,.07);}
.cs-page .casestudy-section-box:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(24,88,202,.16);}
.cs-page .casestudy-section-box:hover .image-content img{transform:scale(1.06);}
.cs-page .casestudy-section-box .text-content{padding:22px;}
.cs-page .casestudy-section-box .text-content h3 a{color:var(--cs-navy-2);}
.cs-page .casestudy-section-box .text-content h3 a:hover{color:var(--cs-brand);}
.cs-page .casestudy-section-box .heading1 p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--cs-muted);font-size:14px;line-height:1.6;}
.cs-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.cs-card-badge,.cs-card-industry{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.cs-card-badge{background:#EAF2FF;color:var(--cs-brand);}
.cs-card-badge::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cs-brand);}
.cs-card-industry{background:#F3F6FA;color:#55657C;}
.cs-page .product-link{display:inline-flex;align-items:center;gap:6px;color:var(--cs-brand);border-color:var(--cs-line);font-weight:700;font-size:13px;}
.cs-page .product-link:hover{background:var(--cs-brand);color:#fff;border-color:var(--cs-brand);}

.cs-empty{background:#fff;border:1px dashed #C9D8EE;border-radius:18px;padding:40px 24px;text-align:center;}
.cs-empty h4{color:var(--cs-navy-2);font-weight:800;margin-bottom:8px;}
.cs-empty p{color:var(--cs-muted);margin:0;}
.cs-empty a{color:var(--cs-brand);font-weight:700;}

.cs-load-more-wrap{text-align:center;margin-top:10px;}
.cs-load-more-wrap .theme-btn1{border:0;cursor:pointer;}
.cs-load-more-wrap .theme-btn1[disabled]{opacity:.6;cursor:wait;}
#case_studies_data.is-loading{opacity:.45;transition:opacity .2s;pointer-events:none;}

/* ── Sidebar ──────────────────────────────────────────────────── */
.cs-sidebar{position:relative;}
.cs-sidebar .sidebar-category{background:#fff;border:1px solid var(--cs-line);border-radius:18px;box-shadow:0 12px 32px rgba(30,64,112,.07);padding:22px;margin-bottom:20px;}
.cs-sidebar .post-title{font-family:'Manrope','Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cs-navy);border-bottom:1px solid var(--cs-line);padding-bottom:14px;margin-bottom:14px;}

.cs-sidebar .input-wrapper{margin:0;}
.cs-sidebar .input-wrapper .search-control{width:100%;margin-bottom:0;border-radius:10px;font-size:15px;}
.cs-sidebar .input-wrapper .search-control:focus{border-color:var(--cs-brand);background:#fff;}

.cs-sidebar .sidebar-category-list{list-style:none;padding:0;margin:0;}
.cs-sidebar .sidebar-category-list li{border-left:2px solid var(--cs-line);border-radius:0 8px 8px 0;transition:border-color .2s,background-color .2s;margin-bottom:4px;}
.cs-sidebar .sidebar-category-list li::before{content:none;}
.cs-sidebar .sidebar-category-list li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;color:#748399;font-size:13.5px;text-decoration:none;}
.cs-sidebar .sidebar-category-list li:hover,
.cs-sidebar .sidebar-category-list li.active{border-left-color:var(--cs-brand);background-color:var(--cs-soft);}
.cs-sidebar .sidebar-category-list li:hover a,
.cs-sidebar .sidebar-category-list li.active a{color:var(--cs-brand);}
.cs-sidebar .sidebar-category-list li.active a{font-weight:700;}
.cs-sidebar .cat-count{background:var(--cs-soft);color:var(--cs-brand);font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;flex-shrink:0;}
.cs-sidebar .sidebar-category-list li:hover .cat-count,
.cs-sidebar .sidebar-category-list li.active .cat-count{background:#fff;}

.cs-sidebar .cs-industry-tags a{display:inline-flex;align-items:center;gap:6px;margin:0 8px 8px 0;padding:6px 13px;border-radius:999px;background:var(--cs-soft);border:1px solid #DBE8FB;color:var(--cs-brand);font-size:11.5px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;}
.cs-sidebar .cs-industry-tags a .tag-count{opacity:.65;font-weight:600;}
.cs-sidebar .cs-industry-tags a:hover,
.cs-sidebar .cs-industry-tags a.active{background:var(--cs-brand);border-color:var(--cs-brand);color:#fff;}

.cs-sidebar .cs-cta{background:linear-gradient(140deg,var(--cs-navy-2) 0%,var(--cs-brand) 100%);border:0;color:#fff;}
.cs-sidebar .cs-cta h2{color:#fff;font-family:'Manrope','Inter',sans-serif;font-size:20px;font-weight:800;line-height:1.3;margin-bottom:10px;}
.cs-sidebar .cs-cta p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.6;margin-bottom:18px;}
.cs-sidebar .cs-cta a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--cs-brand);font-weight:700;font-size:14px;padding:10px 20px;border-radius:999px;text-decoration:none;}
.cs-sidebar .cs-cta a:hover{background:var(--cs-soft);}

@media (max-width:991px){
  .cs-sidebar{margin-bottom:10px;}
  .cs-sidebar .cs-cta{display:none;}
}
@media (max-width:767px){
  .cs-page .casestudy-section-box .text-content{padding:18px;}
  .cs-toolbar{flex-direction:column;align-items:flex-start;}
}

/* Card images: give the frame a real height so the photo fills it (cover, centred)
   instead of overflowing a min/max-height box and losing its bottom. */
.cs-page .casestudy-section-box .image-content{display:block;aspect-ratio:16/10;height:auto;min-height:0;max-height:none;background:#eef2f8;}
.cs-page .casestudy-section-box .image-content img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}