{% load i18n static %}
{% comment %} <footer class="footer position-absolute fs-9">
  <div class="row g-0 justify-content-between align-items-center h-100">
    <div class="col-12 col-sm-auto text-center">
      <span class="text-body"> © 2025 {{ _("All right reserved")}}</span>
      <span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>

    </div>
    <div class="col-12 col-sm-auto text-center">
      <span class="fw-light text-body-tertiary text-opacity-85">{{ _("Powered by")}} </span>
      <a class="mx-1 text-decoration-none text-body-highlight" href="https://tenhal.sa">
        <span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
      </a>
      <span class="uil-trademark-circle fs-10 fw-light text-body-tertiary text-opacity-85"></span>
    </div>
  </div>
</footer> {% endcomment %}
{% comment %} <footer class="footer position-absolute fs-9 bg-info-subtle">
  <div class="row g-0 justify-content-between align-items-center h-100">
    <div class="col-12 col-sm-auto text-center text-warning">
      <span class="text-body "> © 2025 {{ _("All right reserved")}}</span>
      <span class="fw-bold text-warning">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold text-warning">هيكل</span>

    </div>
    <div class="col-12 col-sm-auto text-center">
      <span class="fw-light text-body-tertiary text-opacity-85 g">{{ _("Powered by")}} </span>
      <a class="mx-1 text-warning" href="https://tenhal.sa">
        <span text-success-subtle>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
      </a>
      <span class="fas fa-registered fs-10 fw-light  text-opacity-85 text-warning"></span>
    </div>
  </div>
</footer> {% endcomment %}
{% comment %} <footer class="footer position-absolute fs-9 bg-white text-secondary">
  <div class="row g-0 justify-content-between align-items-center h-100">
    <div class="col-12 col-sm-auto text-center">
      <span class="text-body"> © 2025 {{ _("All right reserved")}}</span>
      <span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>

    </div>
    <div class="col-12 col-sm-auto text-center ">
      <span>{{ _("Powered by")}} </span>
      <span>
      <a class="mx-1 text-secondary" href="https://tenhal.sa">
        <span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
      </a>
      <span>
      <span class="fas fa-registered fs-10 fw-light  text-opacity-85 text-secondary"></span>
    </div>
  </div>
</footer> {% endcomment %}
<style>


  .improved-footer {
            /* Kept `position-absolute` and adjusted padding */
    position: absolute;
    bottom: 0;
    width: 96%;
    padding: 1.5rem;


    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--text-color);
  }

  .improved-footer .text-body {
    color: var(--text-color) !important;
    font-weight: 400;
  }

  .improved-footer .fw-bold {
    font-weight: 600 !important;
    color: var(--link-color);
  }

  .improved-footer a {
    color: var(--link-color) !important;
    text-decoration: none;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

  .improved-footer a:hover {
    color: #d1d5db !important; /* A slightly softer white on hover */
    transform: translateY(-2px);
  }

  .improved-footer .fas.fa-registered {
    font-size: 0.8rem;
    color: var(--text-color);
    opacity: 0.6;
  }
</style>
<footer class="improved-footer">
    <div class="container">
        <div class="row g-0 justify-content-between align-items-center h-100">
            <div class="col-12 col-sm-auto text-center">
                <span class="text-body">© 2025 All rights reserved</span>
                <span class="fw-bold">Haikal</span>&nbsp;|&nbsp;<span class="fw-bold">هيكل</span>
            </div>
            <div class="col-12 col-sm-auto text-center">
                <span class="text-body">Powered by</span>
                <span>
                    <a class="mx-1 text-secondary" href="https://tenhal.sa">
                        <span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span>
                    </a>
                </span>
                <span class="fas fa-registered fw-light"></span>
            </div>
        </div>
    </div>
</footer>