/**
 * BetterDocs Custom Styles
 * -------------------------
 * Purpose: Overrides and enhancements for BetterDocs single doc pages
 * Created: 2026-01-23
 * Scope: Help center layout, CTA styling, TOC visibility
 * Notes:
 * - Mobile-specific layout fixes for CTA Info Box
 * - Hides in-body Table of Contents (TOC) while preserving sidebar TOC
 * - All styles scoped to BetterDocs templates only
 */

/* Hide the in‑content Table of Contents on BetterDocs single pages */
.betterdocs-entry-content .betterdocs-toc {
    display: none !important;
}

/* Mobile only icon reduction in single doc info box */
@media (max-width: 768px) {
  .betterdocs-single-doc .uagb-ifb-icon-wrap svg {
    width: 20px !important;
    height: 20px !important;
  }

  .betterdocs-single-doc .uagb-ifb-icon-wrap {
    margin-bottom: 8px !important;
  }
}

/* Restructure the single doc Info Box CTA on mobile */
@media (max-width: 768px) {
  /* Turn the content wrapper into a vertical flex container */
  .betterdocs-single-doc .uagb-ifb-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Put "Ready to publish?" on its own centered line */
  .betterdocs-single-doc .uagb-ifb-desc strong:first-child {
    display: block !important;
    margin-bottom: 6px !important;
    width: 100%;
    text-align: center !important;
  }

  /* Ensure the links sit together on the next line */
  .betterdocs-single-doc .uagb-ifb-desc a {
    white-space: nowrap;
  }
}

	/**
 * BetterDocs CTA — reusable styling
 * Apply this class to any UAGB Info Box block
 */

.betterdocs-cta {
  /* Desktop defaults */
  text-align: center;
}

.betterdocs-cta .uagb-ifb-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.betterdocs-cta .uagb-ifb-desc strong:first-child {
  display: block;
  margin-bottom: 6px;
}

/* Mobile refinements */
@media (max-width: 768px) {
  .betterdocs-cta .uagb-ifb-icon-wrap svg {
    width: 20px;
    height: 20px;
  }

  .betterdocs-cta .uagb-ifb-desc {
    text-align: center;
  }

  .betterdocs-cta .uagb-ifb-desc a {
    white-space: nowrap;
  }
}


	/* Center the Search label vertically inside the BetterDocs search button */
.search-submit {
  line-height: 1 !important;           /* Reset line height to match font size */
  padding-top: 10px !important;        /* Reduce top padding slightly */
  padding-bottom: 11px !important;     /* Slightly increase bottom padding */
  vertical-align: middle !important;   /* Ensure inline alignment stays centered */
}