/* Fidelity overrides applied after Odoo's production frontend stylesheet. */

/* Keep migrated Odoo content full-width and let its original snippet classes control spacing. */
.legacy-page,
.legacy-page .odoo-page-content { width: 100%; max-width: none; }
.legacy-page > .odoo-page-content > section { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.legacy-page img { max-width: 100%; height: auto; }

/* The app-level header/footer use their own classes and should not inherit Odoo's button typography. */
.site-header .nav-dropdown-trigger,
.site-header .mobile-menu-toggle,
.site-header .button,
.site-footer button,
.site-footer input { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

/* Google Forms: use the available page width and preserve the original Odoo
   per-form height. The HTML migration keeps the original height attribute; do
   not replace it here with a generic min-height, which creates blank space. */
.legacy-page .s_embed_code,
.legacy-page .s_embed_code_embedded,
.legacy-page .s_embed_code_embedded.container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.legacy-page iframe[src*="docs.google.com/forms"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Preserve Bootstrap/Odoo interaction states while running without the Odoo JS bundle. */
.legacy-page .collapse:not(.show) { display: none !important; }
.legacy-page .collapse.show { display: block !important; }
.legacy-page .carousel-item { display: none !important; }
.legacy-page .carousel-item.active { display: block !important; }
.legacy-page .tab-pane { display: none !important; }
.legacy-page .tab-pane.active.show { display: block !important; }

/* Blog body is original Odoo content, but constrain nested Odoo containers to the article column. */
.odoo-blog-body .container,
.odoo-blog-body .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.odoo-blog-body .row { margin-left: 0 !important; margin-right: 0 !important; }
.odoo-blog-body [class*="col-"] { max-width: 100%; }

/* Refine the original Odoo Key Takeaways alert rather than replacing its content. */
.odoo-blog-body .s_alert.s_custom_snippet {
  display: block !important;
  background: #eef4f9 !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 24px 28px !important;
  margin: 0 0 34px !important;
  color: #1e334d !important;
}
.odoo-blog-body .s_alert.s_custom_snippet .s_alert_icon { display: none !important; }
.odoo-blog-body .s_alert.s_custom_snippet .s_alert_content { margin: 0 !important; padding: 0 !important; }
.odoo-blog-body .s_alert.s_custom_snippet h1,
.odoo-blog-body .s_alert.s_custom_snippet .display-4 {
  font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
  line-height: 1.12 !important;
  margin: 0 0 14px !important;
  letter-spacing: -.02em !important;
}
.odoo-blog-body .s_alert.s_custom_snippet ul { margin: 0 !important; padding-left: 1.25rem !important; }
.odoo-blog-body .s_alert.s_custom_snippet li { margin: .4rem 0 !important; line-height: 1.55 !important; }
.odoo-blog-body .s_alert.s_custom_snippet p { margin-bottom: .7rem !important; }
.odoo-blog-body .s_alert.s_custom_snippet *:last-child { margin-bottom: 0 !important; }

@media (max-width: 720px) {
  .odoo-blog-body .s_alert.s_custom_snippet { padding: 20px !important; }
}


/* Odoo UI icon font is not packaged with the migration. Only the legacy demo
   page uses these chevrons, so render them with ordinary text glyphs instead of
   requesting /web/static/lib/odoo_ui_icons/fonts/* through Next's catch-all. */
.legacy-page .oi { font-family: inherit !important; font-style: normal !important; }
.legacy-page .oi-chevron-left::before { content: "‹" !important; font-size: 1.5em; }
.legacy-page .oi-chevron-right::before { content: "›" !important; font-size: 1.5em; }