/* Elementor Shortcode Fix - Force CSS to apply */
.elementor-shortcode .hckb-grid,
.elementor-widget-shortcode .hckb-grid,
.hckb-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border-radius: 15px !important;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1) !important;
  padding: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Elementor Card Fix */
.elementor-shortcode .hckb-card,
.elementor-widget-shortcode .hckb-card,
.hckb-card {
  display: flex !important;
  gap: 12px !important;
  padding: 18px !important;
  text-decoration: none !important;
  color: #111 !important;
  background: white !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}
.elementor-shortcode .hckb-card:hover,
.elementor-widget-shortcode .hckb-card:hover,
.hckb-card:hover {
  box-shadow: 0 6px 16px rgba(0,0,0,.07) !important;
  transform: translateY(-2px) !important;
}
.elementor-shortcode .hckb-card-icon,
.elementor-widget-shortcode .hckb-card-icon,
.hckb-card-icon {
  font-size: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 90px !important;
  flex-shrink: 0 !important;
}
.elementor-shortcode .hckb-card-icon img,
.elementor-widget-shortcode .hckb-card-icon img,
.hckb-card-icon img {
  width: 88px !important;
  height: 88px !important;
  object-fit: contain !important;
}
.elementor-shortcode .hckb-card-body h3,
.elementor-widget-shortcode .hckb-card-body h3,
.hckb-card-body h3 {
  margin: 5px 0 4px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.elementor-shortcode .hckb-card-meta,
.elementor-widget-shortcode .hckb-card-meta,
.hckb-card-meta {
  margin: 6px 0 3px 0 !important;
  color: #4b5563 !important;
  font-size: 14px !important;
}
.elementor-shortcode .hckb-card-updated,
.elementor-widget-shortcode .hckb-card-updated,
.hckb-card-updated {
  color: #6b7280 !important;
  font-size: 14px !important;
}

/* Show More Button */
.hckb-show-more {
  display: block;
  margin: 24px auto 0;
  padding: 12px 24px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hckb-show-more:hover {
  background: #2563eb;
  transform: translateY(-1px);
}

/* Page Layout Styles */
.hckb-page-container{max-width:1120px;margin:0 auto;padding:20px}

/* Fix JupiterX layout - Change col-lg-9 to col-lg-12 for help center pages */
.hckb-page-container .jupiterx-primary.col-lg-9,
.hckb-definitions-container .jupiterx-primary.col-lg-9,
.hckb-main-content .jupiterx-primary.col-lg-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Change the class from col-lg-9 to col-lg-12 */
.jupiterx-primary.col-lg-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Hide the sidebar only on help center pages */
.hckb-page-container ~ .jupiterx-secondary,
.hckb-page-container ~ .jupiterx-sidebar,
.hckb-page-container ~ .col-lg-3[role="complementary"] {
  display: none !important;
}

/* Force row to be full width only when help center content is present */
.hckb-page-container .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* More specific targeting for help center pages - Force col-lg-12 behavior */
body:has(.hckb-page-container) .jupiterx-primary.col-lg-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

body:has(.hckb-page-container) .jupiterx-secondary,
body:has(.hckb-page-container) .jupiterx-sidebar,
body:has(.hckb-page-container) .col-lg-3[role="complementary"] {
  display: none !important;
}

/* Fallback for browsers that don't support :has() */
.jupiterx-primary.col-lg-9:has(.hckb-page-container) {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Ensure proper Bootstrap grid behavior */
.jupiterx-primary.col-lg-9 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}
.hckb-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:#6b7280}
.hckb-breadcrumb a{color:#3b82f6;text-decoration:none}
.hckb-breadcrumb a:hover{text-decoration:underline}
.hckb-breadcrumb-separator{color:#9ca3af}
.hckb-breadcrumb-current{color:#111;font-weight:500}

/* Definitions Container */
.hckb-definitions-container {
  background: #fff;
  border-radius: 12px;
  border: 2px solid #e5e7eb;
  padding: 32px;
  margin-top: 20px;
}

/* Main Content Container (base styles - will be overridden by more specific rules) */
.hckb-main-content {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 32px;
  margin-top: 20px;
}

.hckb-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}

.hckb-header-left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.hckb-page-icon {
  flex-shrink: 0;
}

.hckb-header-content h1 {
  margin: 0 0 8px 0;
  font-size: 28px;
  color: #111;
  font-weight: 600;
}

.hckb-page-description {
  margin: 0;
  color: #6b7280;
  font-size: 16px;
  line-height: 1.6;
}

.hckb-header-right {
  flex-shrink: 0;
}

.hckb-last-updated {
  text-align: right;
}

.hckb-updated-label {
  display: block;
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 4px;
}

.hckb-updated-time {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
}

/* Search Section (for tablet/mobile) */
.hckb-search-section {
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
  display: none; /* Hidden by default, shown on tablet/mobile */
}

.hckb-search-section .hckb-search-box {
  position: relative;
  max-width: 500px;
}

.hckb-search-section .hckb-search-box input {
  width: 100%;
  padding: 16px 20px;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 16px;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.hckb-search-section .hckb-search-box input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.hckb-page-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;min-height:500px}
.hckb-sidebar-left{background:#EDF8FD;border-radius:12px;padding:24px;height:fit-content;position:sticky;top:20px}
/* Category Pages (FAQs, Getting Started, Dashboard, Conversations, Platform Settings) */
.hckb-page-container .hckb-main-content {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 32px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  margin-top: 20px !important;
}

/* Keep Ebanqo Definitions page unchanged */
.hckb-definitions-container .hckb-main-content {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  padding-left: 32px;
}

.hckb-search-container h3{margin:0 0 16px 0;font-size:18px;color:#111}
.hckb-search-box{position:relative;margin-bottom:24px}
.hckb-search-box input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;box-sizing:border-box}

.hckb-definition-list h4{margin:0 0 12px 0;font-size:16px;color:#374151}
.hckb-definition-items{list-style:none;margin:0;padding:0}
.hckb-definition-items li{margin:0 0 8px 0}
.hckb-definition-items a{display:block;padding:8px 12px;color:#4b5563;text-decoration:none;border-radius:6px;font-size:14px;transition:all .2s}
.hckb-definition-items a:hover{background:#e5e7eb;color:#111}

.hckb-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}
.hckb-header-left{display:flex;gap:16px;flex:1}
.hckb-page-icon{flex-shrink:0}
.hckb-header-content h1{margin:0 0 8px 0;font-size:28px;color:#111;font-weight:700}
.hckb-page-description{color:#6b7280;font-size:16px;line-height:1.6;margin:0}
.hckb-header-right{flex-shrink:0;text-align:right}
.hckb-last-updated{display:flex;flex-direction:column;gap:4px}
.hckb-updated-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}
.hckb-updated-time{font-size:14px;color:#6b7280;font-weight:500}

.hckb-definitions-content{line-height:1.7}
.hckb-definition-item{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #f3f4f6;transition:background-color .3s}
.hckb-definition-item:last-child{border-bottom:none;margin-bottom:0}
.hckb-definition-item h2{margin:0 0 12px 0;font-size:22px;color:#111;font-weight:600}
.hckb-definition-item p{margin:0;color:#4b5563;font-size:16px;line-height:1.7}

/* Responsive Design */
/* Platform Features Page Styles */
.hckb-feature-list {
  margin-top: 32px;
}

.hckb-feature-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #e5e7eb;
  text-decoration: none;
  color: #111;
  transition: all 0.2s ease;
}

.hckb-feature-item:last-child {
  border-bottom: none;
}

.hckb-feature-item:hover {
  background-color: #f8fafc;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: -8px;
  margin-right: -8px;
  border-radius: 8px;
}

.hckb-feature-text {
  font-size: 16px;
  font-weight: 500;
  color: #111;
}

.hckb-feature-arrow {
  font-size: 18px;
  color: #6b7280;
  font-weight: bold;
}

/* Feature Content Styles */
.hckb-feature-content {
  margin-top: 32px;
}

.hckb-content-body {
  line-height: 1.7;
  color: #374151;
}

.hckb-content-body h2 {
  margin: 32px 0 16px 0;
  font-size: 24px;
  color: #111;
  font-weight: 600;
}

.hckb-content-body h3 {
  margin: 24px 0 12px 0;
  font-size: 20px;
  color: #111;
  font-weight: 600;
}

.hckb-content-body p {
  margin: 16px 0;
  font-size: 16px;
}

.hckb-content-body ul {
  margin: 16px 0;
  padding-left: 24px;
}

.hckb-content-body li {
  margin: 8px 0;
  font-size: 16px;
}

/* Tablet responsive layout */
@media (max-width: 1024px) {
  .elementor-shortcode .hckb-grid,
  .elementor-widget-shortcode .hckb-grid,
  .hckb-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
    padding: 18px !important;
  }
}

@media (max-width: 768px) {
  /* Grid responsive layout */
  .elementor-shortcode .hckb-grid,
  .elementor-widget-shortcode .hckb-grid,
  .hckb-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 16px !important;
    margin: 0 10px !important;
    max-width: 100% !important;
  }
  
  .elementor-shortcode .hckb-card,
  .elementor-widget-shortcode .hckb-card,
  .hckb-card {
    padding: 16px !important;
    gap: 10px !important;
  }
  
  .elementor-shortcode .hckb-card-icon,
  .elementor-widget-shortcode .hckb-card-icon,
  .hckb-card-icon {
    width: 70px !important;
    height: 70px !important;
  }
  
  .elementor-shortcode .hckb-card-icon img,
  .elementor-widget-shortcode .hckb-card-icon img,
  .hckb-card-icon img {
    width: 68px !important;
    height: 68px !important;
  }
  
  .elementor-shortcode .hckb-card-body h3,
  .elementor-widget-shortcode .hckb-card-body h3,
  .hckb-card-body h3 {
    font-size: 15px !important;
  }
  
  .elementor-shortcode .hckb-card-meta,
  .elementor-shortcode .hckb-card-updated,
  .elementor-widget-shortcode .hckb-card-meta,
  .elementor-widget-shortcode .hckb-card-updated,
  .hckb-card-meta,
  .hckb-card-updated {
    font-size: 13px !important;
  }
  
  .hckb-page-container {
    padding: 10px;
  }
  
  .hckb-definitions-container,
  .hckb-main-content {
    padding: 20px;
    margin-top: 16px;
  }
  
  .hckb-page-header {
    margin-bottom: 24px;
    padding-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  
  .hckb-header-left {
    width: 100%;
  }
  
  .hckb-header-right {
    width: 100%;
    align-self: flex-start;
  }
  
  .hckb-last-updated {
    text-align: left;
  }
  
  .hckb-search-section {
    display: block; /* Show mobile search */
    margin-bottom: 24px;
    padding-bottom: 20px;
  }
  
  .hckb-search-section .hckb-search-box {
    max-width: 100%;
  }
  
  .hckb-page-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .hckb-sidebar-left {
    display: none; /* Hide desktop sidebar */
  }
  
  .hckb-main-content {
    border-left: none;
    padding-left: 0;
  }
}

.hckb-hero{display:flex;align-items:center;gap:14px;margin:18px 0}
.hckb-hero-icon{font-size:36px}
.hckb-hero-desc{color:#6b7280}

.hckb-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}
@media(max-width:900px){.hckb-layout{grid-template-columns:1fr}}

.hckb-sidebar{position:sticky;top:20px;align-self:start}
.hckb-search input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}
.hckb-search-results{margin-top:8px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.hckb-hit{display:block;padding:10px 12px;border-bottom:1px solid #eee;text-decoration:none;color:#111}
.hckb-hit:last-child{border-bottom:none}
.hckb-hit .hit-title{font-weight:600}

.hckb-topic-nav{list-style:none;padding:0;margin:14px 0 0}
.hckb-topic-nav li{margin:8px 0}
.hckb-topic-nav a{text-decoration:none;color:#374151}
.hckb-topic-nav a.active{font-weight:700;color:#111}

.hckb-subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px}
.hckb-subcard{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:14px;text-decoration:none;color:#111;background:#fff}

.hckb-doc-list{padding-left:18px}

.hckb-breadcrumbs{margin:12px 0;color:#6b7280}
.hckb-article-wrap{display:grid;grid-template-columns:1fr 320px;gap:24px}
@media(max-width:900px){.hckb-article-wrap{grid-template-columns:1fr}}
.hckb-article h1{margin-top:6px}
.hckb-updated{color:#6b7280}
.hckb-aside h3{margin-top:18px}