/* Extend the document canvas; keep controls outside iPhone cutouts and the Home indicator. */
@media (hover:none) and (pointer:coarse){
  html{scroll-padding-top:calc(110px + env(safe-area-inset-top,0px))!important}
  .nav-shell{top:calc(18px + env(safe-area-inset-top,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  body.admin-bar .nav-shell{top:calc(58px + env(safe-area-inset-top,0px))!important}
  #wpadminbar{top:env(safe-area-inset-top,0px)}
  main#main{padding-top:env(safe-area-inset-top,0px)}
  main#main,.footer{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
}
@media (max-width:760px) and (hover:none) and (pointer:coarse){
  .nav-shell{top:calc(12px + env(safe-area-inset-top,0px))}
}

html.edilup-ios-flow .edilup-stack>.edilup-stack-card{
  position:relative!important;top:auto!important;
  animation:edilupStackFlow 1s linear both;
  animation-timeline:scroll(root block);
  animation-range:var(--ed-stack-start,0px) var(--ed-stack-end,1px);
}
@keyframes edilupStackFlow{from{translate:0 0}to{translate:0 var(--ed-stack-travel,0px)}}

/* Keep the mobile sustainability action green through focus, tap and the current page. */
html[data-theme="dark"] .nav-shell .nav:not([data-nav-layout="desktop"]) .navlinks .eco-nav{
  color:#79e4ae!important;background:rgba(32,201,115,.10)!important;
}
html[data-theme="dark"] .nav-shell .nav:not([data-nav-layout="desktop"]) .navlinks .eco-nav:is(:hover,:focus,:active,[aria-current="page"]){
  color:#82edac!important;background:rgba(32,201,115,.18)!important;
}