/**
 * Custom Lightning Box Styles
 * Used by: Custom Lightning Box Elementor Widget
 */

.custom-lightning-box-wrap {
  width: 100%;
  display: flex;
  box-sizing: border-box;
}

/* Wrapper Alignment */
.custom-lightning-box-wrap.align-left {
  justify-content: flex-start;
}
.custom-lightning-box-wrap.align-center {
  justify-content: center;
}
.custom-lightning-box-wrap.align-right {
  justify-content: flex-end;
}

/* Lightning Box Container */
.custom-lightning-box {
  position: relative;
  box-sizing: border-box;
  display: flex;
  background-repeat: no-repeat;
  background-position: var(--clb-bg-pos, center center);
  background-size: var(--clb-bg-size, 100% 100%);
  background-image: var(--clb-bg-desktop);
  background-color: var(--clb-bg-color, transparent);
  width: var(--clb-box-width, 100%);
  max-width: 100%;
  min-height: var(--clb-box-min-height, auto);
  padding: var(--clb-padding-top, 24px) var(--clb-padding-right, 30px) var(--clb-padding-bottom, 36px) var(--clb-padding-left, 30px);
  align-items: var(--clb-valign, center);
  justify-content: var(--clb-halign, center);
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, filter 0.3s ease;
}

/* Tablet Breakpoint (max-width: 1024px) */
@media (max-width: 1024px) {
  .custom-lightning-box {
    background-image: var(--clb-bg-tablet, var(--clb-bg-desktop));
  }
}

/* Mobile Breakpoint (max-width: 767px) */
@media (max-width: 767px) {
  .custom-lightning-box {
    background-image: var(--clb-bg-mobile, var(--clb-bg-tablet, var(--clb-bg-desktop)));
  }
}

/* Hover Animations */
.custom-lightning-box.hover-float:hover {
  transform: translateY(-4px);
}

.custom-lightning-box.hover-glow:hover {
  filter: drop-shadow(0 0 12px rgba(0, 242, 254, 0.45)) drop-shadow(0 0 16px rgba(254, 9, 121, 0.45));
}

.custom-lightning-box.hover-scale:hover {
  transform: scale(1.02);
}

/* Content Container */
.custom-lightning-box__content {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: var(--clb-valign, center);
  justify-content: var(--clb-halign, center);
}

/* Text Element */
.custom-lightning-box__text {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  max-width: var(--clb-text-max-width, 100%);
  text-align: var(--clb-text-align, center);
  transform: translate(var(--clb-offset-x, 0px), var(--clb-offset-y, 0px));
  color: var(--clb-text-color, #111111);
  text-decoration: none;
  word-break: break-word;
  transition: transform 0.25s ease, color 0.25s ease;
}

.custom-lightning-box:hover .custom-lightning-box__text,
.custom-lightning-box__text:hover {
  color: var(--clb-text-hover-color, var(--clb-text-color, #111111));
}

/* Clickable Box */
a.custom-lightning-box,
a.custom-lightning-box__text {
  cursor: pointer;
  text-decoration: none;
}