{% extends "layout.html" %}
{% load wagtailcore_tags oxyan static string_filters mandelstudio_i18n %}

{% block extrahead %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'theme/modern_saas/css/main.css' %}">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <script src="{% static 'theme/modern_saas/js/nav-toggle.js' %}" defer></script>
  {% include "engine/partials/gym_theme_overrides.html" %}
  {% include "engine/partials/hotel_theme_overrides.html" %}
  {% include "engine/partials/auto_theme_overrides.html" %}
  {% include "engine/partials/bank_theme_overrides.html" %}
  {% include "engine/partials/pharmacy_theme_overrides.html" %}
  {% include "engine/partials/realty_theme_overrides.html" %}
  {% include "engine/partials/tech_theme_overrides.html" %}
  {% include "engine/partials/travel_theme_overrides.html" %}
  {% include "engine/partials/saas_theme_overrides.html" %}
  <style>
    :root { --mb-site-header-height: 88px; }
    header.mega_header {
      z-index: 1200;
    }
    .te-modern-saas .te-block--saas-testimonials .saas-testimonials__header {
      top: calc(var(--mb-site-header-height) + 8px);
      z-index: 20;
    }
    @media (max-width: 991.98px) {
      :root { --mb-site-header-height: 72px; }
    }
  </style>
{% endblock %}

{% block layout %}
  <a class="btn btn-secondary hidelink" id="main_content_link" href="#skip_header" tabindex="2">
    {% skip_to_content_text %}
  </a>
  {% include "carbasa/headers/header.html" %}
  <div id="main_content" tabindex="-1">
    <div class="te-modern-saas">
      <main class="te-section">
        <div class="container">
          <h1 class="te-section__heading">{{ self.title }}</h1>
          {% for block in self.body %}
            {% with scope_class=block.block_type|split:"_"|join:"-" %}
            <section class="te-block te-block--{{ scope_class }}" data-block-type="{{ block.block_type }}">
              {% include_block block %}
            </section>
            {% endwith %}
          {% endfor %}
        </div>
      </main>
    </div>
  </div>
  <div class="footer-corners">
    {% include "svg/corner.svg" with class="left" %}
    {% include "svg/corner.svg" with class="right" %}
  </div>
  {% include "oxyan/partials/footer.html" %}
{% endblock %}