/*
Theme Name:     Kadence Child by GrowthGeeky
Theme URI:      n/a
Template:       kadence
Author:         Sabbir Ahmed
Author URI:     https://growthgeeky.com
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ────────────────────────────────────────────────
   Base green dot
   ──────────────────────────────────────────────── */
.eyebrow__flashing-dot {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #47CD89;
  vertical-align: middle;
  /*margin-right: 20px;*/
  /*margin-left: -3px;*/
  animation: dotGlow 2s ease-in-out infinite;
}

/* ────────────────────────────────────────────────
   Expanding halo ring
   ──────────────────────────────────────────────── */
.eyebrow__flashing-dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #60EB3A;
  z-index: 1;
  animation: ringPulse 2s ease-out infinite;
}

/* ────────────────────────────────────────────────
   Animations
   ──────────────────────────────────────────────── */
@keyframes ringPulse {
  0%   { transform: scale(0.75); opacity: 0.8; }
  95%,100% { transform: scale(2.3); opacity: 0; }
}

@keyframes dotGlow {
  0%, 90%, 100% { filter: brightness(1.2); }   /* slightly brighter base */
  50%          { filter: brightness(0.65); }   /* deeper dimming effect */
}

/* ────────────────────────────────────────────────
   Reduced motion fallback
   ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .eyebrow__flashing-dot,
  .eyebrow__flashing-dot::before {
    animation: none !important;
    filter: none !important;
  }
}


/* Custom Previous Arrow */
.splide__arrow--prev {
  background: url('/wp-content/uploads/2025/04/Icon.svg') no-repeat center center !important;
  background-size: contain;
  width: 40px; 
  height: 40px;
	padding: 8px 23px !important;
  border: solid 2px #E9EAEB !important;
	border-radius: 50% !important;
  cursor: pointer; 
}

/* Custom Next Arrow */
.splide__arrow--next {
  background: url('/wp-content/uploads/2025/04/Icon-1.svg') no-repeat center center !important;
  background-size: contain;
  width: 40px;
  height: 40px; 
	padding: 8px 23px !important;
  border: solid 2px #E9EAEB !important;
	border-radius: 50% !important;
  cursor: pointer; 
}


.gradient-border {
  position: relative;
/*   border: 1px solid #E9EAEB; */
  z-index: 1;
}

.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
border-radius: 24px; /* match parent radius */
  border: 2px solid transparent;
	outline: none;
  background: linear-gradient(
  150deg,
  #00d16f,
  rgba(0, 209, 111, 0),
  #00d16f
);
  background-size: 300% 300%;
  animation: move-border 6s linear infinite;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  /* Fix border thickness */
   /* padding: 1px; /* matches border size */
  box-sizing: border-box;
}



@keyframes move-border {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}