/* Premium visual enhancements — Raceview Denture */
/* 1. Scroll reveal (state applied only when JS active via html.prm-js) */
html.prm-js .prm-r{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
html.prm-js .prm-r.prm-in{opacity:1;transform:none}
html.prm-js .prm-r img{will-change:transform}

/* 2. Button shine sweep + lift */
.nectar-button{position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease!important}
.nectar-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px -8px rgba(0,0,0,.35)}
.nectar-button::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 100%);transform:skewX(-22deg);pointer-events:none;transition:none}
.nectar-button:hover::after{animation:prm-shine .85s ease forwards}
@keyframes prm-shine{to{left:130%}}
#header-outer .nectar-button:hover{box-shadow:0 10px 22px -6px rgba(255,145,164,.55)}

/* 3. Image hover zoom + soft shadow */
.main-content .wpb_single_image .vc_single_image-wrapper,.main-content .img-with-aniamtion-wrap{overflow:hidden;border-radius:6px;transition:box-shadow .5s ease}
.main-content .wpb_single_image .vc_single_image-wrapper img,.main-content .img-with-aniamtion-wrap img{transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}
.main-content .wpb_single_image:hover .vc_single_image-wrapper img,.main-content .img-with-aniamtion-wrap:hover img{transform:scale(1.055)}
.main-content .wpb_single_image:hover .vc_single_image-wrapper,.main-content .img-with-aniamtion-wrap:hover{box-shadow:0 22px 45px -18px rgba(0,0,0,.35)}

/* 4. Card lift — feature columns with backgrounds & blog articles */
.wpb_column.child_column>.vc_column-inner,article.post .inner-wrap{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s cubic-bezier(.22,.61,.36,1)}
.wpb_column.child_column:hover>.vc_column-inner{transform:translateY(-8px);box-shadow:0 26px 50px -20px rgba(0,0,0,.28)}
article.post .inner-wrap:hover{transform:translateY(-6px);box-shadow:0 22px 44px -18px rgba(0,0,0,.22)}

/* 5. Hero entrance — image fades in, then text/buttons follow (class added by JS) */
html.prm-js .nectar-slider-wrap .slide-bg-wrap{opacity:0;transition:opacity 1.5s ease}
html.prm-js .nectar-slider-wrap.prm-hero .slide-bg-wrap{opacity:1}
html.prm-js .nectar-slider-wrap .swiper-slide .content>h1,
html.prm-js .nectar-slider-wrap .swiper-slide .content>h2,
html.prm-js .nectar-slider-wrap .swiper-slide .content>h3,
html.prm-js .nectar-slider-wrap .swiper-slide .content>p,
html.prm-js .nectar-slider-wrap .swiper-slide .content>.buttons{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
html.prm-js .nectar-slider-wrap.prm-hero .swiper-slide .content>h1,
html.prm-js .nectar-slider-wrap.prm-hero .swiper-slide .content>h2,
html.prm-js .nectar-slider-wrap.prm-hero .swiper-slide .content>h3{opacity:1;transform:none;transition-delay:.75s}
html.prm-js .nectar-slider-wrap.prm-hero .swiper-slide .content>p{opacity:1;transform:none;transition-delay:1.05s}
html.prm-js .nectar-slider-wrap.prm-hero .swiper-slide .content>.buttons{opacity:1;transform:none;transition-delay:1.35s}

/* 6. Scroll progress bar */
#prm-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#ff91a4,#ffb7c5);z-index:100000;pointer-events:none;transition:width .12s linear;box-shadow:0 0 8px rgba(255,145,164,.6)}

/* 7. Back-to-top button */
#prm-top{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:50%;background:#ff91a4;color:#fff;border:0;cursor:pointer;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease,visibility .4s,box-shadow .3s ease;box-shadow:0 10px 24px -8px rgba(255,145,164,.7)}
#prm-top.prm-show{opacity:1;visibility:visible;transform:none}
#prm-top:hover{box-shadow:0 14px 30px -8px rgba(255,145,164,.9);transform:translateY(-3px)}
#prm-top svg{width:18px;height:18px}

/* 8. Gentle heading underline grow on section titles */
.main-content h2{position:relative}
html.prm-js .prm-r.prm-in h2::after{transform:scaleX(1)}

/* 9. Smooth everything */
html{scroll-behavior:smooth}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  html.prm-js .prm-r{opacity:1;transform:none;transition:none}
  .nectar-button:hover::after{animation:none}
  html.prm-js .nectar-slider-wrap .slide-bg-wrap,html.prm-js .nectar-slider-wrap .swiper-slide .content>h1,html.prm-js .nectar-slider-wrap .swiper-slide .content>h2,html.prm-js .nectar-slider-wrap .swiper-slide .content>h3,html.prm-js .nectar-slider-wrap .swiper-slide .content>p,html.prm-js .nectar-slider-wrap .swiper-slide .content>.buttons{opacity:1;transform:none;transition:none}
  .nectar-button,.wpb_column.child_column>.vc_column-inner,article.post .inner-wrap{transition:none}
  html{scroll-behavior:auto}
}
