/*
 * Insights-only navigation visibility correction.
 *
 * Scope:
 * - Insights pages only.
 * - Breadcrumbs visible on desktop and mobile.
 * - Header Get Quote hidden on mobile.
 * - Existing template colors, background and spacing remain unchanged.
 */

/* Breadcrumb visibility without changing template colors. */
nav[aria-label="Breadcrumb"],
nav[aria-label="breadcrumb"],
.article-breadcrumb-bar,
.article-page .breadcrumb,
.article-page .breadcrumbs,
main .breadcrumb,
main .breadcrumbs,
.bc {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Newer inline breadcrumb components. */
.article-page .breadcrumb,
.article-page .breadcrumbs,
main .breadcrumb,
main .breadcrumbs {
  display: flex !important;
  overflow: visible !important;
}

/* Standalone breadcrumb bars. */
nav[aria-label="Breadcrumb"],
nav[aria-label="breadcrumb"],
.article-breadcrumb-bar {
  display: block !important;
  overflow: visible !important;
}

/* Older breadcrumb component. */
.bc {
  display: flex !important;
  overflow: visible !important;
}

/* Mobile Header: Logo + hamburger only. */
@media (max-width: 768px) {
  .header-content > .btn-get-quote,
  .header > .header-content > .btn-get-quote,
  .header .btn-get-quote,
  .site-header .btn-get-quote,
  header .btn-get-quote,
  .header-content > a[href*="wa.me"],
  .header-content > a[href*="whatsapp"] {
    display: none !important;
  }
}

/*
 * Fixed-header offset corrections.
 *
 * Do not apply these rules to the dark Hero template's standalone
 * .breadcrumb component. That template already positions its breadcrumb
 * correctly below the Header.
 */

/* New white article template. */
.article-page {
  padding-top: 67px !important;
}

/*
 * The article shell already contains its own internal top padding.
 * The page-level padding above only clears the fixed Header.
 */
.article-page .breadcrumb {
  margin-top: 0 !important;
}

/* Older white article template using div.bc. */
body > .bc,
.header + .bc,
.site-header + .bc {
  box-sizing: border-box !important;
  width: min(100% - 40px, 1180px) !important;
  min-height: 0 !important;
  margin: 81px auto 0 !important;
  padding: 16px 0 !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  line-height: 1.5 !important;
}

/* Prevent separator and link elements from becoming full-width rows. */
body > .bc > *,
.header + .bc > *,
.site-header + .bc > * {
  flex: 0 0 auto !important;
}

@media (max-width: 768px) {
  .article-page {
    padding-top: 67px !important;
  }

  body > .bc,
  .header + .bc,
  .site-header + .bc {
    width: min(100% - 30px, 1180px) !important;
    margin-top: 67px !important;
    padding: 14px 0 !important;
    font-size: 13px !important;
  }
}