/* Wedding Custom & Variable Styles */
:root {
  --font-primary: primary-font, sans-serif;
  --font-title: title-font-4, serif;
  --font-script: script-font-6, cursive;
  --color-base: #fff;
  --color-base-100: #f8f9fa;
  --color-base-200: #e9ecef;
  --color-base-content: #404040;
  --color-primary: #000;
  --color-primary-content: #fff;
  --color-secondary: #ff7777;
  --color-secondary-content: #fff;
  --color-accent: #f78da7;
  --color-accent-content: #fff;
  --radius-box: 18px;
  --radius-button: 8px;
  --radius-icon: 50%;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px;
}

.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}

.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none;
}

/* Ensure audio icon spin works smoothly */
.btn-music svg.animate-spin {
  animation: spin 3s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Gallery and modal fixes */
.album-grid .grid-item img {
  transition: transform 0.3s ease;
}

.album-grid .grid-item:hover img {
  transform: scale(1.03);
}

.wish-item {
  border-left: 3px solid rgba(255, 255, 255, 0.4);
}