html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline;
}

.htmx-request.htmx-indicator {
    display: inline;
}
 
.h400{
    max-height :400px;
    overflow-y : scroll;
}
.h450{
    max-height :450px;
    overflow-y : scroll;
}
 .h350{
    height :350px;
    overflow-y : scroll;
}
 .h300{
    max-height :300px;
    overflow-y : scroll;
}
 .h500{
    max-height :500px;
    overflow-y : scroll;
}
  .h600{
    max-height :600px;
    overflow-y : scroll;
}
.parent-loader {
    position: relative; /* Establishes a positioning context */
}

.overlay-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* Higher than sibling elements */
    background-color: rgb(221, 221, 221, 0.90); /* Optional: semi-transparent overlay */
    pointer-events: none; /* Optional: allows clicks to pass through */
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;
}
.vitrine-text-center{
    margin-top :5rem;
    width: 30rem;
    padding:inherit;
}
.pt-10,
.pt-md-10{
    padding-top: 10rem;
}
@media (min-width: 576px) {
   .pt-10, .pt-md-10 {
        padding-top: 10rem;
    }
}