/** Site Theme **/
[data-theme="adoraboros"] {
  --color-base-100: #f2ffd9;
  --color-base-200: #D6E7B3;
  --color-base-300: #bacf8c;
  --color-base-content: #5e6848;
  --color-primary: oklch(54% 0.281 293.009);
  --color-primary-content: oklch(96% 0.016 293.756);
  --color-secondary: oklch(59% 0.249 0.584);
  --color-secondary-content: oklch(97% 0.014 343.198);
  --color-accent: oklch(44% 0.017 285.786);
  --color-accent-content: oklch(98% 0 0);
  --color-neutral: oklch(37% 0.044 257.287);
  --color-neutral-content: oklch(98% 0.003 247.858);
  --color-info: oklch(68% 0.169 237.323);
  --color-info-content: oklch(97% 0.013 236.62);
  --color-success: oklch(70% 0.14 182.503);
  --color-success-content: oklch(98% 0.014 180.72);
  --color-warning: oklch(70% 0.213 47.604);
  --color-warning-content: oklch(98% 0.016 73.684);
  --color-error: oklch(64% 0.246 16.439);
  --color-error-content: oklch(96% 0.015 12.422);
  --radius-selector: 1rem;
  --radius-field: 0.5rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1.5px;
  --depth: 0;
  --noise: 0;
}



@keyframes slide-in-stay-out {
  /* Start off-screen (e.g., to the left) */
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  /* Slide in and reach final position partway through the total duration */
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  /* Stay in position until just before the end of the total duration */
  90% {
    transform: translateY(0);
    opacity: 1;
  }
  /* Slide out (e.g., back to the left) and fade out */
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}

/* Custom title attribute behavior that works across pcs and tablets */
span[data-humeown] {
  position: relative;
  /*cursor: pointer;
  border-bottom: 1px dashed #333;*/
}

span[data-humeown]:active::after,
span[data-humeown]:hover::after,
span[data-humeown]:focus::after {
  content: attr(data-humeown);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-neutral);
  color: var(--color-neutral-content);
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  z-index: 10;
}

.animate-slide-in-and-out {
    animation-name: slide-in-stay-out;
    animation-duration: 5s; /* Total time for the whole sequence */
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.htmx-request .htmx-during-request-display-none {
    display: none;
}

.htmx-request-indicator {
    display: none !important;
}

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

.product-card figure img.inactive {
  display: none;
}