/* VIDIA - Imagen fija en Header Top
   Pensado para PrestaShop 1.7.x con theme classic.
   No mueve el menú ni el logo porque usa position:absolute. */

@media (min-width: 768px) {
  .header-top .container {
    position: relative;
  }

  .vidia-header-image-wrapper {
    position: absolute;
    top: var(--vidia-img-top, 20px);
    right: var(--vidia-img-right, 10px);
    width: var(--vidia-img-width, 170px);
    max-width: 22vw;
    height: auto;
    z-index: 20;
    line-height: 0;
    pointer-events: auto;
  }

  .vidia-header-image-wrapper a {
    display: block;
  }

  .vidia-header-image-wrapper img {
    display: block;
    min-inline-size: fit-content;
    /* width: 100%; */
    /* height: 100%; */
    max-height: 300px;
    max-width: 250px;
    /* padding-right: 20%; */
    object-fit: revert-rule;
    float: right;
  }

  .vidia-header-image-anim {
    animation: vidiaHeaderFloat 3.4s ease-in-out infinite;
  }

  @keyframes vidiaHeaderFloat {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-6px);
    }
  }
}

@media (max-width: 767px) {
  .vidia-header-image-wrapper {
    display: none !important;
  }
}