/* The round neumorphic tile */
a.btn-image {
  box-shadow:
    0 12px 24px rgba(67, 73, 66, 0.10),
    inset 0 12px 16px rgba(67, 73, 66, 0.06),
    0 -12px 18px rgba(255, 255, 255, 0.75),
    inset 0 -12px 16px rgba(255, 255, 255, 0.5) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Hover: lift + deeper shadow */
a.btn-image:hover {
  transform: translateY(-4px);
  box-shadow:
    0 18px 32px rgba(67, 73, 66, 0.14),
    inset 0 12px 16px rgba(67, 73, 66, 0.06),
    0 -10px 18px rgba(255, 255, 255, 0.85),
    inset 0 -12px 16px rgba(255, 255, 255, 0.55);
}

.btn-logout{
    color: white!important;
    border-color:white!important;
}

.header-inner {
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease, border-radius 0.3s ease;
}

.header-inner.scrolled {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 120px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px); /* Safari */
}

.animation-scrollup{
      will-change: transform;
  transform: translate3d(0, 0, 0);
}

.yoga-event-card {
    flex: 1;
    max-width: calc(100% / 3);
}

.yoga-my-events {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.highlighted-box{
    padding-block-end: 24px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    border-radius: var(--sapcings-spacing-l);
    background-image: url(/wp-content/uploads/2026/05/lines_background.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-position: center center;
    background-color: #ffffff66;
    backdrop-filter: blur(16px);
    flex-direction: column;
    gap: 16px;
}

.amelia-v2-booking * {
    font-family: Montserrat, sans-serif !important;
}

.popup-correction{
    flex-direction: column!important;
    border-radius: 24px!important;
    padding: 24px!important;
}
}

/* :has() variant, targeting Amelia's own gateway icon */
.am-payments.yoga-online-selected button:has(img.onSite) {
    display: none !important;
}

.am-payments.yoga-online-selected .am-payments__method-button:has(img.onSite) {
    display: none !important;
}

.amelia-v2-booking .am-ec, .amelia-v2-booking .am-el__item, .amelia-v2-booking [class*="__card"], .amelia-v2-booking [class*="-card"] {
    box-shadow: none !important;
}

.am-payments__method-cards.yoga-online-selected {
    box-shadow: none !important;
}

.yoga-my-events {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap:0;
}

.yoga-events-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 16px;
}

.yoga-event-card.highlighted-box {
    min-width: calc(100% / 3 - 16px) !important;
    max-width: calc(100% / 3 - 16px) !important;
    flex-wrap: nowrap;
    display: flex;
    margin-bottom: 0!important;
    gap:0!important;
}

@media (max-width:1024px){
    .yoga-event-card.highlighted-box {
        max-width: 100%!important;
        min-width: 100%!important;
    }
    .yoga-events-list {
    flex-direction: column!important;
}
}

.yoga-my-events {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
}