/* 
Theme Name: FrizzOn Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* =========================
   HEADER STICKY (ROYAL ADDONS)
   + animazione morbida
   + logo più piccolo in sticky
   ========================= */

/* Header: transizioni morbide */
.wpr-sticky-section-yes{
  will-change: transform, opacity, box-shadow, backdrop-filter;
  transition:
    transform .45s cubic-bezier(.22,.61,.36,1),
    opacity  .35s ease,
    box-shadow .45s ease,
    backdrop-filter .45s ease;
}

/* Logo: dimensione base + transizione fluida */
.wpr-logo-image{
  width: 130px !important;                 /* la tua regola */
  transform-origin: left center;           /* cambia in center center se vuoi */
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

/* Sticky attivo (Royal imposta position: fixed inline) */
.wpr-sticky-section-yes[style*="position: fixed"]{
  animation: stickySmoothIn .45s cubic-bezier(.22,.61,.36,1) both;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  backdrop-filter: saturate(1.1) blur(6px);
}

/* Quando sticky è attivo: logo più piccolo */
.wpr-sticky-section-yes[style*="position: fixed"] .wpr-logo-image{
  transform: scale(0.85);                  /* prova 0.9 / 0.8 a gusto */
}

/* Animazione entrata dell'header */
@keyframes stickySmoothIn{
  from{ transform: translateY(-14px); opacity: .96; }
  to  { transform: translateY(0);     opacity: 1;   }
}

/* Accessibilità: riduci animazioni se richiesto dal sistema */
@media (prefers-reduced-motion: reduce){
  .wpr-sticky-section-yes,
  .wpr-sticky-section-yes[style*="position: fixed"],
  .wpr-logo-image{
    transition: none !important;
    animation: none !important;
  }
}
.video .e-hosted-video{
  width:60%;
  margin:0 auto
}
.video .elementor-wrapper {
    --video-aspect-ratio: auto !important;
}
.wpr-mobile-nav-menu{
  margin-top:35px !important
}