.wpit-adspace { width:100%; overflow:hidden; background:#cecece; position:relative; }
.wpit-adspace-enh { width:100%; overflow:hidden; background:#cecece; position:relative; }

.wpit-ad-carousel { display:flex; flex-wrap:nowrap; }

/* Transitions */
.transition-fade    { transition:opacity 1s ease-in-out; }
.transition-slide   { transition:transform 1s ease-in-out; }
.transition-flip    { transform-style: preserve-3d; transition: transform 1s; }
.transition-zoom    { transition:transform 1s ease-in-out; }
.transition-rotate  { transition:transform 1s ease-in-out; }
.transition-scale   { transition:transform 1s ease-in-out; }
.wpit-ad-item-wrp { position: relative; overflow: hidden }
.wpit-ad-item { position: relative; overflow: hidden; flex-shrink:0; padding:2px; box-sizing:border-box }

/* The diagonal highlight bar */
.wpit-ad-item::after {
  content: "";
  position: absolute;
  top: -100%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255,255,255,0.25);
  transform: rotate(45deg) translateY(-100%);
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 0;
  z-index: 5;
  pointer-events: none; /* don't block clicks */
}

/* When the container is marked clickable and hovered */
.wpit-ad-item[data-clickable="1"]:hover::after {
  transform: rotate(45deg) translateY(0);
  opacity: 1;
}

/* Change cursor only for clickable ads */
.wpit-ad-item[data-clickable="1"] {
  cursor: pointer;
}

/* Generic hover animation */
.wpit-ad-item-wrp img,
.wpit-ad-item-wrp video {
  display: block;
  transition: transform 0.5s ease, filter 0.5s ease;
}

/* Trigger animation once per hover */
.wpit-ad-item-wrp img:hover,
.wpit-ad-item-wrp video:hover {
  transform: scale(1.05);       /* zoom slightly */
  filter: brightness(1.2);      /* make it a bit brighter */
}