/* ===========================================================
   NEO-TECH HERO SECTION — MINIMAL HOVER EFFECTS
   Works for: Filters / Buttons / Product Cards / Cover
=========================================================== */

/* -----------------------------------
   1) FILTER BUTTONS (Mobiles / Laptops / etc.)
----------------------------------- */
.neo-filter-btn .wp-block-button__link {
    transition: all .25s ease;
}

.neo-filter-btn .wp-block-button__link:hover {
    background: #0EA5E9 !important;
    color: #020617 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.35);
}


/* -----------------------------------
   2) MAIN HERO BUTTONS
----------------------------------- */
.wp-block-buttons a.wp-block-button__link {
    transition: all .25s ease !important;
}

.wp-block-buttons a.wp-block-button__link:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 6px 24px rgba(14, 165, 233, 0.35);
}


/* -----------------------------------
   3) PRODUCT CARDS (Right Column) 
----------------------------------- */
.neo-tech-hero .wp-block-group[style*="background-color:#020617CC"],
.neo-tech-hero .wp-block-group[style*="background-color:#020617B3"] {
    transition: all .3s ease;
}

.neo-tech-hero .wp-block-group:hover[style*="background-color:#020617CC"],
.neo-tech-hero .wp-block-group:hover[style*="background-color:#020617B3"] {
    transform: translateY(-4px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.35);
    border: 1px solid rgba(56, 189, 248, 0.4);
}


/* -----------------------------------
   4) HERO COVER subtle gradient move 
----------------------------------- */
.neo-tech-hero {
    transition: background-position .8s ease;
    background-size: 105%;
}

.neo-tech-hero:hover {
    background-position: 48% 52%;
}


/* Shop by Device Type – tile hover */
.device-type-grid .device-tile {
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.device-type-grid .device-tile:hover {
  border-color: var(--wp--preset--color--primary);
  box-shadow: var(--wp--preset--shadow--deep);
  transform: translateY(-4px);
}




/* Deals of the Day wrapper */
.neo-deals-day .wp-block-group.has-bg-base-background-color {
  position: relative;
  overflow: hidden;
}

/* Soft primary glow ring */
.neo-deals-day .wp-block-group.has-bg-base-background-color::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at 0% 0%, rgba(14,165,233,0.12), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(56,189,248,0.15), transparent 55%);
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}

/* Keep content above glow */
.neo-deals-day .wp-block-group.has-bg-base-background-color > * {
  position: relative;
  z-index: 1;
}

/* Countdown tiles hover */
.neo-countdown-item {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow: var(--wp--preset--shadow--natural);
}

.neo-countdown-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--wp--preset--shadow--deep);
  border-color: var(--wp--preset--color--primary);
}

/* View all deals button hover */
.neo-deals-view-all .wp-block-button__link {
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.neo-deals-view-all .wp-block-button__link:hover {
  transform: translateY(-2px);
  background-color: var(--wp--preset--color--primary-hover);
  box-shadow: 0 10px 30px rgba(14,165,233,0.35);
}



/* shop by use case */
/* Use-case cards subtle hover */
.neo-use-card-inner {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  box-shadow: var(--wp--preset--shadow--natural);
}

.neo-use-card-inner:hover {
  transform: translateY(-4px);
  box-shadow: var(--wp--preset--shadow--deep);
  border-color: var(--wp--preset--color--primary);
  background-color: rgba(15,23,42,0.96); /* slightly darker surface */
}

/* Buttons */
.neo-use-btn .wp-block-button__link {
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.neo-use-btn .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--bg-base) !important;
  transform: translateY(-1px);
}

/* Small product preview tighter */
.neo-use-products {
  margin-top: 0.9rem;
}
.neo-use-products .wc-block-grid__product {
  font-size: 0.85rem;
}


/* Top brands strip hover */
.kd-brand-strip .kd-brand-logo img {
  max-height: 40px;
  width: auto;
  object-fit: contain;
  filter: brightness(0.9);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease;
  border-radius: 999px;
  padding: 6px 12px;
  border: 1px solid transparent;
}

.kd-brand-strip .kd-brand-logo img:hover {
  transform: translateY(-3px);
  box-shadow: var(--wp--preset--shadow--natural);
  filter: brightness(1);
  border-color: var(--wp--preset--color--primary);
}





/* 404 page... */
/* ============================
   404 PAGE ANIMATIONS & STYLES
   ============================ */

/* Fade Up Animation */
@keyframes kaddora-fade-up {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slow Floating Animation */
@keyframes kaddora-floating {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

/* Neon Glow Animation */
@keyframes kaddora-neon-glow {
  0%, 100% {
    box-shadow: 0 0 10px var(--wp--preset--color--primary);
  }
  50% {
    box-shadow: 0 0 20px var(--wp--preset--color--primary);
  }
}

/* Glitch Effect for 404 Text */
@keyframes kaddora-glitch {
  0%   { text-shadow: 2px 2px #ff007a; }
  20%  { text-shadow: -2px -2px #00eaff; }
  40%  { text-shadow: 2px -2px #ff007a; }
  60%  { text-shadow: -2px 2px #00eaff; }
  80%  { text-shadow: 0px 0px #ffffff; }
  100% { text-shadow: 2px 2px #ff007a; }
}

/* Apply fade-up to main 404 wrapper */
.kaddora-404-wrapper {
  animation: kaddora-fade-up 0.9s ease forwards;
}

/* Glitch heading */
.kaddora-404-wrapper .glitch-text {
  animation: kaddora-glitch 1.5s infinite;
}

/* Neon button style */
.kaddora-404-wrapper .neon-button .wp-block-button__link {
  animation: kaddora-neon-glow 2.5s infinite alternate;
  border-radius: 8px;
}

/* Floating blog section */
.kaddora-404-wrapper .floating-box {
  animation: kaddora-floating 4s ease-in-out infinite;
}