/* Keep this global override (OK for all sizes) */
#exit-btn.btn-link:focus,
#exit-btn.btn-link:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background-clip: unset !important;
  background-color: inherit !important;
  color: inherit !important;
}

@media (max-width: 718px) {

  /* Mobile base / iOS consistency */
  html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    position: relative;
    min-height: 100%;
  }

  /* Prevent iOS zoom on focus */
  input, textarea, select {
    font-size: 16px;
  }

  body { font-size: 100%; }

  .col-sm-5 { width: 100%; }

  .navbar-light .navbar-toggler {
    color: #fff;
    border-color: rgba(0,0,0,0);
  }

  #kuku {
    border-radius: 1.25rem;
    max-height: 90%;
    max-width: 90%;
    object-fit: contain;
  }

  #lolo {
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.6)), url('/images/logo/register.png');
    background-position: 0%;
    object-fit: contain;
  }

  #login-input { border: 5px solid #00000000; }

  .phone { padding: .1rem 0; }

  .navbar-toggler {
    padding: 0;
    font-size: 0.9rem; /* keep only one value */
  }

  /* ✅ The navbar container override (no nesting) */
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-lg,
  .navbar > .container-md,
  .navbar > .container-sm,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    flex-wrap: wrap;
    font-size: 1rem;
    justify-content: initial;
  }

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  #exit-btn { font-size: 16px; }

  #exit-btn:focus,
  #exit-btn:focus-visible,
  #exit-btn:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
    background-color: inherit !important;
  }

  #serach-img { margin-top: 10px; }

  #privacy {
    box-shadow: 0 0 10px rgba(0,0,0,0.9);
    border-radius: 0.25rem;
    max-width: 90%;
    max-height: 50%;
    object-fit: contain;
  }

  .table-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
    background-color: #f1f1f1;
    padding: 5px;
    width: 100%;
  }
}