/*
Theme Name: Omodajaecoo Child
Theme URI: http://uicore.co/
Description: ads.gruppomorini.it
Author: UiCore
Author URI: http://uicore.co/
Template: quylo
Version: 1.0.0
Text Domain: quylo-child
Tested up to: 6.7
Requires PHP: 7.4.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
 
 /* Animazione di rotazione ruote */
 
/* JetBrains Mono */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* Satoshi */
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('fonts/Satoshi-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Unbounded */
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unbounded';
  src: url('fonts/Unbounded-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
 
 
@keyframes spin-slow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ruota-ant,
.ruota-post {
  position: absolute;
  width: 7%; /* proporzionale */
  animation: spin-reverse 8s linear infinite;
  transform-origin: center center;
  pointer-events: none;
  z-index: 5;
  bottom: 5%; /* regolabile */
}

.ruota-ant {
  left: 19%; /* regola finché è perfettamente centrata sulla ruota anteriore */
}

.ruota-post {
  right: 15%; /* regola anche questa */
}

/* Animazione attiva solo se c'è la classe .gira */
.gira {
  animation: spin-reverse 8s linear infinite !important;
}

@keyframes spin-reverse {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); } /* giro al contrario */
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-input {
    border-radius: 50px !important;
    height: 50px !important;
}

.forminator-ui#forminator-module-10765.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #fff !important;
    background-color: #fff;
    height: 50px !important;
    border-radius: 50px;
}
.forminator-ui#forminator-module-9245.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #fff !important;
    background-color: #fff;
    height: 50px !important;
    border-radius: 50px;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-button:last-child {
    margin-right: 0;
    height: 50px !important;
    border-radius: 50px;
    background: #000;
    color: #fff;
    font-size: 18px !important;
}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__rendered, .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__rendered {
    padding: 8px 10px 8px 30px !important;
}
.uicore-transparent:not(.uicore-scrolled):not(.uicore-transparent-color) .uicore-btn.uicore-inverted {
    border-radius: 50px;
    padding: 20px;
}
.bdt-contact-form button.elementor-button.bdt-button {
    padding: 16px 20px 16px 20px !important;
    border-radius: 50px;
}

.popup-modelli {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  padding: 50px 30px;
  overflow-y: auto;
}
.uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu) {
    margin-top: -40px !important;
}
.uicore-menu .ui-menu-item-wrapper {
    position: relative;
    font-size: 16px;
}
/* Sticky del modulo sulle pagine specifiche */
body.page-id-9289 .elementor-element-b435716,
body.page-id-8998 .elementor-element-b435716,
body.page-id-9704 .elementor-element-b435716,
body.page-id-9695 .elementor-element-b435716,
body.page-id-9390 .elementor-element-327730b,
body.page-id-9776 .elementor-element-327730b,
body.page-id-9103 .elementor-element-327730b,
body.page-id-9986 .elementor-element-b435716,
body.page-id-10191 .elementor-element-b435716,
body.page-id-10281 .elementor-element-b435716,
body.page-id-10757 .elementor-element-b435716,
body.page-id-9276 .elementor-element-327730b {
  position: sticky;
  top: 40px;
  align-self: flex-start;
  z-index: 10;
}
 /* Disattiva sticky su schermi piccoli */
@media screen and (max-width: 767px) {
  body.page-id-9289 .elementor-element-b435716,
  body.page-id-8998 .elementor-element-b435716,
  body.page-id-9704 .elementor-element-b435716,
  body.page-id-9695 .elementor-element-b435716,
  body.page-id-10191 .elementor-element-b435716,
  body.page-id-10281 .elementor-element-b435716,
  body.page-id-9390 .elementor-element-327730b,
  body.page-id-9103 .elementor-element-327730b,
  body.page-id-10757 .elementor-element-b435716,
  body.page-id-9276 .elementor-element-327730b {
    position: static;
  }
}

/* Partenza - menu - con imamgini - Menu a discesa che consente estensione */
.sub-menu {
  overflow: visible !important;
  position: relative;
  z-index: 10;
}

/* Voce specifica con immagine */
li.omoda9-img {
  position: relative;
}

/* Box immagine */
li.omoda9-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(40px, -50%); /* inizialmente spostata a destra */
  width: 420px;
  height: 230px;
  background-color: #3a3a3a;
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/05/omoda-9-trasparente.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 12px 12px 0;
  box-shadow: inset 0 0 0 1px #222;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 999;
}

li.menu-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  width: 420px;
  height: 230px;
  background: transparent;
  z-index: 998;
}





li.omoda9-img:hover::after {
  opacity: 1;
  transform: translate(0, -50%); /* torna attaccata al menu */
}



.omoda9-img:hover .sub-menu {
  max-width: 700px;
}

.sub-menu {
  display: flex;
  background-color: #1a1a1a;
  padding: 20px;
}

.preview-img {
  width: 420px;
  height: 240px;
  background-image: url('...');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
}

/* Base comune per tutte le anteprime */
/* STILE BASE COMUNE */
li.menu-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(300px, -50%) scale(0.95);
  width: 420px;
  height: 177px;
  background-color: #3a3a3a;
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 12px 12px 0;
  border-bottom: 2px solid #e60013;
  opacity: 0;
  pointer-events: none;
  z-index: 999;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 32px;
  text-transform: uppercase !important;

  /* Transizione più lenta */
  transition:
    opacity 0.6s ease 0.15s,
    transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}




/* OMODA 9 */
li.omoda9-img:hover::after {
  content: "SCOPRI NUOVO OMODA 9 SUPER HIBRID";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/05/omoda-9-trasparente.png');
  opacity: 1;
  transform: translate(0, -50%);
}

/* OMODA 5 EV */
li.omoda5ev-img:hover::after {
  content: "SCOPRI NUOVO OMODA 5 EV";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/03/omoda-5-ev-bologna.png');
  opacity: 1;
  transform: translate(0, -50%);
}

/* OMODA 5 */
li.omoda5-img:hover::after {
  content: "SCOPRI OMODA 5";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/03/omoda-5.png');
  opacity: 1;
  transform: translate(0, -50%);
}

/* JAECOO 7 SUPER HYBRID */
li.jaecoo7shs-img:hover::after {
  content: "SCOPRI JAECOO 7 SUPER HIBRID";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/03/jaecoo-7-super-hybrid-bologna-1a.png');
  opacity: 1;
  transform: translate(0, -50%);
}

/* JAECOO 7 */
li.jaecoo7-img:hover::after {
  content: "SCOPRI JAECOO 7";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/03/jaecoo-7-bologna-1-1.png');
  opacity: 1;
  transform: translate(0, -50%);
}
/* JAECOO GPL */
li.jaecoo7gpl-img:hover::after {
  content: "SCOPRI JAECOO 7 GPL";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/11/jaecoo-7-gpl.png');
  opacity: 1;
  transform: translate(0, -50%);
}
/* JAECOO 5 */
li.jaecoo5-img:hover::after {
  content: "SCOPRI JAECOO 5";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/11/jaecoo-5-bologna.png');
  opacity: 1;
  transform: translate(0, -50%);
}
/* JAECOO 5 EV */
li.jaecoo5ev-img:hover::after {
  content: "SCOPRI JAECOO 5 EV";
  background-image: url('https://omodajaecoo.gruppomorini.it/wp-content/uploads/2025/11/jaecoo5-ev.png');
  opacity: 1;
  transform: translate(0, -50%);
}

.uicore-navbar nav.uicore ul.sub-menu {
    border-bottom: 2px solid #e60013;
}

.forminator-ui#forminator-module-8807.forminator-design--default .forminator-label {
    font-size: 16px !important;
}
.forminator-ui#forminator-module-9245.forminator-design--default .forminator-label {
    font-size: 16px !important;
}
/* ===== Barra mobile ===== */
.bb-bar { display: none; }

@media (max-width: 767px){
  .bb-bar{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    padding: 10px 12px;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.08);
    z-index: 9999;
  }
  body{ padding-bottom: 90px; }
}

.bb-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  padding: 12px 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.bb-call{ background: #111; color: #fff; }
.bb-quote{ background: #f1f1f1; color: #111; }

/* ===== Popup ===== */
.bb-lock{ overflow: hidden; }

.bb-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 10000;
}

.bb-modal{
  position: fixed;
  left: 50%;
  bottom: 95px;
  transform: translateX(-50%);
  width: min(92vw, 600px);
  max-height: 75vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  padding: 16px;
  z-index: 10001;
}

.bb-modal__header{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.bb-modal__title{ font-size: 18px; font-weight: 800; }
.bb-modal__subtitle{ font-size: 13px; opacity: .75; }

.bb-close{
  border: 0;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
}

.bb-modal__footer{
  margin-top: 10px;
  font-size: 13px;
  opacity: .85;
}

/* Compatibilità Forminator */
.bb-modal__body .forminator-ui{
  margin-top: 10px;
}
header.uicore-page-title {
  border-bottom: 4px solid red;
}

/* Contenitore padre impostato correttamente per sticky form single page */
body.page-id-9289 .e-con-inner,
body.page-id-8998 .e-con-inner,
body.page-id-9704 .e-con-inner,
body.page-id-9695 .e-con-inner,
body.page-id-9390 .e-con-inner,
body.page-id-9103 .e-con-inner,
body.page-id-9776 .e-con-inner,
body.page-id-10191 .e-con-inner,
body.page-id-10281 .e-con-inner,
body.page-id-9986 .e-con-inner,
body.page-id-10757 .e-con-inner,
body.page-id-9276 .e-con-inner {
  display: flex;
  align-items: flex-start;
  overflow: visible !important;
  position: relative;
}
@media (min-width: 783px) {
    .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child)
 {
        margin-bottom: 10px !important;
    }
} 

.forminator-ui#forminator-module-10765.forminator-design--default .forminator-label
 {
    text-transform: uppercase;
}
.freccia-animata {
  margin-right: 26px;              /* spazio sicuro */
  animation: arrowMove 1.4s cubic-bezier(.4,0,.2,1) infinite;
  will-change: transform;
}

@keyframes arrowMove {
  0% {
    transform: translateX(0) scale(1);
  }
  50% {
    transform: translateX(4px) scale(1.1); /* movimento ridotto */
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
.elementor-element-b435716 {
  animation: shakeCycle 5s cubic-bezier(.36,.07,.19,.97) infinite;
  animation-delay: 2s;
}

/* stop su interazione */
.elementor-element-b435716:hover,
.elementor-element-b435716:focus-within {
  animation-play-state: paused;
}

@keyframes shakeCycle {
  /* ---- FERMO ---- */
  0%,
  68% {
    transform: translateX(0);
  }

  /* ---- TRILLO PIÙ SECCO ---- */
  72%  { transform: translateX(-6px); }
  76%  { transform: translateX(6px); }
  80%  { transform: translateX(-5px); }
  84%  { transform: translateX(5px); }
  88%  { transform: translateX(-4px); }
  92%  { transform: translateX(4px); }

  /* ---- RITORNO ---- */
  100% {
    transform: translateX(0);
  }
}
 .ti-rating-text {
    display: none;
}