/* POLPACK Motion v2. Small, scoped interactions; no layout changes. */

/* Keep the previously approved homepage opening sequence unchanged. */
@media (prefers-reduced-motion:no-preference){
  .polpack-home .hero-stage .eyebrow,
  .polpack-home .hero-stage h1,
  .polpack-home .hero-stage .hero-copy>p:not(.eyebrow),
  .polpack-home .hero-stage .actions{
    opacity:0;
    transform:translate3d(0,14px,0);
    animation:pp-hero-in .56s cubic-bezier(.2,.65,.3,1) forwards;
  }
  .polpack-home .hero-stage .eyebrow{animation-delay:.06s}
  .polpack-home .hero-stage h1{animation-delay:.14s}
  .polpack-home .hero-stage .hero-copy>p:not(.eyebrow){animation-delay:.22s}
  .polpack-home .hero-stage .actions{animation-delay:.30s}
  .polpack-home .hero-facts>div{
    opacity:0;
    transform:translate3d(0,10px,0);
    animation:pp-hero-in .46s cubic-bezier(.2,.65,.3,1) forwards;
  }
  .polpack-home .hero-facts>div:nth-child(1){animation-delay:.38s}
  .polpack-home .hero-facts>div:nth-child(2){animation-delay:.45s}
  .polpack-home .hero-facts>div:nth-child(3){animation-delay:.52s}
  @keyframes pp-hero-in{to{opacity:1;transform:translate3d(0,0,0)}}
}

/* Use ::before on summary: its existing ::after is the menu chevron. */
@media(min-width:801px){
  .pn-header .pn-navigation>a:not(.pn-header-contact),
  .pn-header .pn-nav-offer>summary{position:relative}
  .pn-header .pn-navigation>a:not(.pn-header-contact)::after,
  .pn-header .pn-nav-offer>summary::before{
    content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;
    background:var(--pn-blue,#1747c9);pointer-events:none;
    transform:scaleX(0);transform-origin:left center;
  }
  .pn-header .pn-navigation>a:not(.pn-header-contact):focus-visible::after,
  .pn-header .pn-navigation>a[aria-current="page"]:not(.pn-header-contact)::after,
  .pn-header .pn-nav-offer>summary:focus-visible::before,
  .pn-header .pn-nav-offer[open]>summary::before{transform:scaleX(1)}
}

/* Decorative labels never replace links, images, headings or alt text. */
[data-pp-motion-root] .pp-case-photo{position:relative;overflow:hidden}
[data-pp-motion-root] .pp-case-photo::after{
  content:"";position:absolute;inset:40% 0 0;
  background:linear-gradient(transparent,rgba(9,25,49,.42));
  opacity:0;pointer-events:none;
}
[data-pp-motion-root] .pp-case-label{
  position:absolute;right:14px;bottom:14px;z-index:1;
  padding:9px 13px;border-radius:4px;background:rgba(17,36,62,.94);
  color:#fff;font:700 13px/1.4 Arial,Helvetica,sans-serif;
  max-width:calc(100% - 28px);pointer-events:none;
  opacity:1;transform:none;
}
[data-pp-motion-root] .pp-motion-arrow{display:inline-block;flex-shrink:0}

@media(prefers-reduced-motion:no-preference){
  .pn-header .pn-navigation>a:not(.pn-header-contact)::after,
  .pn-header .pn-nav-offer>summary::before{transition:transform .22s ease}
  .pn-header .pn-header-contact,
  [data-pp-motion-root] .pp-motion-cta{
    transition:transform .2s ease,background-color .2s ease,border-color .2s ease;
  }
  [data-pp-motion-root] .pp-motion-card{
    transition:transform .26s cubic-bezier(.2,.65,.3,1),border-color .22s ease,box-shadow .26s ease;
  }
  [data-pp-motion-root] .pp-motion-photo img,
  .polpack-home .news-card img{
    transition:transform .48s cubic-bezier(.2,.65,.3,1);
  }
  [data-pp-motion-root] .pp-motion-arrow{transition:transform .22s ease}
  [data-pp-motion-root] .pp-case-photo::after{transition:opacity .25s ease}
  [data-pp-motion-root] .pp-case-label{transition:opacity .25s ease,transform .25s ease}
  [data-pp-motion-root] a:focus-visible>.pp-motion-arrow{transform:translateX(3px)}
  [data-pp-motion-root] a:focus-visible>.pp-motion-arrow.pp-arrow-diagonal{transform:translate(3px,-3px)}
}

@media(hover:hover) and (pointer:fine){
  .pn-header .pn-navigation>a:not(.pn-header-contact):hover::after,
  .pn-header .pn-nav-offer>summary:hover::before{transform:scaleX(1)}
  [data-pp-motion-root] .pp-case-label{opacity:0;transform:translateY(6px)}
  [data-pp-motion-root] .pp-motion-card:hover .pp-case-label,
  [data-pp-motion-root] .pp-motion-card:focus-within .pp-case-label{opacity:1;transform:none}
  [data-pp-motion-root] .pp-motion-card:hover .pp-case-photo::after,
  [data-pp-motion-root] .pp-motion-card:focus-within .pp-case-photo::after{opacity:1}
}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .pn-header .pn-header-contact:hover,
  [data-pp-motion-root] .pp-motion-cta:hover{transform:translateY(-2px)}
  [data-pp-motion-root] .pp-motion-card:hover{transform:translateY(-4px)}
  .polpack-home .offer-card:hover{border-color:#c9d5e5;box-shadow:0 12px 26px rgba(17,36,62,.09)}
  .polpack-home .offer-card.service:hover{box-shadow:0 12px 26px rgba(17,36,62,.14)}
  [data-pp-motion-root] .pp-motion-card:hover .pp-motion-photo img{transform:scale(1.035)}
  .polpack-home .news-card:hover img{transform:scale(1.025)}
  [data-pp-motion-root] a:hover>.pp-motion-arrow{transform:translateX(3px)}
  [data-pp-motion-root] a:hover>.pp-motion-arrow.pp-arrow-diagonal{transform:translate(3px,-3px)}
  [data-pp-motion-root] .pp-motion-card:hover .pp-case-link>.pp-motion-arrow{transform:translateX(3px)}
  .polpack-home .jump .jump-top>span[aria-hidden="true"]{display:inline-block;transition:transform .22s ease}
  .polpack-home .jump:hover .jump-top>span[aria-hidden="true"]{transform:translate(3px,-3px)}
}

/* No motion is required to access content. This also cancels legacy hover transforms. */
@media(prefers-reduced-motion:reduce){
  .pn-header .pn-navigation>a::after,
  .pn-header .pn-nav-offer>summary::before,
  .pn-header .pn-header-contact,
  [data-pp-motion-root] .pp-motion-card,
  [data-pp-motion-root] .pp-motion-cta,
  [data-pp-motion-root] .pp-motion-arrow,
  [data-pp-motion-root] .pp-motion-photo img,
  [data-pp-motion-root] .pp-case-label,
  [data-pp-motion-root] .pp-case-photo::after{transition:none!important;animation:none!important}
  .pn-header .pn-header-contact,
  [data-pp-motion-root] .pp-motion-card,
  [data-pp-motion-root] .pp-motion-cta,
  [data-pp-motion-root] .pp-motion-arrow,
  [data-pp-motion-root] .pp-motion-photo img,
  [data-pp-motion-root] .pp-case-label{transform:none!important}
  .polpack-home .hero-stage .eyebrow,
  .polpack-home .hero-stage h1,
  .polpack-home .hero-stage .hero-copy>p:not(.eyebrow),
  .polpack-home .hero-stage .actions,
  .polpack-home .hero-facts>div{opacity:1!important;transform:none!important;animation:none!important}
}
/* Contact: retain native phone/e-mail links and the existing carousel controls. */
.contact-project[data-pp-motion-root] .pp-motion-card:focus-within{
  border-color:var(--cp-blue,#133fba);
  box-shadow:0 7px 18px rgba(17,36,62,.07);
}
@media(prefers-reduced-motion:no-preference){
  .contact-project .cp-contact-nav a{transition:background-color .2s ease,border-color .2s ease,color .2s ease}
  .contact-project a[href^="tel:"],.contact-project a[href^="mailto:"]{transition:color .18s ease,text-decoration-color .18s ease}
}
@media(hover:hover) and (pointer:fine){
  .contact-project .cp-contact-nav a:not(:first-child):hover{background:#e9effb}
  .contact-project a[href^="tel:"]:hover,.contact-project a[href^="mailto:"]:hover{text-decoration-thickness:2px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .contact-project[data-pp-motion-root] .pp-motion-card:hover{
    transform:translateY(-2px);
    border-color:#bacce6;
    box-shadow:0 9px 22px rgba(17,36,62,.07);
  }
}
@media(prefers-reduced-motion:reduce){
  .contact-project .cp-contact-nav a,
  .contact-project a[href^="tel:"],.contact-project a[href^="mailto:"]{transition:none!important}
}
@media print{
  [data-pp-motion-root] [data-pp-reveal]{opacity:1!important;transform:none!important;animation:none!important}
  [data-pp-motion-root] .pp-case-label,[data-pp-motion-root] .pp-case-photo::after{display:none!important}
}