@charset "UTF-8";
/* ==========================================================================
   Echo Knowledge Base Custom Design & Layout Styles
   File: dist/assets/css/custom-kb.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL & CONTAINER OVERRIDES
   -------------------------------------------------------------------------- */
.eckb-kb-template h2::before,
.eckb-kb-template h2:before,
.eckb-kb-template h2::after,
.eckb-kb-template h2:after,
.eckb-kb-template h3::before,
.eckb-kb-template h3:before,
.epkb-top-category-box h2::before,
.epkb-top-category-box h2:before,
.epkb-top-category-box h2::after,
.epkb-top-category-box h2:after,
.epkb-top-category-box h3::before,
.epkb-top-category-box h3:before,
h2.epkb-cat-name::before,
h2.epkb-cat-name:before,
h2.epkb-cat-name::after,
h2.epkb-cat-name:after,
.epkb-ai-chat-header h3::before,
.epkb-ml-articles-list__title h2::before,
.epkb-ml-articles-list__title h2::after,
.epkb-faqs-title h2::before,
.epkb-faqs-title h2::after,
.epkb-ml-articles-list__title::before,
.epkb-faqs-title::before,
#epkb-ml__module-articles-list,
#epkb-ml__module-faqs,
.epkb-ml-articles-list,
.epkb-faqs-container,
.epkb-faqs-title,
.epkb-ml-articles-list__title,
.eckb-kb-block-featured-articles,
.eckb-kb-block-faqs,
[id*="module-articles-list"],
[id*="module-faqs"] {
  content: none !important;
  display: none !important;
}

#epkb-modular-main-page-container,
#epkb-main-page-container,
#eckb-article-page-container-v2,
#eckb-article-page-container,
.eckb-kb-template,
.epkb-category-page,
.epkb-category-container,
.eckb-category-page-container,
body.tax-epkb_post_type_1_category .main-wrap,
body.tax-epkb_post_type_1_category .main-content,
body.single-epkb_post_type_1 .main-wrap,
body.single-epkb_post_type_1 .main-content {
  background: linear-gradient(180deg, #eef7fd 0%, #f1f9fe 35%, #f6fbff 65%, #ffffff 100%) !important;
  min-height: 80vh !important;
  padding-bottom: 40px !important;
  margin-bottom: 0 !important;
}

#epkb-modular-main-page-container .epkb-ml__row,
#epkb-modular-main-page-container .epkb-ml__module,
#eckb-article-header #epkb-ml__module-search,
#eckb-article-header {
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   2. SEARCH TITLE & 880PX SEARCH BAR
   -------------------------------------------------------------------------- */
.epkb-ml-search-title,
.epkb-ml-search-title *,
h1.epkb-ml-search-title,
h2.epkb-ml-search-title,
div.epkb-ml-search-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  letter-spacing: -0.5px !important;
  line-height: 1.25 !important;
  display: block !important;
  width: 100% !important;
}

.epkb-ml-search-title::before,
.epkb-ml-search-title::after,
.epkb-ml-search-title *::before,
.epkb-ml-search-title *::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1024px) {
  .epkb-ml-search-title,
  .epkb-ml-search-title *,
  h1.epkb-ml-search-title,
  h2.epkb-ml-search-title,
  div.epkb-ml-search-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
    margin-bottom: 18px !important;
  }
}

@media (max-width: 768px) {
  .epkb-ml-search-title,
  .epkb-ml-search-title *,
  h1.epkb-ml-search-title,
  h2.epkb-ml-search-title,
  div.epkb-ml-search-title {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 480px) {
  .epkb-ml-search-title,
  .epkb-ml-search-title *,
  h1.epkb-ml-search-title,
  h2.epkb-ml-search-title,
  div.epkb-ml-search-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }
}

@media (max-width: 360px) {
  .epkb-ml-search-title,
  .epkb-ml-search-title *,
  h1.epkb-ml-search-title,
  h2.epkb-ml-search-title,
  div.epkb-ml-search-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
}

body #epkb-ml__module-search,
body #epkb-ml__module-search .epkb-layout-container,
body #epkb-ml__row-1,
body #epkb-ml__row-1 .epkb-layout-container,
body [id*="module-search"],
body .epkb-ml-search-container,
body #epkb-ml__module-search #epkb-ml-search-classic-layout,
body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form,
body #epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--large #epkb-ml-search-box,
body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--medium #epkb-ml-search-box,
body #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--narrow #epkb-ml-search-box,
body #epkb-modular-main-page-container #epkb-ml-search-classic-layout,
body #epkb-modular-main-page-container #epkb-ml-search-form,
body #epkb-modular-main-page-container #epkb-ml-search-box,
body #epkb-ml-search-classic-layout,
body #epkb-ml-search-classic-layout #epkb-ml-search-box,
body #epkb-ml-search-form,
body #epkb-ml-search-form #epkb-ml-search-box,
body #epkb-ml-search-box,
body .epkb-ml-search-box__input {
  width: 100% !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  box-sizing: border-box !important;
}

body #epkb-ml__module-search {
  padding-top: 50px !important;
  padding-bottom: 20px !important;
}

body #epkb-ml-search-box,
#epkb-ml-search-box,
#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-form #epkb-ml-search-box,
#epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--large #epkb-ml-search-box,
#epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--medium #epkb-ml-search-box,
#epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--narrow #epkb-ml-search-box,
#epkb-modular-main-page-container #epkb-ml-search-box,
.custom-kb-search-box-wrap #epkb-ml-search-box,
.custom-kb-archive-wrapper #epkb-ml-search-box,
.custom-kb-article-wrapper #epkb-ml-search-box {
  width: 100% !important;
  max-width: 880px !important;
  height: 73px !important;
  min-height: 73px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__btn,
#epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-box__btn,
.custom-kb-search-box-wrap .epkb-ml-search-box__btn,
.custom-kb-archive-wrapper .epkb-ml-search-box__btn,
.custom-kb-article-wrapper .epkb-ml-search-box__btn {
  display: none !important;
}

body #epkb-ml-search-form #epkb-ml-search-box .epkb-ml-search-box__input,
#epkb-ml__module-search #epkb-ml-search-classic-layout #epkb-ml-search-box .epkb-ml-search-box__input,
#epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--large #epkb-ml-search-box .epkb-ml-search-box__input,
body .epkb-ml-search-box__input,
.epkb-ml-search-box__input,
.custom-kb-search-box-wrap .epkb-ml-search-box__input,
.custom-kb-archive-wrapper .epkb-ml-search-box__input,
.custom-kb-article-wrapper .epkb-ml-search-box__input,
.custom-kb-search-box-wrap input.custom-kb-search-input,
.custom-kb-search-input {
  border-radius: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 71px !important;
  min-height: 71px !important;
  line-height: 71px !important;
  padding-left: 62px !important;
  padding-right: 24px !important;
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 16px !important;
  color: #334155 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888888' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 22px center !important;
  background-size: 22px 22px !important;
  outline: none !important;
  box-sizing: border-box !important;
}

body #epkb-ml-search-box .epkb-ml-search-box__input::placeholder,
.epkb-ml-search-box__input::placeholder,
.custom-kb-search-box-wrap .epkb-ml-search-box__input::placeholder,
.custom-kb-search-input::placeholder {
  color: #64748b !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 16px !important;
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   3. CATEGORY CARDS 2-COLUMN GRID & CONTAINER
   -------------------------------------------------------------------------- */
.eckb-categories-list,
[class*="eckb-categories-list"],
.epkb-ml-top-categories,
.epkb-ml__module-categories-articles__row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 24px !important;
  margin-bottom: 24px !important;
  width: 100% !important;
  clear: both !important;
}

section.epkb-top-category-box,
[id^="epkb_cat_"] {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: calc(50% - 12px) !important;
  max-width: calc(50% - 12px) !important;
  flex: 0 0 calc(50% - 12px) !important;
  min-height: 290px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 26px 28px 22px 28px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid #edf2f7 !important;
  box-sizing: border-box !important;
  position: relative !important;
  text-align: left !important;
  margin: 0 !important;
  float: none !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

section.epkb-top-category-box:hover {
  box-shadow: 0 8px 30px rgba(0, 102, 204, 0.08) !important;
  border-color: #dbeafe !important;
}

@media (max-width: 768px) {
  section.epkb-top-category-box,
  [id^="epkb_cat_"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    min-height: auto !important;
    margin-bottom: 16px !important;
  }
}

/* --------------------------------------------------------------------------
   4. FLEX ORDERING (ZERO-FLICKER NATIVE RENDERING)
   -------------------------------------------------------------------------- */
section.epkb-top-category-box .section-head,
section.epkb-top-category-box .epkb-category-level-1,
section.epkb-top-category-box div.epkb-cat-name,
section.epkb-top-category-box .epkb-cat-name-count-container {
  display: contents !important;
}

/* Order 1: Pill Icon */
#epkb-main-page-container .epkb-cat-icon,
.epkb-cat-icon {
  order: 1 !important;
  background-color: #e8f4fd !important;
  color: #1e293b !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 14px 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  border: none !important;
}

.epkb-cat-icon img {
  filter: grayscale(100%) brightness(0.15) !important;
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
}

.epkb-cat-icon i,
.epkb-cat-icon svg,
.epkb-cat-icon span,
.epkb-cat-icon [class*="ep_font_icon"],
.epkb-cat-icon * {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  position: static !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  fill: #1e293b !important;
  color: #1e293b !important;
}

/* Order 2: Category Title */
.epkb-cat-name,
.epkb-cat-name h2,
h2.epkb-cat-name {
  order: 2 !important;
  display: block !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
  border: none !important;
}

/* Order 3: Category Description */
.epkb-cat-desc {
  order: 3 !important;
  display: block !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.45 !important;
  margin: 0 0 14px 0 !important;
}

/* Order 4: Article List */
.epkb-section-body {
  order: 4 !important;
  display: block !important;
  flex: none !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.epkb-articles {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  list-style: none !important;
}

.epkb-articles li {
  padding: 3px 0 !important;
  border: none !important;
}

/* Strictly Show ONLY the Top 3 Articles per Homepage Card */
section.epkb-top-category-box .epkb-articles li:nth-child(n+4),
section.epkb-top-category-box ul.epkb-articles > li:nth-child(n+4),
section.epkb-top-category-box .epkb-section-body ul > li:nth-child(n+4),
section.epkb-top-category-box .epkb-show-all-articles,
section.epkb-top-category-box .epkb-show-all-articles-link,
section.epkb-top-category-box .epkb-remaining-articles-count,
section.epkb-top-category-box [class*="show-all"],
section.epkb-top-category-box [class*="show-more"],
section.epkb-top-category-box [class*="remaining-articles"],
section.epkb-top-category-box .epkb-show-more-articles,
section.epkb-top-category-box .epkb-show-more-articles-link,
section.epkb-top-category-box .epkb-sub-category {
  display: none !important;
}

.eckb-article-title {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13.5px !important;
  color: #2563eb !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
  transition: color 0.15s ease-in-out !important;
}

.eckb-article-title:hover {
  color: #1d4ed8 !important;
  text-decoration: underline !important;
}

.eckb-article-title [class*="ep_font_icon"],
.eckb-article-title .epkbfa,
.eckb-article-title i {
  color: #2563eb !important;
  font-size: 13px !important;
  margin-right: 6px !important;
  display: inline-block !important;
}

/* Order 5: Article Count Directly Below Articles */
section.epkb-top-category-box .epkb-cat-count,
.epkb-cat-count {
  order: 5 !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  clear: both !important;
}

.epkb-cat-count::after {
  content: " articles" !important;
}

/* Hide any subcategory counts inside the articles section */
section.epkb-top-category-box .epkb-section-body .epkb-cat-count {
  display: none !important;
}

/* Hide Sub-categories entirely to prevent duplicate boxes */
.epkb-sub-category,
.epkb-sub-sub-category,
[class*="epkb-sub-category"],
.epkb-category-level-2-3,
.epkb-sub-category-list {
  display: none !important;
}

/* --------------------------------------------------------------------------
   5. BOTTOM-RIGHT CHEVRON ARROW BUTTON
   -------------------------------------------------------------------------- */
section.epkb-top-category-box::after {
  content: "" !important;
  position: absolute !important;
  bottom: 16px !important;
  right: 18px !important;
  width: 32px !important;
  height: 32px !important;
  background-color: #e1f0fc !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 15px 15px !important;
  border-radius: 50% !important;
  display: block !important;
  transition: all 0.2s ease-in-out !important;
  pointer-events: none !important;
}

section.epkb-top-category-box:hover::after {
  background-color: #cee7fa !important;
  transform: translateX(2px) !important;
}

@media (max-width: 768px) {
  .epkb-articles-list {
    grid-template-columns: 1fr !important;
  }
}

/* --------------------------------------------------------------------------
   6. AI CHAT & WIDGETS
   -------------------------------------------------------------------------- */
#epkb-ai-chat-widget-root .epkb-ai-chat-widget .epkb-ai-chat-window .epkb-ai-chat-header h3 {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   7. STRICT OVERRIDE: NO RED IN CATEGORY HEADERS & ICONS
   -------------------------------------------------------------------------- */
.epkb-category-level-1-header,
.epkb-category-level-1-header *,
.epkb-category-header,
.epkb-category-header *,
.epkb-category-title,
.epkb-category-title *,
.epkb-page-header,
.epkb-page-header *,
.eckb-category-header,
.eckb-category-header *,
[class*="epkb-category-header"] *,
[class*="epkb-category-title"] * {
  color: #1b365d !important;
}

/* --------------------------------------------------------------------------
   8. CATEGORY COLLECTION PAGE DESIGN (MATCHING MOCKUP)
   -------------------------------------------------------------------------- */
/* Global page gradient and container width */
#eckb-categories-archive-container-v2,
.eckb-categories-archive-container-v2,
#eckb-archive-page-container,
.epkb-category-container,
.eckb-category-page-container,
.epkb-category-page #epkb-content-container,
.tax-epkb_post_type_1_category .main-content,
body.tax-epkb_post_type_1_category {
  background: linear-gradient(180deg, #eef7fd 0%, #f1f9fe 35%, #f6fbff 65%, #ffffff 100%) !important;
  min-height: 80vh !important;
  box-sizing: border-box !important;
}

#eckb-categories-archive-container-v2,
.eckb-categories-archive-container-v2 {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 20px 80px 20px !important;
  margin: 0 auto !important;
}

/* Category Archive Header: Remove grey box and hide search title */
#eckb-categories-archive__header,
#eckb-categories-archive-container-v2 #eckb-categories-archive__header,
#eckb-categories-archive__header .epkb-ml__row,
#eckb-categories-archive__header #epkb-ml__module-search {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 20px 0 0 0 !important;
  margin: 0 auto !important;
  max-width: 880px !important;
}

#eckb-categories-archive-container-v2 .epkb-ml-search-title,
#eckb-categories-archive__header .epkb-ml-search-title {
  display: none !important;
}

/* Hide Left Sidebar from Archive Page to center content */
#eckb-categories-archive__body__left-sidebar,
#eckb-categories-archive-container-v2 #eckb-categories-archive__body__left-sidebar,
#eckb-categories-archive__body__right-sidebar,
#eckb-categories-archive-container-v2 #eckb-categories-archive__body__right-sidebar {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#eckb-categories-archive__body,
#eckb-categories-archive-container-v2 #eckb-categories-archive__body {
  display: block !important;
  grid-template-columns: 1fr !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

#eckb-categories-archive__body__content,
#eckb-categories-archive-container-v2 #eckb-categories-archive__body__content {
  background: transparent !important;
  padding: 0 !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* Breadcrumbs: Main > Operations and Logistics > Safety Protocols */
.epkb-breadcrumb-container,
.eckb-breadcrumb,
.epkb-breadcrumbs,
.eckb-breadcrumbs,
#eckb-categories-archive-container-v2 .eckb-breadcrumb,
#eckb-categories-archive__header .eckb-breadcrumb {
  max-width: 880px !important;
  margin: 20px auto 20px auto !important;
  padding: 0 !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 14px !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
}

.epkb-breadcrumb-container a,
.eckb-breadcrumb a,
.epkb-breadcrumbs a,
#eckb-categories-archive-container-v2 .eckb-breadcrumb a {
  color: #64748b !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  transition: color 0.15s ease !important;
}

.epkb-breadcrumb-container a:hover,
.eckb-breadcrumb a:hover,
.epkb-breadcrumbs a:hover,
#eckb-categories-archive-container-v2 .eckb-breadcrumb a:hover {
  color: #1e293b !important;
  text-decoration: underline !important;
}

.epkb-breadcrumb-container .epkb-breadcrumb-current,
.eckb-breadcrumb .eckb-breadcrumb-current,
.epkb-breadcrumbs span:last-child,
#eckb-categories-archive-container-v2 .eckb-breadcrumb span:last-child {
  color: #64748b !important;
  font-weight: 400 !important;
}

/* Category Title & Icon: No Red! Clean Navy & Slate Icon */
.epkb-category-level-1-header,
.epkb-category-header,
.eckb-category-header,
.eckb-category-archive-title,
#eckb-categories-archive-container-v2 .eckb-category-archive-title {
  max-width: 880px !important;
  margin: 0 auto 16px auto !important;
  padding: 0 !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: none !important;
}

.eckb-category-archive-title h1,
#eckb-categories-archive-container-v2 .eckb-category-archive-title h1,
.epkb-category-title,
.epkb-category-level-1-header h1,
.epkb-category-level-1-header h2,
.epkb-category-header h1,
.epkb-category-header h2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.25 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.eckb-category-archive-title h1::before,
.eckb-category-archive-title h1::after,
#eckb-categories-archive-container-v2 h1::before,
#eckb-categories-archive-container-v2 h1::after,
#eckb-categories-archive-container-v2 h2::before,
#eckb-categories-archive-container-v2 h2::after {
  content: none !important;
  display: none !important;
}

/* Replace red folder icon with clean circle pill */
.eckb-category-archive-title i,
.eckb-category-archive-title .epkbfa,
.eckb-category-archive-title [class*="ep_font_icon"],
#eckb-categories-archive-container-v2 .eckb-category-archive-title i {
  color: #1e293b !important;
  fill: #1e293b !important;
  background-color: #e8f4fd !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  margin-right: 8px !important;
}

.epkb-category-desc,
.epkb-category-level-1-header p,
#eckb-categories-archive-container-v2 .eckb-category-archive-desc {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
}

.epkb-category-header .epkb-cat-count,
.epkb-category-level-1-header .epkb-cat-count,
.epkb-category-container .epkb-cat-count,
#eckb-categories-archive-container-v2 .epkb-cat-count {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
  margin: 0 0 24px 0 !important;
  display: block !important;
}

/* White Card Container around Articles List */
#eckb-categories-archive-container-v2 #eckb-categories-archive__body__content__body,
#eckb-categories-archive-container-v2 #eckb-categories-archive__body__content__body main,
.epkb-sub-category-list,
.epkb-sub-category-container,
.epkb-category-level-2-container,
.epkb-category-level-2-box,
.epkb-category-level-2,
.epkb-category-page #epkb-content-container ul,
.tax-epkb_post_type_1_category #epkb-content-container ul,
.epkb-sub-category-box {
  max-width: 880px !important;
  margin: 20px auto 24px auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #edf2f7 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  padding: 24px 28px !important;
  box-sizing: border-box !important;
}

/* Sub-Category / Section Card Title (e.g. "Tax Form Information" / "Articles") */
.epkb-category-level-2-header,
.epkb-category-level-2__cat-name,
.epkb-sub-category-header,
.epkb-sub-category-title,
.epkb-sub-category-box h3,
#eckb-categories-archive-container-v2 .eckb-category-section-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

/* Article Rows inside Card with Hover Highlight and Right Chevron */
#eckb-categories-archive-container-v2 article.eckb-article-container {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
}

#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-header {
  margin: 0 !important;
  padding: 0 !important;
}

#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title h2 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title h2::before,
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title h2::after {
  content: none !important;
  display: none !important;
}

#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title a,
.epkb-category-level-2 .epkb-articles li a,
.epkb-sub-category-list li a,
.epkb-sub-category-box li a,
.epkb-category-page #epkb-content-container ul li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all 0.15s ease-in-out !important;
  position: relative !important;
}

#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title a:hover,
.epkb-category-level-2 .epkb-articles li a:hover,
.epkb-sub-category-list li a:hover,
.epkb-sub-category-box li a:hover,
.epkb-category-page #epkb-content-container ul li a:hover {
  background: #edf6fd !important;
  color: #0052cc !important;
}

/* Right Chevron on Article Row */
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title a::after,
.epkb-category-level-2 .epkb-articles li a::after,
.epkb-sub-category-list li a::after,
.epkb-sub-category-box li a::after,
.epkb-category-page #epkb-content-container ul li a::after {
  content: "" !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  display: inline-block !important;
  opacity: 0.6 !important;
  transition: transform 0.15s ease, opacity 0.15s ease !important;
  margin-left: auto !important;
}

#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title a:hover::after,
.epkb-category-level-2 .epkb-articles li a:hover::after,
.epkb-sub-category-list li a:hover::after,
.epkb-sub-category-box li a:hover::after,
.epkb-category-page #epkb-content-container ul li a:hover::after {
  opacity: 1 !important;
  transform: translateX(3px) !important;
}

/* Hide raw excerpts, read more links, and duplicate icons inside list */
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-body,
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-title-icon,
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-image,
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-footer,
#eckb-categories-archive-container-v2 article.eckb-article-container .eckb-article-metadata,
#eckb-categories-archive-container-v2 .eckb-article-read-more {
  display: none !important;
}

/* --------------------------------------------------------------------------
   9. SINGLE ARTICLE PAGE DESIGN (MATCHING MOCKUP)
   -------------------------------------------------------------------------- */
#eckb-article-page-container-v2,
#eckb-article-page-container,
.single-epkb_post_type_1 .main-content,
.single-epkb_post_type_1 #eckb-article-body {
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 20px 20px 80px 20px !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* Search Bar on Article Page */
#eckb-article-header {
  max-width: 880px !important;
  margin: 30px auto 25px auto !important;
  padding: 0 !important;
  background: transparent !important;
}

#eckb-article-header #epkb-ml__module-search,
#eckb-article-header .epkb-doc-search-container {
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Single Article Title */
.single-epkb_post_type_1 #eckb-article-title,
.single-epkb_post_type_1 h1.eckb-article-title,
.single-epkb_post_type_1 .eckb-article-title-container h1,
#eckb-article-header h1 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 24px 0 10px 0 !important;
  line-height: 1.25 !important;
  border: none !important;
}

/* Date / Meta */
.eckb-article-metadata,
.epkb-article-meta,
.eckb-article-date,
.single-epkb_post_type_1 .eckb-article-metadata {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13.5px !important;
  color: #94a3b8 !important;
  margin-bottom: 28px !important;
  font-weight: 400 !important;
}

/* Article Body Typography & Spacing */
#eckb-article-content,
#eckb-article-body,
.eckb-article-content-body,
.eckb-article-content-wrapper,
.single-epkb_post_type_1 .entry-content {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#eckb-article-content h1,
#eckb-article-content h2,
#eckb-article-content h3,
#eckb-article-content h4,
#eckb-article-body h1,
#eckb-article-body h2,
#eckb-article-body h3,
#eckb-article-body h4,
.single-epkb_post_type_1 .entry-content h2,
.single-epkb_post_type_1 .entry-content h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  line-height: 1.35 !important;
  border: none !important;
}

#eckb-article-content h1::before,
#eckb-article-content h2::before,
#eckb-article-content h3::before,
#eckb-article-body h1::before,
#eckb-article-body h2::before,
#eckb-article-body h3::before,
.single-epkb_post_type_1 .entry-content h2::before,
.single-epkb_post_type_1 .entry-content h3::before {
  content: none !important;
  display: none !important;
}

#eckb-article-content p,
#eckb-article-body p,
.single-epkb_post_type_1 .entry-content p {
  margin-bottom: 16px !important;
  color: #334155 !important;
}

#eckb-article-content a,
#eckb-article-body a,
.single-epkb_post_type_1 .entry-content a {
  color: #2563eb !important;
  text-decoration: underline !important;
}

#eckb-article-content a:hover,
#eckb-article-body a:hover,
.single-epkb_post_type_1 .entry-content a:hover {
  color: #1d4ed8 !important;
}

/* --------------------------------------------------------------------------
   10. DEDICATED CUSTOM TEMPLATE LAYOUTS (MATCHING MOCKUPS 100%)
   -------------------------------------------------------------------------- */
.custom-kb-archive-wrapper,
.custom-kb-article-wrapper {
  background: linear-gradient(180deg, #eef7fd 0%, #f1f9fe 35%, #f6fbff 65%, #ffffff 100%) !important;
  min-height: 80vh !important;
  padding: 20px 20px 80px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.custom-kb-archive-inner,
.custom-kb-article-inner {
  max-width: 880px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 10.1 Search Bar (100% Identical to Homepage) */
.custom-kb-search-box-wrap,
.custom-kb-search-box-wrap #epkb-ml-search-classic-layout,
.custom-kb-search-box-wrap #epkb-ml-search-form,
.custom-kb-search-box-wrap #epkb-ml-search-box,
.custom-kb-archive-wrapper #epkb-ml__module-search,
.custom-kb-article-wrapper #epkb-ml__module-search {
  width: 100% !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  box-sizing: border-box !important;
}

.custom-kb-search-box-wrap,
.custom-kb-archive-wrapper #epkb-ml__module-search,
.custom-kb-article-wrapper #epkb-ml__module-search {
  margin: 30px auto 25px auto !important;
  padding: 0 !important;
}

.custom-kb-search-box-wrap .epkb-ml-search-title,
.custom-kb-archive-wrapper .epkb-ml-search-title,
.custom-kb-article-wrapper .epkb-ml-search-title,
.custom-kb-search-box-wrap .epkb-ml-search-box__btn,
.custom-kb-archive-wrapper .epkb-ml-search-box__btn,
.custom-kb-article-wrapper .epkb-ml-search-box__btn {
  display: none !important;
}

.custom-kb-search-box-wrap #epkb-ml-search-box,
.custom-kb-archive-wrapper #epkb-ml-search-box,
.custom-kb-article-wrapper #epkb-ml-search-box,
.custom-kb-search-box-wrap #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--large #epkb-ml-search-box {
  width: 100% !important;
  max-width: 880px !important;
  height: 73px !important;
  min-height: 73px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.custom-kb-search-box-wrap .epkb-ml-search-box__input,
.custom-kb-archive-wrapper .epkb-ml-search-box__input,
.custom-kb-article-wrapper .epkb-ml-search-box__input,
.custom-kb-search-box-wrap input.custom-kb-search-input,
.custom-kb-search-box-wrap #epkb-ml__module-search #epkb-ml-search-classic-layout .epkb-ml-search-input-height--large #epkb-ml-search-box .epkb-ml-search-box__input {
  border-radius: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 71px !important;
  min-height: 71px !important;
  line-height: 71px !important;
  padding-left: 62px !important;
  padding-right: 24px !important;
  background-color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 16px !important;
  color: #334155 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888888' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 22px center !important;
  background-size: 22px 22px !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.custom-kb-search-box-wrap .epkb-ml-search-box__input::placeholder,
.custom-kb-search-box-wrap input.custom-kb-search-input::placeholder {
  color: #64748b !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 16px !important;
  opacity: 1 !important;
}

/* 10.2 Breadcrumbs */
.custom-kb-breadcrumbs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 25px 0 !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 14px !important;
  color: #64748b !important;
}

.custom-kb-breadcrumbs a {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.custom-kb-breadcrumbs a:hover {
  color: #1e293b !important;
  text-decoration: underline !important;
}

.custom-kb-bc-sep {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

.custom-kb-bc-current {
  color: #64748b !important;
}

/* 10.3 Category Header Area */
.custom-kb-cat-header-wrap {
  margin-bottom: 28px !important;
  text-align: left !important;
}

.custom-kb-cat-header-top {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 8px !important;
}

.custom-kb-pill-icon {
  width: 44px !important;
  height: 44px !important;
  background-color: #e8f4fd !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-bottom: 0 !important;
}

.custom-kb-pill-icon svg {
  width: 22px !important;
  height: 22px !important;
  color: #1e293b !important;
  stroke: #1e293b !important;
}

.custom-kb-cat-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.custom-kb-cat-title::before,
.custom-kb-cat-title::after {
  content: none !important;
  display: none !important;
}

.custom-kb-cat-desc {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
}

.custom-kb-cat-count-badge {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  display: block !important;
  margin-top: 4px !important;
}

/* Responsive Font Size for Category Title on Tablet & Mobile */
@media (max-width: 1024px) {
  .custom-kb-cat-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 768px) {
  .custom-kb-cat-header-top {
    gap: 12px !important;
    margin-bottom: 6px !important;
  }
  .custom-kb-cat-title {
    font-size: 25px !important;
    line-height: 1.25 !important;
  }
  .custom-kb-pill-icon {
    width: 40px !important;
    height: 40px !important;
  }
  .custom-kb-pill-icon svg {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (max-width: 480px) {
  .custom-kb-cat-header-top {
    gap: 10px !important;
    margin-bottom: 6px !important;
  }
  .custom-kb-cat-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .custom-kb-pill-icon {
    width: 34px !important;
    height: 34px !important;
  }
  .custom-kb-pill-icon svg {
    width: 17px !important;
    height: 17px !important;
  }
  .custom-kb-cat-desc {
    font-size: 13.5px !important;
  }
}

@media (max-width: 360px) {
  .custom-kb-cat-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
}

/* 10.4 White Card Box for Subcategories & Articles */
.custom-kb-card-box {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #edf2f7 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  padding: 24px 28px !important;
  margin-bottom: 24px !important;
  box-sizing: border-box !important;
}

.custom-kb-card-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

.custom-kb-card-title::before,
.custom-kb-card-title::after {
  content: none !important;
  display: none !important;
}

.custom-kb-article-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.custom-kb-article-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all 0.15s ease-in-out !important;
}

.custom-kb-article-row:hover {
  background: #edf6fd !important;
}

.custom-kb-article-name {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  transition: color 0.15s ease !important;
}

.custom-kb-article-row:hover .custom-kb-article-name {
  color: #0052cc !important;
}

.custom-kb-arrow-icon {
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230052cc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
  display: inline-block !important;
  opacity: 0.6 !important;
  transition: transform 0.15s ease, opacity 0.15s ease !important;
  flex-shrink: 0 !important;
}

.custom-kb-article-row:hover .custom-kb-arrow-icon {
  opacity: 1 !important;
  transform: translateX(3px) !important;
}

/* 10.5 Single Article Page */
.custom-kb-single-article {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.custom-kb-single-header {
  margin-bottom: 24px !important;
}

.custom-kb-single-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin: 16px 0 10px 0 !important;
  line-height: 1.25 !important;
  border: none !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.custom-kb-single-title::before,
.custom-kb-single-title::after {
  content: none !important;
  display: none !important;
}

/* Responsive Font Sizes for Single Article Title on Tablet & Mobile */
@media (max-width: 1024px) {
  .custom-kb-single-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
    margin: 14px 0 8px 0 !important;
  }
}

@media (max-width: 768px) {
  .custom-kb-single-title {
    font-size: 25px !important;
    line-height: 1.25 !important;
    margin: 12px 0 8px 0 !important;
  }
  .custom-kb-single-header {
    margin-bottom: 18px !important;
  }
  .custom-kb-single-date {
    margin-bottom: 18px !important;
  }
}

@media (max-width: 480px) {
  .custom-kb-single-title {
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin: 10px 0 6px 0 !important;
  }
  .custom-kb-single-header {
    margin-bottom: 14px !important;
  }
  .custom-kb-single-date {
    font-size: 12.5px !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 360px) {
  .custom-kb-single-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
}

.custom-kb-single-date {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 13.5px !important;
  color: #94a3b8 !important;
  margin-bottom: 24px !important;
}

.custom-kb-single-content {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
}

.custom-kb-single-content h1,
.custom-kb-single-content h2,
.custom-kb-single-content h3,
.custom-kb-single-content h4 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  line-height: 1.35 !important;
  border: none !important;
}

.custom-kb-single-content h1::before,
.custom-kb-single-content h2::before,
.custom-kb-single-content h3::before,
.custom-kb-single-content h4::before {
  content: none !important;
  display: none !important;
}

.custom-kb-single-content p {
  margin-bottom: 16px !important;
  color: #334155 !important;
}

.custom-kb-single-content a {
  color: #2563eb !important;
  text-decoration: underline !important;
}

.custom-kb-single-content a:hover {
  color: #1d4ed8 !important;
}

/* --------------------------------------------------------------------------
   11. SEARCH RESULTS & AI SEARCH DROPDOWN DESIGN (ALL 3 PAGES & RESPONSIVE)
   -------------------------------------------------------------------------- */

/* Form Wrapper Relative Positioning on all pages */
#epkb-ml-search-form,
.custom-kb-search-form,
#epkb-ml__module-search form,
.custom-kb-search-box-wrap form,
#epkb-ml-search-classic-layout #epkb-ml-search-form {
  position: relative !important;
}

/* Search Results Floating Card Dropdown */
#epkb-ml-search-results,
body #epkb-ml-search-results,
#epkb-ml__module-search #epkb-ml-search-results,
.custom-kb-search-box-wrap #epkb-ml-search-results {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.15), 0 0 1px 1px rgba(15, 23, 42, 0.05) !important;
  padding: 10px 12px 14px 12px !important;
  z-index: 999999 !important;
  max-height: 520px !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
  font-family: 'Fira Sans', sans-serif !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 #f8fafc !important;
}

/* Strictly Hide Search Results When Empty or Closed */
#epkb-ml-search-results:empty,
body #epkb-ml-search-results:empty,
#epkb-ml__module-search #epkb-ml-search-results:empty,
.custom-kb-search-box-wrap #epkb-ml-search-results:empty,
#epkb-ml-search-results[style*="display: none"],
#epkb-ml-search-results[style*="display:none"],
body #epkb-ml-search-results[style*="display: none"],
body #epkb-ml-search-results[style*="display:none"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  box-shadow: none !important;
}

#epkb-ml-search-results::-webkit-scrollbar {
  width: 6px !important;
}

#epkb-ml-search-results::-webkit-scrollbar-track {
  background: #f8fafc !important;
  border-radius: 10px !important;
}

#epkb-ml-search-results::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 10px !important;
}

#epkb-ml-search-results::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* Article Results List */
#epkb-ml-search-results .epkb-ml-search-results-list,
.epkb-ml-search-results-list {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 4px 0 !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li,
.epkb-ml-search-results-list li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 10px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li:hover,
.epkb-ml-search-results-list li:hover {
  background: #f0f7ff !important;
  border-color: #bae6fd !important;
  transform: translateX(3px) !important;
  box-shadow: 0 3px 8px rgba(2, 132, 199, 0.08) !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container,
.epkb-ml-search-results-list li a.epkb-ml-article-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  color: #1e293b !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container .epkb-article-inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 12px !important;
  background: transparent !important;
  color: inherit !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container .epkb-article__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 8px !important;
  background: #e0f2fe !important;
  color: #0284c7 !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transition: all 0.2s ease !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li:hover a.epkb-ml-article-container .epkb-article__icon {
  background: #0284c7 !important;
  color: #ffffff !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container .epkb-article__text {
  color: #1e293b !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  flex: 1 !important;
  margin: 0 !important;
  display: block !important;
  float: none !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li:hover a.epkb-ml-article-container .epkb-article__text {
  color: #0284c7 !important;
}

/* Subtle Chevron Arrow on Article Link */
#epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container::after {
  content: '' !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid #94a3b8 !important;
  border-top: 2px solid #94a3b8 !important;
  transform: rotate(45deg) !important;
  margin-left: 12px !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

#epkb-ml-search-results .epkb-ml-search-results-list li:hover a.epkb-ml-article-container::after {
  border-color: #0284c7 !important;
  transform: rotate(45deg) translateX(2px) !important;
}

/* No Results Box */
#epkb-ml-search-results .epkb-ml-search-results__no-results {
  padding: 22px 18px !important;
  text-align: center !important;
  color: #64748b !important;
  font-size: 15px !important;
  background: #f8fafc !important;
  border-radius: 10px !important;
  margin: 6px 0 !important;
  border: 1px dashed #cbd5e1 !important;
  font-family: 'Fira Sans', sans-serif !important;
}

/* AI Search Section Header & Wrapper */
#epkb-ml-search-results .epkb-ml-ai-search-section,
.epkb-ml-ai-search-section {
  margin: 12px 0 4px 0 !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid #e2e8f0 !important;
}

/* AI Search "Ask AI?" Button - 100% Pure White Text & Icon on All 3 Pages */
#epkb-ml-search-results .epkb-ml-ai-search-section .epkb-ml-ai-search-button,
.epkb-ml-ai-search-section .epkb-ml-ai-search-button,
body #epkb-ml__module-search .epkb-ml-ai-search-section .epkb-ml-ai-search-button,
body .custom-kb-search-box-wrap .epkb-ml-ai-search-section .epkb-ml-ai-search-button,
body .custom-kb-archive-wrapper .epkb-ml-ai-search-section .epkb-ml-ai-search-button,
body .custom-kb-article-wrapper .epkb-ml-ai-search-section .epkb-ml-ai-search-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 20px !important;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  background-color: #0284c7 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25) !important;
  text-decoration: none !important;
}

/* Force Pure White (#ffffff) on Text, Icon, Span, and All Children */
#epkb-ml-search-results .epkb-ml-ai-search-section .epkb-ml-ai-search-button *,
.epkb-ml-ai-search-section .epkb-ml-ai-search-button *,
body #epkb-ml__module-search .epkb-ml-ai-search-section .epkb-ml-ai-search-button *,
body .custom-kb-search-box-wrap .epkb-ml-ai-search-section .epkb-ml-ai-search-button *,
body .custom-kb-archive-wrapper .epkb-ml-ai-search-section .epkb-ml-ai-search-button *,
body .custom-kb-article-wrapper .epkb-ml-ai-search-section .epkb-ml-ai-search-button *,
body #epkb-ml__module-search .epkb-ml-ai-search-section .epkb-ml-ai-search-button__icon,
body #epkb-ml__module-search .epkb-ml-ai-search-section .epkb-ml-ai-search-button__text,
.epkb-ml-ai-search-button .epkb-ml-ai-search-button__icon,
.epkb-ml-ai-search-button .epkb-ml-ai-search-button__text,
.epkb-ml-ai-search-button i,
.epkb-ml-ai-search-button span {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover,
.epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover,
body #epkb-ml__module-search .epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover,
body .custom-kb-search-box-wrap .epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover,
body .custom-kb-archive-wrapper .epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover,
body .custom-kb-article-wrapper .epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover {
  background: linear-gradient(135deg, #0369a1 0%, #075985 100%) !important;
  background-color: #0369a1 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(2, 132, 199, 0.35) !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover *,
.epkb-ml-ai-search-section .epkb-ml-ai-search-button:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* AI Search Answer Container */
#epkb-ml-search-results .epkb-ml-ai-search-answer,
.epkb-ml-ai-search-answer {
  background: linear-gradient(135deg, #f8fafc 0%, #f0fdfa 100%) !important;
  border: 1px solid #ccfbf1 !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-top: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

/* AI Loading State */
#epkb-ml-search-results .epkb-ml-ai-search-answer__loading,
.epkb-ml-ai-search-answer__loading {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0284c7 !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  padding: 8px 0 !important;
}

/* AI Answer Content Typography */
#epkb-ml-search-results .epkb-ml-ai-search-answer__content,
.epkb-ml-ai-search-answer__content {
  font-family: 'Fira Sans', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-answer__content p,
.epkb-ml-ai-search-answer__content p {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
  margin-bottom: 10px !important;
}

/* AI Response Interactive Link/Topic Cards (Requested Link Format) */
#epkb-ml-search-results .epkb-ml-ai-search-answer__content ul,
.epkb-ml-ai-search-answer__content ul {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 12px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-answer__content ul li,
.epkb-ml-ai-search-answer__content ul li {
  list-style: none !important;
  list-style-type: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px !important;
  color: #0284c7 !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-answer__content ul li::before,
.epkb-ml-ai-search-answer__content ul li::before {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin-right: 10px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230284c7' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-answer__content ul li::after,
.epkb-ml-ai-search-answer__content ul li::after {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 2px solid #94a3b8 !important;
  border-top: 2px solid #94a3b8 !important;
  transform: rotate(45deg) !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-answer__content ul li:hover,
.epkb-ml-ai-search-answer__content ul li:hover {
  background: #e0f2fe !important;
  border-color: #7dd3fc !important;
  color: #0369a1 !important;
  transform: translateX(3px) !important;
  box-shadow: 0 3px 8px rgba(2, 132, 199, 0.1) !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-answer__content ul li:hover::after,
.epkb-ml-ai-search-answer__content ul li:hover::after {
  border-color: #0284c7 !important;
  transform: rotate(45deg) translateX(2px) !important;
}

/* "Open in AI Chat" Action Button */
#epkb-ml-search-results .epkb-ml-ai-search-continue-chat-btn,
.epkb-ml-ai-search-continue-chat-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: none !important;
  cursor: pointer !important;
  margin-top: 14px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-continue-chat-btn *,
.epkb-ml-ai-search-continue-chat-btn *,
.epkb-ml-ai-search-continue-chat-btn .epkb-ml-ai-search-continue-chat-btn__icon,
.epkb-ml-ai-search-continue-chat-btn .epkb-ml-ai-search-continue-chat-btn__text {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-continue-chat-btn:hover,
.epkb-ml-ai-search-continue-chat-btn:hover {
  background: #0284c7 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(2, 132, 199, 0.25) !important;
}

#epkb-ml-search-results .epkb-ml-ai-search-continue-chat-btn:hover *,
.epkb-ml-ai-search-continue-chat-btn:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* AI Sources Section */
#epkb-ml-search-results .epkb-ai-search-sources,
.epkb-ai-search-sources {
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px dashed #cbd5e1 !important;
}

#epkb-ml-search-results .epkb-ai-search-sources__label,
.epkb-ai-search-sources__label {
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 8px !important;
  font-family: 'Fira Sans', sans-serif !important;
}

#epkb-ml-search-results .epkb-ai-search-sources__list,
.epkb-ai-search-sources__list {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#epkb-ml-search-results .epkb-ai-search-sources__item,
.epkb-ai-search-sources__item {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#epkb-ml-search-results .epkb-ai-search-sources__item a,
.epkb-ai-search-sources__item a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  background: #e0f2fe !important;
  color: #0369a1 !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: 1px solid #bae6fd !important;
  transition: all 0.2s ease !important;
  font-family: 'Fira Sans', sans-serif !important;
}

#epkb-ml-search-results .epkb-ai-search-sources__item a:hover,
.epkb-ai-search-sources__item a:hover {
  background: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE STYLES FOR SEARCH RESULTS (MOBILE & TABLET)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  #epkb-ml-search-results,
  body #epkb-ml-search-results,
  #epkb-ml__module-search #epkb-ml-search-results,
  .custom-kb-search-box-wrap #epkb-ml-search-results {
    max-height: 480px !important;
  }
}

@media (max-width: 768px) {
  #epkb-ml-search-results,
  body #epkb-ml-search-results,
  #epkb-ml__module-search #epkb-ml-search-results,
  .custom-kb-search-box-wrap #epkb-ml-search-results {
    top: calc(100% + 6px) !important;
    max-height: 65vh !important;
    border-radius: 12px !important;
    padding: 8px 8px 12px 8px !important;
  }

  #epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container,
  .epkb-ml-search-results-list li a.epkb-ml-article-container {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }

  #epkb-ml-search-results .epkb-ml-search-results-list li a.epkb-ml-article-container .epkb-article__icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 12px !important;
    margin-right: 10px !important;
  }

  #epkb-ml-search-results .epkb-ml-ai-search-answer,
  .epkb-ml-ai-search-answer {
    padding: 14px 14px !important;
  }

  #epkb-ml-search-results .epkb-ml-ai-search-continue-chat-btn,
  .epkb-ml-ai-search-continue-chat-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 480px) {
  #epkb-ml-search-results,
  body #epkb-ml-search-results,
  #epkb-ml__module-search #epkb-ml-search-results,
  .custom-kb-search-box-wrap #epkb-ml-search-results {
    max-height: 60vh !important;
    padding: 6px 6px 10px 6px !important;
  }

  #epkb-ml-search-results .epkb-ml-ai-search-answer__content ul li,
  .epkb-ml-ai-search-answer__content ul li {
    font-size: 13px !important;
    padding: 8px 10px !important;
  }
}