/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}


/* .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("/static/images/favicons/apple-touch-icon.png");
  background-image: var(--bs-navbar-toggler-icon-bg);
} */

body.with-cookie-bar {
  padding-top: 35px;
}

.cookie-bar {
  position: fixed;
  width: 100%;
  top: 0;
  text-align: center;
  height: 32px;
  line-height: 25px;
  background: #aaa;
}

/* Progress bar */
/* https://enzircle.hashnode.dev/responsive-table-with-django-and-htmx */
.progress {
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background-clip: padding-box;
  overflow: hidden;
  position: relative;
}

.progress {
  opacity: 0;
}

.htmx-request .progress {
  opacity: 1;
}

.htmx-request.progress {
  opacity: 1;
}

.progress .indeterminate {
  background-color: blue;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

.navbar {
  --bs-navbar-padding-y: 0.4rem;
  --bs-navbar-toggler-padding-x: 0.2rem;
}

button.navbar-toggler {
  border: 0px;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3e%3c/svg%3e");
  width: 1.25em;
}


figcaption.blockquote-footer {
  font-size: 1em;
  font-style: italic;
}

/* carnet - Carnet */

.carnet h1,
.carnet h2,
.carnet h3,
.carnet h4,
.carnet h5,
.carnet h6,
.contact h1,
.contact h2 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
    /*rtl:Amiri, Georgia, "Times New Roman", serif*/
  ;
}

.carnet h2 {
  margin-bottom: .8rem;
}

.post p {
  font-size: 1.2rem;
  margin-bottom: 1.4rem;
}

/* .carnet .display-4 {
  font-size: 2.5rem;
}

@media (min-width: 768px) {
  .carnet .display-4 {
    font-size: 3rem;
  }
} */


.pacman-moving {
  position: relative;
  animation: pacmove 3s infinite;
  animation-timing-function: linear;
  /*animation-direction: alternate;*/

}

@keyframes pacmove {
  from {
    left: 0%;
  }

  to {
    left: 90%;
  }
}

.pacman-indicator {
  display: none;
}

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

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

#photoModal .modal-content {
  background-color: #333;
}

.photos h1 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif
    /*rtl:Amiri, Georgia, "Times New Roman", serif*/
  ;
}

.photos .card .card-body figcaption.blockquote-footer {
  margin-top: -0.5rem;
  margin-bottom: 0rem;
  font-size: .875em;
}