/* Yankeee Tech | Motion & layout refinement v2 — 2026-10-20
   Only styles existing Elementor widgets; no post/template data changes.
   Fine pointer hero glow is injected by motion-enhancements.js and cannot block clicks.
*/

/* HERO: living gradient beneath content, tied to pointer only on fine pointers. */
body:not(.wp-admin) .elementor-22 .elementor-element-6c3a20a{
  --yt-pointer-x:75%;--yt-pointer-y:44%;
  isolation:isolate;overflow:hidden;
}
body:not(.wp-admin) .elementor-22 .elementor-element-6c3a20a .yt-hero-pointer-glow{
  position:absolute;z-index:0;left:var(--yt-pointer-x);top:var(--yt-pointer-y);
  width:min(80vw,950px);height:min(80vw,950px);
  transform:translate3d(-50%,-50%,0);pointer-events:none;
  border-radius:50%;opacity:.80;
  background:radial-gradient(circle,rgba(170,77,255,.22) 0%,rgba(101,24,172,.13) 27%,rgba(72,16,132,.07) 46%,transparent 68%);
  filter:blur(8px);will-change:transform,left,top;
}
@keyframes yt-hero-ring-drift{0%,100%{transform:translate3d(0,0,0) rotate(-5deg);opacity:.62}50%{transform:translate3d(-18px,14px,0) rotate(8deg);opacity:1}}
@keyframes yt-hero-plate-float{0%,100%{transform:translate3d(0,0,0) rotate(-26deg)}50%{transform:translate3d(12px,-16px,0) rotate(-20deg)}}
html.yt-motion-allowed body:not(.wp-admin) .elementor-22 .elementor-element-6c3a20a::before{
  animation:yt-hero-ring-drift 19s ease-in-out infinite!important;
}
html.yt-motion-allowed body:not(.wp-admin) .elementor-22 .elementor-element-6c3a20a::after{
  animation:yt-hero-plate-float 17s ease-in-out infinite!important;
}
/* Defer any animated decoration until the JS has confirmed full motion is allowed. */

/* Additional staggered reveal for actual static Elementor GRID CARDS only.
   Never affect Swiper's transform or Elementor native motion-fx/entrances. */
html.yt-enhanced-motion body:not(.wp-admin) .yt-enhance-pending{
  opacity:0;transform:translate3d(0,30px,0) scale(.982);
  transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--yt-enhance-delay,0ms);
}
html.yt-enhanced-motion body:not(.wp-admin) .yt-enhance-pending.yt-enhance-visible{
  opacity:1;transform:translate3d(0,0,0) scale(1);
}
/* Smoother, branded card feedback; does not move/swipe carousel slide wrappers. */
@media(hover:hover) and (pointer:fine){
  body:not(.wp-admin) .elementor-6711 .elementor-element-54c11984{
    transition:border-color .35s ease,box-shadow .4s ease,background-color .4s ease!important;
  }
  body:not(.wp-admin) .elementor-6711 .elementor-element-54c11984:hover{
    border-color:rgba(201,122,255,.65)!important;
    box-shadow:0 19px 44px rgba(34,7,67,.4)!important;
  }
  body:not(.wp-admin) .elementor-6711 .elementor-element-7dabe0b9{
    transition:filter .5s ease!important;
  }
  body:not(.wp-admin) .elementor-6711 .elementor-element-7dabe0b9:hover{
    filter:brightness(1.12) saturate(1.08)!important;
  }
  body:not(.wp-admin) .elementor-widget-button .elementor-button .elementor-button-icon{
    display:inline-flex;transition:transform .3s cubic-bezier(.22,1,.36,1);
  }
  body:not(.wp-admin) .elementor-widget-button .elementor-button:hover .elementor-button-icon{
    transform:translateX(4px);
  }
  body:not(.wp-admin) .elementor-widget-icon-box:hover .elementor-icon,
  body:not(.wp-admin) .elementor-widget-image-box:hover .elementor-image-box-img{
    filter:drop-shadow(0 0 11px rgba(154,77,231,.34));
    transition:filter .32s ease;
  }
}

/* BLOG LOOP (6711): photo remains full-bleed, copy gets proper internal gutter. */
body:not(.wp-admin) .elementor-6711 .elementor-element-3b2ea6e2{
  padding:24px 24px 28px!important;
  gap:12px!important;
  box-sizing:border-box;
}
body:not(.wp-admin) .elementor-6711 .elementor-element-2292b6f4{
  gap:10px!important;min-width:0;
}
body:not(.wp-admin) .elementor-6711 .elementor-element-b20a49c :is(h5,a){
  line-height:1.35!important;overflow-wrap:break-word;
}
body:not(.wp-admin) .elementor-6711 .elementor-element-163275f8{
  line-height:1.58!important;overflow-wrap:break-word;
}
@media(max-width:767px){
  body:not(.wp-admin) .elementor-6711 .elementor-element-3b2ea6e2{padding:20px 18px 24px!important;}
}

/* FAQ: the original left column contains only headings and a bottom CTA.
   Use non-interactive ornamental rings in that middle empty region instead
   of adding fictitious text, images, or replacing its Elementor structure. */
body:not(.wp-admin) .elementor-3892 .elementor-element-433771d{
  position:relative!important;isolation:isolate;
}
body:not(.wp-admin) .elementor-3892 .elementor-element-433771d::before{
  content:'';position:absolute;z-index:0;pointer-events:none;
  width:clamp(130px,18vw,230px);height:clamp(130px,18vw,230px);
  top:42%;left:8%;border-radius:50%;opacity:.80;
  background:radial-gradient(circle at 50% 50%,rgba(167,91,237,.19),transparent 39%),
     repeating-radial-gradient(circle,transparent 0,transparent 22px,rgba(176,113,252,.30) 23px,transparent 24px),
     conic-gradient(from 30deg,transparent 0deg,rgba(166,81,240,.32) 72deg,transparent 120deg,rgba(98,30,189,.22) 270deg,transparent 360deg);
  mask-image:radial-gradient(circle,#000 1%,#000 70%,transparent 82%);
}
@keyframes yt-faq-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
html.yt-enhanced-motion body:not(.wp-admin) .elementor-3892 .elementor-element-433771d::before{
  animation:yt-faq-orbit 38s linear infinite;
}
body:not(.wp-admin) .elementor-3892 .elementor-element-433771d > *{position:relative;z-index:1;}
/* FAQ interactive rows have distinct focus/hover backgrounds. */
body:not(.wp-admin) .elementor-3892 .e-n-accordion-item-title{
  transition:background-color .28s ease,color .28s ease,box-shadow .28s ease!important;
}
body:not(.wp-admin) .elementor-3892 .e-n-accordion-item-title:hover,
body:not(.wp-admin) .elementor-3892 .e-n-accordion-item-title:focus-visible{
  background:rgba(116,47,182,.28)!important;
}
body:not(.wp-admin) .elementor-3892 .e-n-accordion-item[open] > .e-n-accordion-item-title{
  background:rgba(120,53,180,.29)!important;
}
@media(max-width:1024px){
  body:not(.wp-admin) .elementor-3892 .elementor-element-433771d::before{opacity:.50;left:0;top:38%;}
}
@media(max-width:767px){
  body:not(.wp-admin) .elementor-3892 .elementor-element-433771d::before{display:none;}
}

/* Forms: correct near-invisible HTML privacy note on dark purple panel.
   Field values remain dark on the actual pale input surfaces. */
body:not(.wp-admin) .elementor-widget-form .elementor-field-group-field_3fcaf4b,
body:not(.wp-admin) .elementor-widget-form .elementor-field-type-html{
  color:#dccbe9!important;-webkit-text-fill-color:#dccbe9!important;
  opacity:1!important;font-size:13px!important;line-height:1.65!important;
}
body:not(.wp-admin) .elementor-element-19f5765 .elementor-widget-form :is(.elementor-field-label,label){
  color:#f5ebff!important;-webkit-text-fill-color:#f5ebff!important;
}
body:not(.wp-admin) .elementor-element-19f5765 .elementor-widget-form :is(input,textarea)::placeholder{
  color:#75667f!important;-webkit-text-fill-color:#75667f!important;opacity:1!important;
}
body:not(.wp-admin) .elementor-element-19f5765 .elementor-widget-form :is(input,textarea,select){
  caret-color:#7130ad!important;
}
body:not(.wp-admin) .elementor-widget-form .elementor-message{
  color:#f4e7ff!important;-webkit-text-fill-color:#f4e7ff!important;
}
@media(prefers-reduced-motion:reduce){
  html body .yt-hero-pointer-glow{display:none!important;}
  html body .yt-enhance-pending,html body .yt-enhance-visible{
    opacity:1!important;transform:none!important;transition:none!important;
  }
  html body .elementor-3892 .elementor-element-433771d::before,
  html body .elementor-22 .elementor-element-6c3a20a::before,
  html body .elementor-22 .elementor-element-6c3a20a::after{animation:none!important;}
  html body .elementor-6711 .elementor-element-54c11984,
  html body .elementor-widget-button .elementor-button-icon{transition:none!important;transform:none!important;}
}