/*
Theme Name: Intent Studio
Theme URI: https://intentstudio.dev/
Author: Intent Studio
Author URI: https://intentstudio.dev/
Description: Premium Intent Studio SaaS website with an integrated content, reviews, orders and operations dashboard.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: intent-studio
*/

html,body,#root{min-height:100%;margin:0}
html{margin-top:0!important}
#wpadminbar{display:none!important}

.intent-mobile-nav{display:none}

@media(max-width:800px){
  .mobile-bottom-nav{display:none!important}
  body:not(.admin-bar){padding-bottom:max(112px,calc(96px + env(safe-area-inset-bottom)))}
  .intent-mobile-nav{
    position:fixed;
    z-index:1100;
    left:50%;
    bottom:max(16px,env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(2,1fr) 1.18fr repeat(2,1fr);
    align-items:end;
    width:calc(100% - 32px);
    max-width:640px;
    aspect-ratio:643.86/175.06;
    overflow:visible;
    transform:translateX(-50%);
    isolation:isolate;
  }
  .intent-mobile-nav__shape{
    position:absolute;
    z-index:-1;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    pointer-events:none;
    filter:drop-shadow(0 15px 28px rgba(18,22,31,.22));
  }
  .intent-mobile-nav__item{
    position:relative;
    z-index:2;
    display:flex;
    min-width:0;
    height:58%;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    margin:0 3px 2%;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:20px;
    color:rgba(255,255,255,.78);
    background:transparent;
    font:inherit;
    font-size:clamp(9px,2.7vw,13px);
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    transition:color .25s ease,background .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);
  }
  .intent-mobile-nav__item img{display:block;width:clamp(19px,5.5vw,28px);height:clamp(19px,5.5vw,28px);object-fit:contain;opacity:.82;transition:opacity .25s ease,transform .3s ease}
  .intent-mobile-nav__item::after{content:"";position:absolute;left:50%;bottom:3%;width:4px;height:4px;border-radius:50%;background:#09fafa;opacity:0;transform:translate(-50%,5px);transition:.25s}
  .intent-mobile-nav__item:hover,.intent-mobile-nav__item:focus-visible,.intent-mobile-nav__item.is-active{color:#fff;background:rgba(255,255,255,.09);outline:0;transform:translateY(-2px)}
  .intent-mobile-nav__item:hover img,.intent-mobile-nav__item:focus-visible img,.intent-mobile-nav__item.is-active img{opacity:1;transform:scale(1.06)}
  .intent-mobile-nav__item.is-active::after{opacity:1;transform:translate(-50%,0)}
  .intent-mobile-nav__center{
    position:relative;
    z-index:4;
    align-self:start;
    justify-self:center;
    width:min(20vw,116px);
    aspect-ratio:1;
    margin-top:0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    filter:drop-shadow(0 13px 20px rgba(9,250,250,.18));
    transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .3s ease;
  }
  .intent-mobile-nav__center::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from var(--intent-nav-angle,0deg),#09fafa,#fbe2fb,#9189ff,#09fafa);animation:intent-nav-ring 7s linear infinite}
  .intent-mobile-nav__center::after{content:"";position:absolute;inset:-1px;border:3px solid rgba(255,255,255,.9);border-radius:50%}
  .intent-mobile-nav__center>img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
  .intent-mobile-nav__center>i{position:absolute;z-index:5;right:3%;top:7%;width:14%;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:#27c66f;box-shadow:0 3px 10px rgba(39,198,111,.4)}
  .intent-mobile-nav__center:hover,.intent-mobile-nav__center:focus-visible{outline:0;transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 17px 25px rgba(9,250,250,.25))}
  .intent-mobile-nav__menu{
    position:absolute;
    z-index:10;
    right:0;
    bottom:64%;
    display:grid;
    width:min(190px,52vw);
    gap:3px;
    padding:8px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    background:rgba(23,25,31,.94);
    box-shadow:0 20px 55px rgba(15,18,26,.3);
    backdrop-filter:blur(18px);
    animation:intent-more-in .25s cubic-bezier(.16,1,.3,1);
  }
  .intent-mobile-nav__menu[hidden]{display:none}
  .intent-mobile-nav__menu a{padding:10px 12px;border-radius:11px;color:#fff;font-size:12px;text-decoration:none;transition:background .2s ease,transform .2s ease}
  .intent-mobile-nav__menu a:hover,.intent-mobile-nav__menu a:focus-visible{background:rgba(255,255,255,.1);outline:0;transform:translateX(3px)}
}

@property --intent-nav-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes intent-nav-ring{to{--intent-nav-angle:360deg}}
@keyframes intent-more-in{from{opacity:0;transform:translateY(8px) scale(.96)}}

@media(max-width:390px){
  .intent-mobile-nav{width:calc(100% - 20px)}
  .intent-mobile-nav__item{gap:3px;font-size:9px}
  .intent-mobile-nav__center{width:min(22vw,96px)}
}

@media(min-width:801px){
  .intent-mobile-nav{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .intent-mobile-nav__center::before{animation:none}
  .intent-mobile-nav__item,.intent-mobile-nav__item img,.intent-mobile-nav__center{transition:none}
}

/* WordPress-managed homepage cover photos. The original outer card stays intact. */
.hero-product-frame.intent-cover-frame{overflow:hidden}
.intent-cover-gallery{position:relative;width:100%;overflow:hidden;border:1px solid rgba(222,223,228,.9);border-radius:22px;background:#f4f6f8;box-shadow:0 18px 55px rgba(38,43,65,.09)}
.intent-cover-gallery__viewport{position:relative;width:100%;aspect-ratio:1.6;overflow:hidden}
.intent-cover-gallery__viewport>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.intent-cover-gallery__viewport>img.is-active{z-index:1;opacity:1;transform:scale(1)}
.intent-cover-gallery__dots{position:absolute;z-index:4;left:50%;bottom:14px;display:flex;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.55);border-radius:99px;background:rgba(22,25,33,.4);box-shadow:0 8px 25px rgba(20,23,31,.12);backdrop-filter:blur(10px);transform:translateX(-50%)}
.intent-cover-gallery__dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .25s ease,background .25s ease}
.intent-cover-gallery__dots button.is-active{width:18px;border-radius:99px;background:#09fafa}

.intent-cover-settings{grid-column:1/-1}
.intent-cover-settings__count{padding:5px 9px;border-radius:99px;color:#29726c;background:#e4fbf8;font-size:8px;font-weight:700}
.intent-cover-upload{position:relative;display:grid;justify-items:center;gap:5px;margin-top:15px;padding:18px;border:1px dashed #cfd6de;border-radius:15px;background:linear-gradient(135deg,#f4ffff,#fff8ff);text-align:center;cursor:pointer;transition:border-color .2s ease,transform .2s ease}
.intent-cover-upload:hover{border-color:#50dce1;transform:translateY(-1px)}
.intent-cover-upload strong{font-size:10px}.intent-cover-upload span{color:#8b929d;font-size:8px}.intent-cover-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.intent-cover-settings__status{min-height:18px;padding-top:8px;color:#4c817b;font-size:8px;text-align:center}
.intent-cover-settings__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.intent-cover-photo{position:relative;overflow:hidden;border:1px solid #e0e4ea;border-radius:14px;background:#f4f5f7}
.intent-cover-photo img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}
.intent-cover-photo>span{position:absolute;left:8px;bottom:8px;padding:5px 8px;border-radius:99px;color:#fff;background:rgba(21,24,31,.72);backdrop-filter:blur(8px);font-size:7px;font-weight:700}
.intent-cover-photo>button{position:absolute;right:8px;top:8px;padding:6px 8px;border:1px solid rgba(255,255,255,.65);border-radius:8px;color:#8d3540;background:rgba(255,245,246,.9);box-shadow:0 4px 15px rgba(31,35,45,.1);font-size:7px;font-weight:700;cursor:pointer}

@media(max-width:800px){
  .hero-product-frame.intent-cover-frame{height:auto!important;min-height:0;padding:10px}
  .intent-cover-gallery{border-radius:16px}
  .intent-cover-settings__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.intent-cover-settings__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.intent-cover-gallery__viewport>img{transition:none;transform:none}}

/* Tighter mobile header-to-proof rhythm; desktop geometry remains untouched. */
@media(max-width:520px){
  .hero--home{padding-top:90px!important}
  .hero--home .social-proof{margin-bottom:20px}
}

/* Seamless mobile customer-review marquee; desktop grid remains unchanged. */
@media(min-width:801px){.reviews-grid>[data-review-clone="true"]{display:none!important}}
@media(max-width:800px){
  .reviews-section{overflow:hidden}
  .reviews-section .container{max-width:none;padding-inline:0}
  .reviews-section .section-heading{padding-inline:20px}
  .reviews-grid{
    display:flex!important;
    align-items:flex-start;
    width:max-content;
    max-width:none;
    grid-template-columns:none!important;
    gap:14px!important;
    padding:2px 14px 10px;
    will-change:transform;
    animation:intent-review-marquee 48s linear infinite;
  }
  .reviews-grid>article{
    width:min(78vw,360px);
    min-height:0!important;
    aspect-ratio:1/1;
    flex:0 0 min(78vw,360px);
    border-radius:26px;
  }
  .reviews-grid:hover{animation-play-state:paused}
}
@keyframes intent-review-marquee{to{transform:translateX(calc(-50% + 7px))}}
@media(max-width:420px){
  .reviews-grid>article{width:82vw;min-height:0!important;aspect-ratio:1/1;flex-basis:82vw}
}
@media(prefers-reduced-motion:reduce) and (max-width:800px){
  .reviews-section{overflow:visible}
  .reviews-section .container{overflow:hidden}
  .reviews-grid{width:auto;overflow-x:auto;animation:none;scroll-snap-type:x mandatory;scrollbar-width:none}
  .reviews-grid::-webkit-scrollbar{display:none}
  .reviews-grid>article{scroll-snap-align:center}
}

/* Responsive, high-refresh motion tuning. */
.button,.admin-primary,.product-benefit-card,.portfolio-card,.showcase-card a{transition-duration:.2s!important}
.portfolio-track,.reviews-grid,.custom-cursor__follower,.intent-cover-gallery__viewport>img{will-change:transform}
.intent-cover-gallery__viewport>img{transition:opacity .45s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
@media(max-width:800px){.reviews-grid{animation-duration:40s}}