/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* ===== GLOW EFFECTS ===== */

/* Glow on product cards hover */
.product-card,
[class*="product-card"] {
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.product-card:hover,
[class*="product-card"]:hover {
  box-shadow: 0 0 20px 4px rgba(var(--cl-accent), 0.25),
              0 0 40px 8px rgba(var(--cl-accent), 0.12) !important;
  transform: translateY(-2px);
}

/* Glow on primary buttons */
a[class*="bg-accent-500"],
button[class*="bg-accent-500"] {
  box-shadow: 0 0 12px 2px rgba(var(--cl-accent), 0.35);
  transition: box-shadow 0.3s ease, transform 0.2s ease !important;
}

a[class*="bg-accent-500"]:hover,
button[class*="bg-accent-500"]:hover {
  box-shadow: 0 0 22px 6px rgba(var(--cl-accent), 0.55),
              0 0 45px 12px rgba(var(--cl-accent), 0.2) !important;
  transform: translateY(-1px);
}

/* Glow on navbar logo / shop name */
.navbar a img,
.navbar a[href="/"] {
  filter: drop-shadow(0 0 6px rgba(var(--cl-accent), 0.4));
  transition: filter 0.3s ease !important;
}

.navbar a img:hover,
.navbar a[href="/"]:hover {
  filter: drop-shadow(0 0 12px rgba(var(--cl-accent), 0.7));
}

/* Glow on accent text */
.text-accent-500 {
  text-shadow: 0 0 18px rgba(var(--cl-accent), 0.5);
}

/* Glow on hero section title */
.hero h1,
[class*="hero"] h1 {
  text-shadow: 0 0 30px rgba(var(--cl-accent), 0.3),
               0 0 60px rgba(var(--cl-accent), 0.12);
}

/* Subtle ambient glow on cards */
.bg-card,
[class*="bg-card"] {
  transition: box-shadow 0.3s ease !important;
}

.bg-card:hover,
[class*="bg-card"]:hover {
  box-shadow: 0 0 0 1px rgba(var(--cl-accent), 0.15),
              0 4px 24px rgba(var(--cl-accent), 0.08) !important;
}

/* Glow on focus inputs */
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 2px rgba(var(--cl-accent), 0.5),
              0 0 12px rgba(var(--cl-accent), 0.2) !important;
}

/* Glow on navbar active links */
.navbar a:hover {
  text-shadow: 0 0 10px rgba(var(--cl-accent), 0.6);
}

/* Animated glow pulse on "Buy Now" / CTA buttons */
@keyframes glow-pulse {
  0%, 100% {
    box-shadow: 0 0 10px 2px rgba(var(--cl-accent), 0.35);
  }
  50% {
    box-shadow: 0 0 22px 6px rgba(var(--cl-accent), 0.55),
                0 0 40px 12px rgba(var(--cl-accent), 0.2);
  }
}

/* Glow ring on stats / feature icons */
[class*="text-accent-500"] i,
[class*="text-accent-500"] svg {
  filter: drop-shadow(0 0 6px rgba(var(--cl-accent), 0.5));
}