/* =========================
   PREVENT HORIZONTAL SCROLL
   ========================= */

/* Global safety (recommended) */
html, body {
  overflow-x: hidden;
}

/* Hero specific fix */
/* .kaddora-hero-digital {
  overflow-x: hidden;
} */

/* Prevent pseudo background from overflowing */
/* .kaddora-hero-digital::before {
  max-width: 100%;
  overflow: hidden;
} */

/* Fix alignwide inside alignfull */
.kaddora-hero-digital .alignwide {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--wp--style--global--wide-size);
}

/* Fix columns causing overflow */
.kaddora-hero-digital .wp-block-columns {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.wp-block-button a:hover{
  background-color: #FACC15 !important;
  border: 2px solid #22D3EE !important;
  color: black !important;
}



/* =========================
   SERVICE CARD 3D ROTATION
   ========================= */

/* Give perspective to parent */
.kaddora-services-section .wp-block-columns {
  perspective: 1200px;
}

/* Card base */
.kaddora-service-card {
  transform-style: preserve-3d;
  transition: transform 109ms cubic-bezier(.22,.8,.25,1),
              box-shadow 100ms ease;
  will-change: transform;
}

/* Hover effect: rotate 180deg on X-axis */
/* .kaddora-service-card:hover {
  transform: rotateY(180deg);
  box-shadow: 0 30px 70px rgba(0,0,0,0.45);
} */

/* Smooth back when mouse leaves */
.kaddora-service-card:not(:hover) {
  transform: rotateX(0deg);
}

/* Prevent text flicker */
.kaddora-service-card * {
  backface-visibility: hidden;
}

/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .kaddora-service-card,
  .kaddora-service-card:hover {
    transform: none !important;
  }
}




/* ===============================
   Tools Logo Crawler (Block-only)
   =============================== */
/* ===== Tools Infinite Crawler ===== */

.kaddora-tools-section{
  overflow: hidden;
  position: relative;
}

/* Track */
.kaddora-tools-section .wp-block-group:last-child{
  display: flex;
  flex-wrap: nowrap !important;
  gap: 40px;
  width: max-content;
  animation: kaddora-marquee 28s linear infinite;
  will-change: transform;
}

/* Logos */
.kaddora-tools-section .wp-block-image img{
  height: 100px;          /* fixed height */
  width: auto;            /* let width scale naturally */
  max-width: none;        /* prevent WP limiting it */
  object-fit: contain;    /* safe for raster + SVG */
  display: block;

  opacity: .9;
  /* filter: grayscale(100%); */
  transition: transform .25s ease, filter .25s ease, opacity .25s ease;
}

.kaddora-tools-section .wp-block-image:hover img{
  filter: none;
  opacity: 1;
  transform: translateY(-2px);
}

@keyframes kaddora-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}


/* Pause on hover */
.kaddora-tools-section:hover .wp-block-group:last-child{
  animation-play-state: paused;
}

@media (max-width: 782px){
  .kaddora-tools-section .wp-block-image img{
    height: 48px;   /* readable but compact */
    width: auto;
  }
}