﻿.text-icons__card__icon-wrapper .text-icons__card__icon {
  width: calc((100% - var(--border-spacing)) * 0.80) !important;
}

.text-icons__card__icon {
  transition: transform .5s ease;
}

.text-icons__card:hover .text-icons__card__icon {
	transform: translate(calc(var(--transform-direction) * 50%), -50%) scale(1.1);
}

.text-icons__card__heading-box {
  box-shadow: 0px 1px 2px 0px rgb(var(--color-foreground),.05);
  border-radius: 0.8rem;
  background: rgb(var(--color-background-input));
}

/* Liquid Glass Effect for text-icons cards */
.text-icons__card--bkg {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.10), 
              0px 2px 4px 0px rgba(0, 0, 0, 0.08),
              inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(calc(var(--button-glass-blur) * 1.5));
  -webkit-backdrop-filter: blur(calc(var(--button-glass-blur) * 1.5));
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, calc(var(--button-glass-opacity) * 1.8)), 
    rgba(255, 255, 255, calc(var(--button-glass-opacity) * 1.2))
  ) !important;
  transition: backdrop-filter 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}

/* Highlighted corner contour */
.text-icons__card--bkg::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 32%;
  height: 32%;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
  border-left: 1px solid rgba(255, 255, 255, 0.45);
  border-top-left-radius: inherit;
  pointer-events: none;
  z-index: 1;
  opacity: 0.85;
  transition: border-width 300ms ease, opacity 300ms ease;
}

/* Glass shine effect for cards */
.text-icons__card--bkg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 60%;
  background: linear-gradient(135deg, 
    rgba(var(--button-glass-shine-color), calc(var(--button-glass-shine-opacity) * 1.5)) 0%, 
    rgba(var(--button-glass-shine-color), calc(var(--button-glass-shine-opacity) * 0.8)) 30%,
    transparent 60%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
  transition: opacity 300ms ease;
}

/* Enhance on hover */
.text-icons__card--bkg:hover {
  backdrop-filter: blur(calc(var(--button-glass-blur) * 2));
  -webkit-backdrop-filter: blur(calc(var(--button-glass-blur) * 2));
  box-shadow: 0px 9px 22px 0px rgba(0, 0, 0, 0.14), 
              0px 3px 8px 0px rgba(0, 0, 0, 0.10),
              inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

.text-icons__card--bkg:hover::before {
  border-top-width: 3px;
  border-left-width: 3px;
  opacity: 1;
}

.text-icons__card--bkg:hover::after {
  opacity: 1;
  background: linear-gradient(135deg, 
    rgba(var(--button-glass-shine-color), calc(var(--button-glass-shine-opacity) * 2)) 0%, 
    rgba(var(--button-glass-shine-color), var(--button-glass-shine-opacity)) 30%,
    transparent 60%
  );
}

/* Ensure content stays above the shine */
.text-icons__card--bkg > * {
  position: relative;
  z-index: 2;
}

/* Make icon background transparent */
.text-icons__card__icon-wrapper:before {
  background-color: transparent !important;
}

/* Override background-input class for text-icons cards with glass effect */
.text-icons__card--bkg.background-input {
  background-color: transparent !important;
}
/* Team section (text_icons_kFhKYy): center text vertically next to icon */
#shopify-section-template--29296833364313__text_icons_kFhKYy .text-icons__card {
  align-items: center;
}
