/* Drupal Local Tasks (Contextual Buttons) */
#block-proccm-tw-local-tasks > ul {
  display: flex;
  gap: 0.5rem;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

#block-proccm-tw-local-tasks > ul li {
  margin: 0;
}

.layout-builder-form input,
.layout-builder-discard-changes input,
.layout-builder-discard-changes a.dialog-cancel,
#block-proccm-tw-local-tasks > ul li a {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  background-color: #f3f4f6;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.layout-builder-form input,
.layout-builder-discard-changes a.dialog-cancel,
.layout-builder-discard-changes input {
  margin-top: 10px;
  margin-bottom: 5px;
}

.layout-builder-discard-changes a.dialog-cancel {
  background-color: #fab9cd;
}

#block-proccm-tw-local-tasks > ul li a:hover {
  background-color: #e5e7eb;
  border-color: #9ca3af;
  color: #1f2937;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#block-proccm-tw-local-tasks > ul li.is-active a {
  background-color: #20294d;
  color: #ffffff;
  border-color: #20294d;
}

#block-proccm-tw-local-tasks > ul li.is-active a:hover {
  background-color: #1a2140;
  border-color: #1a2140;
  transform: none;
}

.bg-proccm-blue {
  background-color: #20294d;
}

.bg-proccm-pink {
  background-color: #f8c6f7;
}

.bg-proccm-yellow {
  background-color: #ffdc69;
}

.bg-proccm-gray {
  background-color: #edece8
}

#main-footer .footer-menu-row nav .menu {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex
}

#main-footer .footer-menu-row nav .menu li {
  margin-left: 0 !important;
  color: #ffffffbf !important;
}

#main-footer .site-logo img {
  max-width: 200px !important;
}

/* Scroll reveal animations */
.reveal-onscroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.reveal-onscroll.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Animation variants */
.reveal-onscroll.fade-in {
  opacity: 0;
  transform: none;
  transition: opacity 0.8s ease-out;
}

.reveal-onscroll.fade-in.revealed {
  opacity: 1;
}

.reveal-onscroll.slide-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-onscroll.slide-up.revealed {
  opacity: 1;
  transform: translateY(0);
}

.reveal-onscroll.slide-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-onscroll.slide-left.revealed {
  opacity: 1;
  transform: translateX(0);
}

.reveal-onscroll.slide-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-onscroll.slide-right.revealed {
  opacity: 1;
  transform: translateX(0);
}

.reveal-onscroll.scale-in {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-onscroll.scale-in.revealed {
  opacity: 1;
  transform: scale(1);
}

/* Staggered animations for multiple elements */
.reveal-onscroll.stagger-1 { transition-delay: 0.1s; }
.reveal-onscroll.stagger-2 { transition-delay: 0.2s; }
.reveal-onscroll.stagger-3 { transition-delay: 0.3s; }
.reveal-onscroll.stagger-4 { transition-delay: 0.4s; }
.reveal-onscroll.stagger-5 { transition-delay: 0.5s; }

/* Exploration items block */
.content-main .proccm-exploration-group:last-child {
  margin-bottom: 2rem;
}

.field-liste-de-liens-container div div {
 display: list-item;
 margin-bottom: 10px;
}

.node--type-exploration-item.node--view-mode-default img {
  width: 40px;
  height: 40px
}