a, button, .clickable, .menu-grid-item, .wp-block-button__link {
  cursor: pointer !important;
}

#envira-gallery-wrap-225 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* ONLY direct columns inside your menu-row */
.menu-row > .wp-block-column {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

/* image */
.menu-row > .wp-block-column img {
  width: 100%;
  display: block;
  transition: all 0.4s ease;
  animation: floatUpDown 6s ease-in-out infinite;
  border-radius: 12px;
}

/* overlay */
.menu-row > .wp-block-column::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.25);
  z-index: 2;
  transition: all 0.4s ease;
  pointer-events: none;
}

/* hover */
.menu-row > .wp-block-column:hover::before {
  background: rgba(255,255,255,0);
}

.menu-row > .wp-block-column:hover img {
  transform: scale(1.06);
  filter: brightness(0.9);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

/* animation */
@keyframes floatUpDown {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}


.menu-heading {
  font-family: 'Aclonica', sans-serif;
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
}

/* New Nav Template */
.wp-block-navigation {
    margin-right: 20px;
}

/* column styling stays for layout only */
.menu-rows > .wp-block-column {
  position: relative;
  border-radius: 12px;
  overflow: visible; /* important change */
}

/* image wrapper becomes the "overlay container" */
.menu-rows .wp-block-image {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

/* image */
.menu-rows .wp-block-image img {
  width: 100%;
  display: block;
  transition: all 0.4s ease;
  animation: floatUpDown 6s ease-in-out infinite;
  border-radius: 12px;
}

/* overlay ONLY on image */
.menu-rows .wp-block-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.25);
  z-index: 2;
  transition: all 0.4s ease;
  pointer-events: none;
}

/* hover effect */
.menu-rows .wp-block-image:hover::before {
  background: rgba(255,255,255,0);
}

.menu-rows .wp-block-image:hover img {
  transform: scale(1.06);
  filter: brightness(0.9);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}